/* Pages and articles rendered by tools/seo from content/quit/seo (markdown), inside the site's own chrome. Only the
   site's tokens (runtime/components/tokens.css): the body face sized for reading, the pixel face for the page's title
   and the readable display face for every other heading (owner order, 25 Oct 2026), the orange accent for headings
   and the green for links. */
.q-seo-main{display:block;background:var(--t-paper,#08110e);color:var(--t-ink,#f4e7cb);padding:clamp(28px,6vw,72px) clamp(18px,5vw,40px) clamp(48px,8vw,96px)}
/* A page without the lobby deck (/privacy, /articles and every article) has the fixed site header straight above its
   main, which would sit under it: the breadcrumb was hidden and the title touched the header on a phone. Such a main
   starts below the header (70 px, 62 px under 768 px, the heights the heading anchors below use). The deck brings its own
   room (contract-bar.css), and a header in the flow needs none. */
.c-header[data-quit-navigation]+.q-seo-main{padding-top:calc(var(--t-header-desktop,70px) + clamp(28px,6vw,72px))}
@media (max-width:767px){.c-header[data-quit-navigation]+.q-seo-main{padding-top:calc(var(--t-header-phone,62px) + clamp(28px,6vw,72px))}}
.q-seo-article{max-width:44rem;margin:0 auto;font:400 clamp(21px,2.1vw,24px)/1.45 var(--t-font-body,"IBM Plex Mono",monospace)}
.q-seo-article h1,.q-seo-article h2,.q-seo-article h3{font-family:var(--t-font-display,"QUIT Display",monospace);color:var(--t-accent,#ff610b);line-height:1.15;letter-spacing:.01em;margin:1.6em 0 .55em}
.q-seo-article h1{font-family:var(--t-font-pixel,"QUIT Pixel",monospace);font-size:clamp(28px,4.4vw,44px);margin-top:.4em;text-transform:uppercase}
.q-seo-article h2{font-size:clamp(20px,2.6vw,28px)}@media (min-width:846.16px){.q-seo-body>h2{font-family:var(--t-font-display-large,var(--t-font-display,"QUIT Display Large",monospace))}}
.q-seo-article h3{font-size:clamp(17px,2vw,20px);color:var(--t-ink,#f4e7cb)}
/* A link to a heading (a manifesto contents link, /about#official-accounts from /press, /real-quit and /token-facts,
   /token-facts#risk) lands with the heading clear of the fixed site header: --t-header-desktop is 70 px and
   --t-header-phone 62 px in the built tokens, and the header switches to the phone height at 767 px. */
.q-seo-article :is(h2,h3,h4)[id]{scroll-margin-top:calc(var(--t-header-desktop,70px) + 16px)}
@media (max-width:767px){.q-seo-article :is(h2,h3,h4)[id]{scroll-margin-top:calc(var(--t-header-phone,62px) + 16px)}}
.q-seo-article p,.q-seo-article ul,.q-seo-article ol,.q-seo-article blockquote,.q-seo-article table,.q-seo-article pre{margin:0 0 1em}
.q-seo-article ul,.q-seo-article ol{padding-left:1.3em}
.q-seo-article li{margin:.25em 0}
.q-seo-article a{color:var(--t-sky,#25dc71);text-decoration:underline;text-underline-offset:.18em}
.q-seo-article a:hover{color:var(--t-yellow,#ff721c)}
.q-seo-article a:focus-visible{outline:var(--t-focus-width,3px) solid var(--t-focus,#fff0ad);outline-offset:2px}
/* Tap areas. Vertical padding on an inline link moves nothing in the text flow, so a link's box fills the height of its
   line. A link that is a list item on its own (a contents or related entry) and a breadcrumb link are 44 px tall. On a
   touch screen or a phone-width window the list item is padded to the same 44 px, so neighbouring entries never share
   a strip of screen; with a mouse the lists keep their spacing. Buttons keep their own padding. */
.q-seo-article a:not(.c-btn){padding-block:.2em;padding-block:max(0px,calc((1lh - 1em)/2))}
.q-seo-article li>a:only-child:not(.c-btn),.q-seo-article .q-seo-crumbs a{padding-block:calc(22.5px - .5em)}
@media (max-width:767px),(pointer:coarse){.q-seo-article li:has(>a:only-child:not(.c-btn)){padding-block:max(0px,calc(22.5px - .5lh))}}
.q-seo-article .q-seo-crumbs a{padding-inline:.5em;margin-inline:-.5em}
/* A long word breaks only when it cannot fit a line of its own: a domain such as shop.quityourjob.fun stays whole where
   it fits, and a wallet address in running text (an FAQ answer) wraps instead of running off a phone screen. */
.q-seo-article{overflow-wrap:break-word}
/* COPY ADDRESS and BUY $QUIT under the contract address after the T0 switch (/seo/live.js); a button keeps its own colours. */
.q-seo-article .q-live-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6em;margin:-.35em 0 1em}
.q-seo-article a.c-btn,.q-seo-article a.c-btn:hover{color:var(--c-text);text-decoration:none}
.q-seo-article strong{color:var(--t-ink,#f4e7cb);font-weight:400;background:var(--t-wood,#232720);padding:0 .15em}
.q-seo-article blockquote{border-left:4px solid var(--t-accent,#ff610b);padding:.1em 0 .1em 1em;color:var(--t-muted,#b5bba9)}
.q-seo-article code,.q-seo-article pre{font-family:var(--t-font-body,"IBM Plex Mono",monospace);background:var(--t-screen,#040c09);color:var(--t-sky,#25dc71)}
.q-seo-article pre{padding:.8em 1em;overflow-x:auto}
.q-seo-article code{overflow-wrap:anywhere}
.q-seo-article td,.q-seo-article td a{overflow-wrap:anywhere}
.q-seo-article td:first-child{overflow-wrap:normal;word-break:normal}
.q-seo-article img{display:block;max-width:100%;height:auto;margin:1.2em 0;border:var(--t-outline-heavy,3px) solid var(--t-metal,#333a32)}
.q-seo-article table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}
.q-seo-article th,.q-seo-article td{border:1px solid var(--t-metal,#333a32);padding:.35em .6em;text-align:left;vertical-align:top}
.q-seo-article th{color:var(--t-accent,#ff610b);font-weight:400}
.q-seo-article hr{border:0;border-top:2px dashed var(--t-metal-light,#656853);margin:2em 0}
/* Tables on a phone. A table of three or more columns becomes one card per row, each cell under its column heading:
   the label is the heading's own words, set per table below and checked against the page's markdown by
   tests/quit-seo/article-tables.test.js, and the header row stays for screen readers only. A short cell (a number, a
   date, a name) keeps its label and value on one line and never breaks the value; a long cell starts on the line under
   its label. A two-column table stacks each label above its value, and its header row stays for screen readers only
   too: shown, its two headings read as a stray line over the first label (audit T2, 31 Oct 2026). */
@media (max-width:640px){
 .q-seo-body>table:has(th:nth-child(3)){display:block;overflow:visible}
 .q-seo-body>table:has(th:nth-child(3)) :is(thead,tbody,tr,th,td){display:block}
 .q-seo-body>table:has(th:nth-child(3)) thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .q-seo-body>table:has(th:nth-child(3)) tbody{border-top:2px solid var(--t-metal,#333a32)}
 .q-seo-body>table:has(th:nth-child(3)) tr{padding:.45em 0;border-bottom:1px solid var(--t-metal,#333a32)}
 .q-seo-body>table:has(th:nth-child(3)) td{border:0;padding:.1em 0;overflow-wrap:break-word}
 .q-seo-body>table:has(th:nth-child(3)) td::before{display:block;white-space:normal;font-size:.8em;line-height:1.35;color:var(--t-accent,#ff610b)}
 /* The short cells of each table: every row's label and value fit one line, so the cards of a table look alike. */
 html[data-page="/manifesto"] .q-seo-body>table:nth-of-type(2) td:is(:nth-child(1),:nth-child(2)),
 html[data-page="/manifesto"] .q-seo-body>table:nth-of-type(3) td:nth-child(1),
 html[data-page="/token-facts"] .q-seo-body>table:nth-of-type(2) td:not(:nth-child(2)){display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.6em;white-space:nowrap}
 /* A share is a live figure (a span) and its %, two flex items: the gap goes on the label alone (.75em of its .8em is the cell gap of .6em), so it reads 1.05%. */
 html[data-page="/token-facts"] .q-seo-body>table:nth-of-type(2) td:nth-child(4){column-gap:0}
 html[data-page="/token-facts"] .q-seo-body>table:nth-of-type(2) td:nth-child(4)::before{margin-right:.75em}
 /* The labels: each column heading's words, exactly as in the page's markdown. */
 html[data-page="/manifesto"] .q-seo-body>table:nth-of-type(2) td:nth-child(1)::before{content:"V3 LAYER"}
 html[data-page="/manifesto"] .q-seo-body>table:nth-of-type(2) td:nth-child(2)::before{content:"OPTIONS"}
 html[data-page="/manifesto"] .q-seo-body>table:nth-of-type(2) td:nth-child(3)::before{content:"SIGNATURE HIGHLIGHTS & ODDS"}
 html[data-page="/manifesto"] .q-seo-body>table:nth-of-type(3) td:nth-child(1)::before{content:"RARITY TIER"}
 html[data-page="/manifesto"] .q-seo-body>table:nth-of-type(3) td:nth-child(2)::before{content:"SHARE & COUNT"}
 html[data-page="/manifesto"] .q-seo-body>table:nth-of-type(3) td:nth-child(3)::before{content:"TIER DEFINITION & LEGENDARY ROSTER"}
 html[data-page="/token-facts"] .q-seo-body>table:nth-of-type(2) td:nth-child(1)::before{content:"Escrow number"}
 html[data-page="/token-facts"] .q-seo-body>table:nth-of-type(2) td:nth-child(2)::before{content:"Jupiter Lock vesting escrow account"}
 html[data-page="/token-facts"] .q-seo-body>table:nth-of-type(2) td:nth-child(3)::before{content:"Locked $QUIT"}
 html[data-page="/token-facts"] .q-seo-body>table:nth-of-type(2) td:nth-child(4)::before{content:"Share of " var(--quit-supply-millions,"937.90M") " supply"}
 html[data-page="/token-facts"] .q-seo-body>table:nth-of-type(2) td:nth-child(5)::before{content:"Maturity date"}
 /* The escrow table's last row is the twelve escrows' total (audit T3, 31 Oct 2026): a ruled total line under the cards,
    its Total and its count without the per-escrow labels, so it never reads as a thirteenth escrow. */
 html[data-page="/token-facts"] .q-seo-body>table:nth-of-type(2) tbody>tr:last-child{margin-top:.6em;padding-top:.7em;border-top:4px double var(--t-metal-light,#656853);border-bottom:0}
 html[data-page="/token-facts"] .q-seo-body>table:nth-of-type(2) tbody>tr:last-child>td:is(:nth-child(1),:nth-child(2))::before{content:none}
 html[data-page="/token-facts"] .q-seo-body>table:nth-of-type(2) tbody>tr:last-child>td:nth-child(1){font:400 1.2em/1.2 var(--t-font-display,"QUIT Display",monospace);color:var(--t-accent,#ff610b)}
 html[data-page="/token-facts"] .q-seo-body>table:nth-of-type(2) tbody>tr:last-child>td:nth-child(2){color:var(--t-muted,#b5bba9);margin-bottom:.3em}
}
@media (max-width:480px){
 .q-seo-body>table:not(:has(th:nth-child(3))){display:block;overflow:visible}
 .q-seo-body>table:not(:has(th:nth-child(3))) :is(thead,tbody,tr,th,td){display:block}
 .q-seo-body>table:not(:has(th:nth-child(3))) tr{padding:.45em 0;border-bottom:1px solid var(--t-metal,#333a32)}
 .q-seo-body>table:not(:has(th:nth-child(3))) thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .q-seo-body>table:not(:has(th:nth-child(3))) tbody{border-top:2px solid var(--t-metal,#333a32)}
 .q-seo-body>table:not(:has(th:nth-child(3))) :is(th,td){border:0;padding:0;overflow-wrap:break-word}
 .q-seo-body>table:not(:has(th:nth-child(3))) th:empty{display:none}
 .q-seo-body>table:not(:has(th:nth-child(3))) td:first-child{color:var(--t-accent,#ff610b);margin-bottom:.1em}
}
.q-seo-crumbs{font-size:.85em;color:var(--t-muted,#b5bba9)}
.q-seo-meta{color:var(--t-muted,#b5bba9);font-size:.9em}
.q-seo-faq,.q-seo-related{border-top:2px solid var(--t-metal,#333a32);margin-top:2.2em;padding-top:.4em}
.q-seo-related ul{list-style:none;padding:0}
.q-seo-list{list-style:none;padding:0;margin:1.6em 0 0}
.q-seo-list li{border-top:2px solid var(--t-metal,#333a32);padding:.9em 0}
.q-seo-list h2{margin:0 0 .3em;font-size:clamp(18px,2.2vw,24px)}
.q-seo-intro{font-size:1.1em}

/* /manifesto, Gary's manifesto: one continuous sheet of the accounting department's green-bar printout paper, tractor
   holes down both edges, the body face for the printer, the pixel face for the title and the readable display face for
   the other headings. Scoped to the page, so every other
   generated page keeps the rules above. A picture always shows its whole frame: its width and height follow the file
   (at most the column, at most most of the screen's height), never a crop. */
html[data-page="/manifesto"] .q-seo-main{background:#060d0a;padding:clamp(16px,4vw,56px) clamp(6px,3vw,32px) clamp(48px,8vw,96px)}
html[data-page="/manifesto"] .q-seo-article{--mf-paper:#f3eedc;--mf-band:#dde8cf;--mf-ink:#1d231d;--mf-soft:#4f5a4c;--mf-perf:#9fac92;--mf-accent:#b23c00;--mf-link:#0b5d2f;--mf-line:32px;--mf-edge:44px;--mf-hole:8px;--mf-gutter:clamp(18px,5vw,72px);position:relative;max-width:1120px;margin:0 auto;color:var(--mf-ink);font-size:24px;line-height:var(--mf-line);padding:calc(var(--mf-line)*2) calc(var(--mf-edge) + var(--mf-gutter)) calc(var(--mf-line)*3);background:repeating-linear-gradient(180deg,var(--mf-paper) 0 calc(var(--mf-line)*3),var(--mf-band) calc(var(--mf-line)*3) calc(var(--mf-line)*6));box-shadow:0 24px 60px rgb(0 0 0/.6)}
html[data-page="/manifesto"] .q-seo-article::before,html[data-page="/manifesto"] .q-seo-article::after{content:"";position:absolute;top:0;bottom:0;width:var(--mf-edge);pointer-events:none;background:radial-gradient(circle,#060d0a 0 var(--mf-hole),transparent calc(var(--mf-hole) + .5px)) 50% calc(var(--mf-line)*.75)/100% calc(var(--mf-line)*1.5) repeat-y,var(--mf-paper)}
html[data-page="/manifesto"] .q-seo-article::before{left:0;border-right:2px dashed var(--mf-perf)}
html[data-page="/manifesto"] .q-seo-article::after{right:0;border-left:2px dashed var(--mf-perf)}
html[data-page="/manifesto"] .q-seo-crumbs{font-size:18px;color:var(--mf-soft);margin:0 0 var(--mf-line)}
html[data-page="/manifesto"] .q-seo-article a{color:var(--mf-link);text-decoration-thickness:2px;text-underline-offset:.2em}
html[data-page="/manifesto"] .q-seo-article a:hover{color:var(--mf-accent)}
html[data-page="/manifesto"] .q-seo-article a:focus-visible{outline:3px solid var(--mf-accent);outline-offset:2px}
html[data-page="/manifesto"] .q-seo-article h1{font-weight:700;color:var(--mf-ink);font-size:clamp(30px,5.4vw,62px);line-height:1.04;letter-spacing:0;margin:0 0 calc(var(--mf-line)*1.5);max-width:15em}
html[data-page="/manifesto"] .q-seo-article h2,html[data-page="/manifesto"] .q-seo-article h3{color:var(--mf-ink)}
html[data-page="/manifesto"] .q-seo-body{counter-reset:mf}
html[data-page="/manifesto"] .q-seo-body>*{max-width:44rem}
html[data-page="/manifesto"] .q-seo-body>:is(h2,hr,table,p:has(>img)){max-width:none}
html[data-page="/manifesto"] .q-seo-body :is(p,ul,ol,blockquote,table){margin:0 0 var(--mf-line)}
html[data-page="/manifesto"] .q-seo-body em{font-style:normal}
html[data-page="/manifesto"] .q-seo-body>h2{font-family:var(--t-font-display-large,var(--t-font-display,"QUIT Display Large",monospace));counter-increment:mf;display:flex;align-items:baseline;gap:.65em;font-size:clamp(22px,2.7vw,31px);line-height:1.15;margin:calc(var(--mf-line)*3) 0 var(--mf-line);padding-top:calc(var(--mf-line)*1.25);border-top:2px dashed var(--mf-perf)}
html[data-page="/manifesto"] .q-seo-body>h2::before{content:counter(mf,decimal-leading-zero);flex:none;color:var(--mf-accent);font-size:.78em}
html[data-page="/manifesto"] .q-seo-body>h2#contents{counter-increment:none;font-size:clamp(17px,1.8vw,20px);letter-spacing:.04em;color:var(--mf-soft)}
html[data-page="/manifesto"] .q-seo-body>h2#contents::before{content:none}
html[data-page="/manifesto"] .q-seo-body>h2#contents+ol{columns:2 15rem;column-gap:3rem;padding-left:2.4em;list-style:decimal-leading-zero}
html[data-page="/manifesto"] .q-seo-body>h2#contents+ol li{break-inside:avoid;margin:0 0 calc(var(--mf-line)*.2)}
/* The token facts contents (owner approval, 22 Oct 2026): the page's six headings as links, the heading and the list each
   in a dashed orange frame. An outline takes no room, so nothing below moves. */
html[data-page="/token-facts"] .q-seo-body>h2#contents,html[data-page="/token-facts"] .q-seo-body>h2#contents+ol{outline:3px dashed var(--t-accent,#ff610b);outline-offset:6px}
html[data-page="/manifesto"] .q-seo-body li::marker{color:var(--mf-accent)}
html[data-page="/manifesto"] .q-seo-body>ul{list-style:square;padding-left:1.15em}
html[data-page="/manifesto"] .q-seo-body>ol{padding-left:1.6em}
html[data-page="/manifesto"] .q-seo-body li{margin:0 0 calc(var(--mf-line)*.3)}
html[data-page="/manifesto"] .q-seo-body>p:has(>img){margin:calc(var(--mf-line)*1.5) 0;text-align:center;line-height:0}
/* Width comes from the picture's own width attribute (the SEO step writes width and height from the file), capped at the
   column; height follows its ratio, so the box has its final size before the file loads and an anchor lands where it
   should. Never width:auto or a height cap here: either would undo the reserved box. */
html[data-page="/manifesto"] .q-seo-body img{box-sizing:border-box;display:inline-block;vertical-align:top;max-width:100%;height:auto;margin:0;border:6px solid #141a14;outline:2px solid #3b4438;outline-offset:-1px;background:repeating-linear-gradient(135deg,rgb(79 90 76/.18) 0 1px,transparent 1px 10px) var(--mf-band)}
/* Until its file arrives a picture shows that frame around a hatched slot of the printout's green band, never a black box.
   The pictures with transparent edges (the callers' phones, the pilots, Gary's letter) keep the dark mat they are
   finished on. */
html[data-page="/manifesto"] .q-seo-body img:is([src*="/assets/phone/caller-"],[src*="/pilots/"],[src*="desktop-mission/letter"]){background:#0b120e}
html[data-page="/manifesto"] .q-seo-body>p:has(>img+img){display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--mf-cell,170px),1fr));gap:clamp(8px,1.4vw,16px);align-items:start}
html[data-page="/manifesto"] .q-seo-body>p:has(>img+img)>img{width:100%;min-width:0}
/* The one tall picture: Gary's letter, kept to a screen's height by its width. */
html[data-page="/manifesto"] .q-seo-body img[src*="desktop-mission/letter"]{max-width:min(100%,640px)}
html[data-page="/manifesto"] .q-seo-body>p:has(>img[src*="/nft-v3/showcase/"]){--mf-cell:min(150px,40%)}
html[data-page="/manifesto"] .q-seo-body>p:has(>img[src*="/merch/"]){--mf-cell:min(300px,100%)}
html[data-page="/manifesto"] .q-seo-body>p:has(>img[src*="/pilots/"]){--mf-cell:min(150px,28%)}
html[data-page="/manifesto"] .q-seo-body img[src*="/pilots/"]{padding:10%;border-width:4px}
/* The airdrop card comes in a wide and a tall version, as on the badges floor: one shows per screen. */
html[data-page="/manifesto"] .q-seo-body>p:has(>img[src*="nft-airdrop-phone"]){display:none}
html[data-page="/manifesto"] .q-seo-body>p:has(>img)+p:has(>em:only-child){margin-top:calc(var(--mf-line)*-.75);text-align:center;color:var(--mf-soft);font-size:20px;max-width:none}
html[data-page="/manifesto"] .q-seo-body>hr{border:0;border-top:2px dashed var(--mf-ink);margin:calc(var(--mf-line)*2.5) calc(var(--mf-gutter)*-1) calc(var(--mf-line)*1.5)}
html[data-page="/manifesto"] .q-seo-body>hr+p{color:var(--mf-soft);letter-spacing:.04em}
html[data-page="/manifesto"] .q-seo-body>blockquote{border:2px solid var(--mf-ink);border-left-width:2px;padding:calc(var(--mf-line)*.5) 1em;background:var(--mf-paper);color:var(--mf-ink)}
html[data-page="/manifesto"] .q-seo-body>blockquote>p{margin:0}
html[data-page="/manifesto"] .q-seo-article code{background:none;color:var(--mf-ink);font-size:1em;padding:0}
html[data-page="/manifesto"] .q-seo-body>table{display:table;width:100%;border-collapse:collapse}
html[data-page="/manifesto"] .q-seo-body th,html[data-page="/manifesto"] .q-seo-body td{border:0;border-bottom:1px solid var(--mf-perf);padding:calc(var(--mf-line)*.3) 1em calc(var(--mf-line)*.3) 0;text-align:left;vertical-align:top}
html[data-page="/manifesto"] .q-seo-body th{font-family:var(--t-font-display,"QUIT Display",monospace);font-size:15px;letter-spacing:.04em;color:var(--mf-soft);border-bottom:2px solid var(--mf-ink)}
html[data-page="/manifesto"] .q-seo-body td:first-child{white-space:nowrap;color:var(--mf-accent)}
html[data-page="/manifesto"] .q-seo-related{border-top:2px dashed var(--mf-perf);margin-top:calc(var(--mf-line)*3);padding-top:var(--mf-line)}
html[data-page="/manifesto"] .q-seo-related h2{font-size:clamp(17px,1.8vw,20px);letter-spacing:.04em;color:var(--mf-soft);margin:0 0 calc(var(--mf-line)*.5)}
html[data-page="/manifesto"] .q-seo-related ul{columns:2 15rem;column-gap:3rem}
/* Version 3.0 cards (the callers, the Quitters, the garments and the showcase portraits): a card opens with its label
   line (a paragraph that starts in bold), which starts below the card before; then the picture sits beside the card's
   words at a size that shows the whole frame. The wide pictures (the floors, the launchpad screens, the badges doors)
   keep the full column. Quotes and lists beside a picture keep their own box. */
html[data-page="/manifesto"] .q-seo-body>:is(h2,h3,hr,table,p:has(>img),p:has(>strong:first-child)){clear:both}
html[data-page="/manifesto"] .q-seo-body>:is(blockquote,ul,ol){display:flow-root}
html[data-page="/manifesto"] .q-seo-body>h4{font-family:var(--t-font-display,"QUIT Display",monospace);font-size:clamp(17px,1.7vw,21px);line-height:1.25;letter-spacing:.04em;margin:calc(var(--mf-line)*.2) 0 calc(var(--mf-line)*.4);color:var(--mf-ink)}
/* The Quitters' and the airdrop's entries are h3 under their h2, so the outline skips no level (audit SWEEP-08), and
   keep the look they had as h4: the h4 rule above, and no clear, so each still sits beside its picture. */
html[data-page="/manifesto"] .q-seo-body>:is(#the-quitters~h3:not(#what-costs-nothing~*),#ex-employees-and-the-airdrop~h3:not(#the-four-doors-on-the-badges-floor,#the-four-doors-on-the-badges-floor~*)){font-family:var(--t-font-display,"QUIT Display",monospace);font-size:clamp(17px,1.7vw,21px);line-height:1.25;letter-spacing:.04em;margin:calc(var(--mf-line)*.2) 0 calc(var(--mf-line)*.4);color:var(--mf-ink);clear:none}
html[data-page="/manifesto"] .q-seo-body>p:is(:has(>img[src*="/assets/phone/caller-"]:only-child),:has(>img[src*="/runtime/merch/"]:only-child),:has(>img[src*="/nft-v3/showcase/"]:only-child),:has(>img[src*="/merch/wild/"]+img)){float:left;margin:calc(var(--mf-line)*.25) clamp(14px,2.2vw,28px) calc(var(--mf-line)*.6) 0;text-align:left}
html[data-page="/manifesto"] .q-seo-body>p:has(>img[src*="/assets/phone/caller-"]:only-child){width:min(140px,30%)}
html[data-page="/manifesto"] .q-seo-body>p:has(>img[src*="/runtime/merch/"]:only-child){width:min(270px,42%)}
html[data-page="/manifesto"] .q-seo-body>p:has(>img[src*="/nft-v3/showcase/"]:only-child){width:min(176px,34%)}
html[data-page="/manifesto"] .q-seo-body>p:has(>img[src*="/merch/wild/"]+img){width:min(380px,52%);--mf-cell:130px}
html[data-page="/manifesto"] .q-seo-body>table:has(th:nth-child(3)){display:block;overflow-x:auto;font-size:.78em;line-height:1.4}
html[data-page="/manifesto"] .q-seo-body>table:has(th:nth-child(3)) td:first-child{white-space:normal;min-width:8.5em}
@media (max-width:640px){
 html[data-page="/manifesto"] .q-seo-article{--mf-line:28px;--mf-edge:20px;--mf-hole:5px;--mf-gutter:12px;font-size:20px}
 html[data-page="/manifesto"] .q-seo-body>h2{margin-top:calc(var(--mf-line)*2)}
 html[data-page="/manifesto"] .q-seo-body td:first-child{white-space:normal;width:7.5em}
 html[data-page="/manifesto"] .q-seo-body img{border-width:4px}
 html[data-page="/manifesto"] .q-seo-body>p:has(>img[src*="nft-airdrop-desktop"]){display:none}
 html[data-page="/manifesto"] .q-seo-body>p:has(>img[src*="nft-airdrop-phone"]){display:block}
 html[data-page="/manifesto"] .q-seo-body>p:has(>img[src*="/runtime/merch/"]:only-child){float:none;width:auto;max-width:min(100%,380px);margin:var(--mf-line) auto;text-align:center}
 /* A Quitter's two pictures stand in the column, unfloated. Its img[src] outranks the float rule above, whose :is() takes
    the weight of its heaviest entry: floated, the pair sized itself from its pictures and grew as they loaded, which
    moved every heading below it (an anchor to What costs nothing landed 2,877 px off at 320 px, 24 Oct 2026). */
 html[data-page="/manifesto"] .q-seo-body>p:has(>img[src*="/merch/wild/"]+img[src]){float:none;width:auto;margin:var(--mf-line) 0}
 html[data-page="/manifesto"] .q-seo-body>p:has(>img[src*="/assets/phone/caller-"]:only-child){width:40%}
 html[data-page="/manifesto"] .q-seo-body>p:has(>img[src*="/nft-v3/showcase/"]:only-child){width:42%}
 /* The tables as cards (see the phone tables above), in the printout's rules and type, at the page's reading size. */
 html[data-page="/manifesto"] .q-seo-body>table:has(th:nth-child(3)){display:block;overflow:visible;font-size:1em;line-height:var(--mf-line)}
 html[data-page="/manifesto"] .q-seo-body>table:has(th:nth-child(3)) tbody{border-top:2px solid var(--mf-ink)}
 html[data-page="/manifesto"] .q-seo-body>table:has(th:nth-child(3)) tr{padding:calc(var(--mf-line)*.3) 0;border-bottom:1px solid var(--mf-perf)}
 html[data-page="/manifesto"] .q-seo-body>table:has(th:nth-child(3)) td{border:0;padding:0}
 html[data-page="/manifesto"] .q-seo-body>table:has(th:nth-child(3)) td:first-child{min-width:0;width:auto;white-space:nowrap}
 html[data-page="/manifesto"] .q-seo-body>table:has(th:nth-child(3)) td::before{font-family:var(--t-font-display);font-size:15px;line-height:var(--mf-line);letter-spacing:.04em;color:var(--mf-soft)}
}
@media (max-width:480px){
 html[data-page="/manifesto"] .q-seo-body>table:not(:has(th:nth-child(3))){display:block}
 html[data-page="/manifesto"] .q-seo-body>table:not(:has(th:nth-child(3))) tr{padding:calc(var(--mf-line)*.3) 0;border-bottom:1px solid var(--mf-perf)}
 html[data-page="/manifesto"] .q-seo-body>table:not(:has(th:nth-child(3))) thead tr{border-bottom:2px solid var(--mf-ink)}
 html[data-page="/manifesto"] .q-seo-body>table:not(:has(th:nth-child(3))) :is(th,td){border:0;padding:0}
 html[data-page="/manifesto"] .q-seo-body>table:not(:has(th:nth-child(3))) td:first-child{width:auto;white-space:normal;color:var(--mf-accent)}
}
@media print{html[data-page="/manifesto"] .q-seo-article{box-shadow:none}}

/* The trust pages on a phone (runtime/quit/trust-pages.js; owner's approval in the question box, 31 Oct 2026, comps
   token-facts-a/b-v1 and real-quit-a/b-v1). Below 768 px the generated article steps aside for the phone layer built from
   its own nodes; 768 px and up keep the article exactly as before and never show the layer. Until the layer is built the
   article waits at most 1.2 s unseen, so a phone never draws the old page and then swaps it; without the layer it shows. */
.q-tp{display:none}
@keyframes q-tp-wait{from{visibility:hidden}to{visibility:visible}}
@media (max-width:767px){
 html:is([data-page="/token-facts"],[data-page="/real-quit"],[data-page="/what-is-quit"]):not(.q-tp-on) .q-seo-article{animation:q-tp-wait 1.2s steps(1,end) both}
 html.q-tp-on:is([data-page="/token-facts"],[data-page="/real-quit"],[data-page="/what-is-quit"]) .q-seo-article>:is(h1,.q-seo-body,.q-seo-faq){display:none}
 html.q-tp-on .q-tp{display:flex;flex-direction:column;gap:8px;margin:0 calc(8px - clamp(18px,5vw,40px));font:400 16px/1.5 var(--t-font-body,"IBM Plex Mono",monospace);color:var(--t-ink,#f4e7cb)}
 html.q-tp-on .q-tp a{color:#25dc71;text-decoration:underline;text-underline-offset:3px}
 /* A link to a part of the page lands it under the fixed header (trust-pages.js scrolls to the clone). */
 html.q-tp-on .q-tp [data-tp-id]{scroll-margin-top:calc(var(--t-header-phone,62px) + 56px)}
 html.q-tp-on .q-tp a:focus-visible,html.q-tp-on .q-tp :is(button,summary,input):focus-visible{outline:3px solid var(--t-focus,#fff0ad);outline-offset:2px}
 /* The riveted frame of every panel: the FAQ's bay (pages.css .q-faqcell). */
 .q-tp :is(.q-tp-plate,.q-tp-ca,.q-tp-lamp,.q-tpwin-cell,.q-tp-check){box-sizing:border-box;border:solid transparent;border-width:10px 12px;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill / 10px 12px stretch}
 /* The plate: the painted room, its title in the pixel face over the calm side, over a dark scrim so it reads at 320. */
 .q-tp-plate{position:relative;overflow:hidden;background:#0a0d0b no-repeat center/cover;background-origin:content-box;background-clip:content-box}
 .q-tp-plate>picture{display:block}
 .q-tp-plate__art{display:block;width:100%;height:auto;aspect-ratio:3/2}
 /* The article's picture rule (a margin and a frame for figures in the text) is not the plate's. */
 .q-tp .q-tp-plate__art{margin:0;border:0}
 .q-tp-plate::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(160deg,rgb(3 6 4/.72) 0%,rgb(3 6 4/.42) 34%,transparent 58%)}
 .q-tp-plate--right::after{background:linear-gradient(200deg,rgb(3 6 4/.72) 0%,rgb(3 6 4/.42) 34%,transparent 58%)}
 .q-tp .q-tp-plate__title{position:absolute;z-index:1;top:5%;left:4%;width:66%;margin:0;padding:0;font:400 clamp(17px,5.7vw,28px)/1.08 var(--t-font-pixel,"QUIT Pixel",monospace);letter-spacing:.01em;text-transform:uppercase;color:#ff610b;text-shadow:0 2px 0 #2a0b00,2px 0 0 #2a0b00,-2px 0 0 #2a0b00,0 -1px 0 #2a0b00,0 0 14px rgb(0 0 0/.9);text-wrap:balance}
 .q-tp-plate--right .q-tp-plate__title{left:auto;right:4%;width:54%}
 .q-tp-lead{margin:2px 6px;font-size:15px;line-height:1.5;color:var(--t-muted,#b5bba9)}
 /* The address panel and its COPY key (the contract bar's key, contract-bar.css .q-ca__copy). */
 .q-tp-ca{padding:2px 2px 4px}
 .q-tp-ca__label{margin:0 0 4px;font:400 15px/1.2 var(--t-font-display);color:#ff741b}
 .q-tp-ca__row{display:flex;align-items:center;gap:10px}
 .q-tp .q-tp-ca__addr{flex:1 1 auto;min-width:0;font:400 15px/1.35 var(--t-font-body);color:#25dc71;background:none;word-break:break-all}
 .q-tp-ca__more{margin:8px 0 0;font-size:13px;line-height:1.45;color:var(--t-muted,#b5bba9)}
 .q-tp .q-tp-copy{flex:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:44px;min-height:44px;min-width:92px;margin:0;padding:2px 14px 11px;border:0 solid transparent;border-radius:0;background:none;box-shadow:none;text-shadow:none;font:700 15px/1 var(--t-font-display);letter-spacing:.04em;white-space:nowrap;color:#1d0800;border-image:url(/runtime/quit/deck-art/key-orange.webp) 22 24 34 fill/8px 9px 12px stretch;cursor:pointer;transform:none;transition:transform .12s ease-out,filter .12s linear}
 .q-tp .q-tp-copy[data-state="copied"]{border-image-source:url(/runtime/quit/deck-art/key-green.webp);color:#03200f}
 html[data-skin] .q-tp .c-btn.q-tp-copy:is(:hover,:active){box-shadow:none;animation:none}
 html[data-skin] .q-tp .c-btn.q-tp-copy:active{border-image-source:url(/runtime/quit/deck-art/key-orange-down.webp);transform:translateY(2px)}
 /* The four lamp rows. */
 .q-tp-lamps{display:flex;flex-direction:column;gap:6px}
 .q-tp-lamp{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:12px;padding:2px 4px 2px 8px}
 .q-tp-lamp__light{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c8ffd4 0,#2ee67a 42%,#0b6b32 78%);box-shadow:0 0 9px rgb(37 220 113/.75)}
 .q-tp-lamp__name{margin:0;font:400 15px/1.2 var(--t-font-display);color:#ff741b}
 .q-tp-lamp__value{margin:2px 0 0;font:400 clamp(19px,5.6vw,23px)/1.15 var(--t-font-display);color:#3ddc6f;overflow-wrap:anywhere}
 .q-tp .q-tp-lamp__key{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:0 10px;border:2px solid #25dc71;background:#04120a;color:#9dff9b;font:700 13px/1 var(--t-font-display);letter-spacing:.03em;text-decoration:none;white-space:nowrap}
 /* The twelve escrows: one sheet of the accounting department's green-bar paper, as on /manifesto. */
 .q-tp-ledger{--lg-paper:#f3eedc;--lg-band:#dde8cf;--lg-ink:#1d231d;--lg-soft:#4f5a4c;--lg-perf:#9fac92;--lg-edge:26px;--lg-row:38px;position:relative;margin:4px 0;padding:18px calc(var(--lg-edge) + 8px) 20px;color:var(--lg-ink);background:var(--lg-paper);box-shadow:0 14px 30px rgb(0 0 0/.55)}
 .q-tp-ledger::before,.q-tp-ledger::after{content:"";position:absolute;top:0;bottom:0;width:var(--lg-edge);pointer-events:none;background:radial-gradient(circle,#060d0a 0 6px,transparent 6.5px) 50% 14px/100% 28px repeat-y,var(--lg-paper)}
 .q-tp-ledger::before{left:0;border-right:2px dashed var(--lg-perf)}
 .q-tp-ledger::after{right:0;border-left:2px dashed var(--lg-perf)}
 .q-tp .q-tp-ledger__title{margin:0 0 6px;font:400 clamp(19px,5.6vw,23px)/1.2 var(--t-font-display);color:var(--lg-ink);text-transform:none}
 .q-tp-ledger__note{margin:0 0 10px;padding-bottom:10px;border-bottom:2px dashed var(--lg-perf);font-size:12.5px;line-height:1.45;color:var(--lg-soft)}
 .q-tp-ledger__note a,.q-tp-ledger a{color:#0b5d2f}
 .q-tp .q-tp-ledger code{background:none;color:inherit;font:inherit;word-break:break-all}
 .q-tp-ledger__lines{margin:0;padding:0;list-style:none}
 .q-tp-ledger__line{display:grid;grid-template-columns:2.2em minmax(0,1fr) auto;align-items:center;column-gap:8px;min-height:var(--lg-row);padding:0 6px;font:400 clamp(12.5px,3.7vw,15px)/1.2 var(--t-font-body)}
 .q-tp-ledger__line:nth-child(odd){background:var(--lg-band)}
 .q-tp-ledger__n{color:#b23c00}
 .q-tp .q-tp-ledger__addr{display:inline-flex;align-items:center;min-height:var(--lg-row);color:#0b5d2f;white-space:nowrap}
 .q-tp-ledger__amount{text-align:right;white-space:nowrap}
 .q-tp-ledger__total{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:10px;padding:10px 6px 0;border-top:4px double var(--lg-ink);font:400 clamp(15px,4.4vw,18px)/1.2 var(--t-font-display);text-transform:uppercase}
 .q-tp-ledger__count{margin:4px 6px 0;font-size:12.5px;line-height:1.4;color:var(--lg-soft)}
 /* A red rubber stamp: the lock's end date on the ledger, NEVER on the memo. */
 .q-tp-stamp{display:inline-block;box-sizing:border-box;padding:6px 10px 5px;border:3px solid #c8202a;border-radius:5px;color:#c8202a;background:rgb(255 255 255/.18);font:400 18px/1 var(--t-font-display);letter-spacing:.04em;white-space:nowrap;transform:rotate(-6deg);box-shadow:inset 0 0 0 2px rgb(200 32 42/.25)}
 .q-tp-ledger__stamp{display:table;margin:14px 2px 2px auto}
 /* Closed windows: the FAQ's bay, the page's own heading as the title, a + key that turns orange when open. */
 .q-tp-wins{display:flex;flex-direction:column;gap:6px}
 .q-tpwin{margin:0}
 .q-tpwin__head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:4px 2px 4px 8px;list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
 .q-tpwin__head::-webkit-details-marker{display:none}
 .q-tpwin__head::marker{content:""}
 .q-tpwin__title{font:400 17px/1.3 var(--t-font-body);color:#25dc71}
 .q-tpwin__key{position:relative;flex:none;box-sizing:border-box;width:28px;height:28px;border:2px solid #ff741b;background:#120803}
 .q-tpwin__key::before,.q-tpwin__key::after{content:"";position:absolute;left:50%;top:50%;width:56%;height:2px;background:#ff741b;transform:translate(-50%,-50%)}
 .q-tpwin__key::after{width:2px;height:56%}
 .q-tpwin[open] .q-tpwin__key{background:#ff741b}
 .q-tpwin[open] .q-tpwin__key::before{background:#140b04}
 .q-tpwin[open] .q-tpwin__key::after{display:none}
 .q-tpwin__body{padding:2px 8px 12px;font-size:15.5px;line-height:1.55}
 .q-tpwin[open] .q-tpwin__body{animation:q-faqwin-open .16s ease-out}
 .q-tpwin__body>:first-child{margin-top:4px}
 .q-tpwin__body :is(p,ul,ol){margin:0 0 .8em}
 .q-tpwin__body :is(ul,ol){padding-left:1.3em}
 .q-tpwin__body h3{margin:1em 0 .3em;font:400 16px/1.3 var(--t-font-display);color:#ff741b}
 .q-tpwin__body code{font:inherit;color:#25dc71;word-break:break-all;background:none}
 .q-tpwin__body table,.q-tpwin__body :is(tbody,tr,td){display:block;border:0;padding:0;width:auto}
 .q-tpwin__body thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .q-tpwin__body tr{padding:.5em 0;border-bottom:1px solid var(--t-metal,#333a32)}
 .q-tpwin__body td:first-child{color:#ff741b;font-family:var(--t-font-display)}
 /* The three checks as numbered cards. */
 .q-tp-checks{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
 .q-tp-check{padding:2px 4px 6px}
 .q-tp-check__head{display:grid;grid-template-columns:52px minmax(0,1fr) 34px;align-items:center;gap:10px;margin-bottom:8px}
 .q-tp-check__n{display:grid;place-items:center;height:52px;border:2px solid #3a3f37;background:#070b09;font:400 40px/1 var(--t-font-display);color:#ff610b}
 .q-tp .q-tp-check__title{margin:0;font:400 clamp(15px,4.6vw,18px)/1.15 var(--t-font-display);letter-spacing:.01em;text-transform:uppercase;color:#ff610b}
 .q-tp-check__box{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:34px;height:34px;margin:0;border:3px solid #25dc71;border-radius:3px;background:#04120a;cursor:pointer;display:grid;place-items:center}
 .q-tp-check__box:checked{background:#25dc71}
 .q-tp-check__box:checked::after{content:"";width:9px;height:16px;margin-top:-4px;border:solid #03200f;border-width:0 4px 4px 0;transform:rotate(45deg)}
 .q-tp-check .q-tp-ca{margin:0 0 8px;border:2px solid #333a32;border-image:none;background:#05100b;padding:8px 8px 10px}
 .q-tp-check__words{padding:0 6px;font-size:15px;line-height:1.55}
 .q-tp-check__words :is(p,ul){margin:0 0 .75em}
 .q-tp-check__words ul{padding-left:1.2em}
 .q-tp-links{display:flex;flex-direction:column;gap:6px;margin:0 0 8px}
 .q-tp-link{border:2px solid #333a32;background:#05100b;padding:6px 8px 8px}
 .q-tp-link__label{margin:0 0 4px;font:400 13px/1.2 var(--t-font-display);color:#ff741b}
 .q-tp-link__row{display:flex;align-items:center;gap:10px}
 .q-tp .q-tp-link__url{flex:1 1 auto;min-width:0;font:400 15px/1.35 var(--t-font-body);color:#25dc71;word-break:break-all}
 /* What the team will never do: a memo pinned to the cork board, a NEVER stamp beside each line. */
 .q-tp-memo{position:relative;margin:4px 0;padding:22px 16px 18px;border:12px solid #7a4e26;background:#f3eedc;color:#1d231d;box-shadow:inset 0 0 0 2px #5b3819,0 14px 30px rgb(0 0 0/.55)}
 .q-tp-memo::before,.q-tp-memo::after{content:"";position:absolute;top:8px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#8a8f88,#1d211f 70%)}
 .q-tp-memo::before{left:8px}
 .q-tp-memo::after{right:8px}
 .q-tp .q-tp-memo__title{margin:0 0 10px;padding-bottom:10px;border-bottom:2px dashed #9fac92;font:400 clamp(19px,5.8vw,24px)/1.15 var(--t-font-display);color:#d8501a;text-align:center}
 .q-tp-memo__intro{margin:0 0 6px;font-size:15px;line-height:1.45}
 .q-tp-memo__lines{margin:0;padding:0;list-style:none}
 .q-tp-memo__line{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;padding:12px 0;border-top:2px dashed #9fac92;font-size:15px;line-height:1.4}
 .q-tp-memo__line:first-child{border-top:0}
 .q-tp-memo__stamp{justify-self:start}
 /* /what-is-quit: the opening lines at a calm size, the two fact chips, and windows with a small picture at the left
    and the section's heading in the display face, as the comp draws them. */
 .q-tp-intro{margin:4px 6px;font-size:17px;line-height:1.55;color:var(--t-ink,#f4e7cb)}
 .q-tp-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .q-tp .q-tp-chip{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;column-gap:8px;margin:0;box-sizing:border-box;padding:4px 4px 6px 6px;border:solid transparent;border-width:10px 12px;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill / 10px 12px stretch}
 .q-tp-chip .q-tp-lamp__light{margin-top:4px}
 .q-tp-chip__value{grid-column:2;font:400 clamp(15px,4.6vw,19px)/1.15 var(--t-font-display);color:#3ddc6f}
 .q-tp-chip__note{grid-column:2;margin-top:2px;font-size:13px;line-height:1.3;color:#9dff9b}
 .q-tpwin--pic .q-tpwin__head{padding-left:0}
 .q-tp .q-tpwin__pic{flex:none;width:64px;height:64px;margin:0;object-fit:cover;object-position:center top;border:2px solid #3a3f37;background:#070b09}
 .q-tpwin--pic .q-tpwin__title{flex:1 1 auto;font:400 clamp(16px,4.8vw,19px)/1.15 var(--t-font-display);letter-spacing:.01em;text-transform:uppercase;color:#ff610b}
 .q-tp-send{display:flex;flex-direction:column;gap:6px;margin:6px 6px 0;font:400 17px/1.4 var(--t-font-display);color:#ff741b}
 .q-tp-send p{margin:0}
 .q-tp-foot{margin:14px 6px 0;font-size:13px;line-height:1.45;color:var(--t-muted,#b5bba9)}
}
/* Below 380 px a ledger line has no room for its address and amount side by side: the amount goes under the address;
   and the two fact chips stand one over the other, so no figure breaks. */
@media (max-width:379px){
 .q-tp-chips{grid-template-columns:minmax(0,1fr)}
 .q-tp-ledger__line{grid-template-columns:2.2em minmax(0,1fr);padding:3px 6px}
 .q-tp .q-tp-ledger__addr{min-height:30px}
 .q-tp-ledger__amount{grid-column:2;text-align:left;padding-bottom:4px}
}
@media (max-width:767px) and (prefers-reduced-motion:reduce){
 .q-tpwin[open] .q-tpwin__body{animation:none}
 html[data-skin] .q-tp .c-btn.q-tp-copy:active{transform:none}
}