/* 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)}
.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 reads the same way. */
@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.91M") " supply"}
 html[data-page="/token-facts"] .q-seo-body>table:nth-of-type(2) td:nth-child(5)::before{content:"Maturity date"}
}
@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 tr{border-bottom-width:2px}
 .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{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}}