@font-face{font-family:'Lora Variable';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/lora-latin-wght-normal-ddb8c660.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lora Variable';font-style:italic;font-weight:400 700;font-display:swap;src:url(/fonts/lora-latin-wght-italic-d824d807.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito Sans Variable';font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/nunito-sans-latin-wght-normal-29e38904.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --ink:#1C2440; --ink2:#3A4260; --mute:#5A5F74; --faint:#5F6478;
  --paper:#FFFCF4; --cream:#F7F0E1; --panel:#F6EEDD; --band:#EFE5D1;
  --rule:#E2D6BF; --rule-strong:#1C2440;
  --blue:#223E73; --blue-deep:#172A50; --blue-mid:#3B5B96; --blue-wash:#E6ECF7;
  --kraft:#C99D66; --kraft-lt:#E6CFA6; --kraft-dk:#8F6A3C; --cork:#D2A871;
  --tomato:#D2452F; --tomato-deep:#A93321; --tomato-wash:#FBE4DC;
  --s1:#D2452F; --s2:#2F5FA8; --s3:#4F8A5B; --s4:#8A4FA0; --s5:#D98B2B; --s6:#5B6770;
  --grid:rgba(0,0,0,0);
  --sans:"Nunito Sans Variable","Nunito Sans","Helvetica Neue",Arial,sans-serif;
  --mono:var(--sans);
  --serif:"Lora Variable","Lora",Georgia,serif;
  --frame:80rem; --pad:1.6rem; --measure:44rem;
  --banner:url(/decor/banner-home-45e1f1b3.webp);
}

body:has(.crumbs a[href="/story-engines/"]),body:has(.mh-nav a[aria-current][href="/story-engines/"]){--banner:url(/decor/banner-engines-2d2a9e52.webp)}
body:has(.crumbs a[href="/writing-fields/"]),body:has(.mh-nav a[aria-current][href="/writing-fields/"]){--banner:url(/decor/banner-fields-b2221ae8.webp)}
body:has(.crumbs a[href="/engine-pairs/"]),body:has(.mh-nav a[aria-current][href="/engine-pairs/"]){--banner:url(/decor/banner-pairs-b2e31102.webp)}
body:has(.crumbs a[href="/story-questions/"]),body:has(.mh-nav a[aria-current][href="/story-questions/"]){--banner:url(/decor/banner-questions-16dd75c3.webp)}
body:has(.crumbs a[href="/story-terms/"]),body:has(.mh-nav a[aria-current][href="/story-terms/"]){--banner:url(/decor/banner-terms-b5e27e6f.webp)}
body:has(.crumbs a[href="/writing-notes/"]),body:has(.mh-nav a[aria-current][href="/writing-notes/"]){--banner:url(/decor/banner-notes-82d10c3e.webp)}
body:has(.crumbs a[href="/how-engines-are-read/"]),body:has(.mh-nav a[aria-current][href="/how-engines-are-read/"]){--banner:url(/decor/banner-method-b7658738.webp)}
body:has(.crumbs a[href="/datasets/"]),body:has(.mh-nav a[aria-current][href="/datasets/"]){--banner:url(/decor/banner-datasets-b118f86c.webp)}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;overflow-x:clip;color:var(--ink);font:400 18px/1.62 var(--sans);font-variant-numeric:tabular-nums;background-color:var(--cork);
  background-image:radial-gradient(ellipse 90% 60% at 50% 0,rgba(255,240,210,.28),transparent 70%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='c'><feTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' seed='11'/><feColorMatrix values='0 0 0 0 .3  0 0 0 0 .17  0 0 0 0 .06  0 0 0 2.6 -1.35'/></filter><rect width='100%25' height='100%25' filter='url(%23c)'/></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='150' height='150'><filter id='d'><feTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='1' seed='4'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 .95  0 0 0 0 .84  0 0 0 2.4 -1.5'/></filter><rect width='100%25' height='100%25' filter='url(%23d)'/></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='e'><feTurbulence type='fractalNoise' baseFrequency='.08' numOctaves='3' seed='7'/><feColorMatrix values='0 0 0 0 .45  0 0 0 0 .28  0 0 0 0 .1  0 0 0 .9 -.35'/></filter><rect width='100%25' height='100%25' filter='url(%23e)'/></svg>")}
a{color:inherit;text-decoration:none}
p a,li a,td a,dd a{color:var(--blue);text-decoration:underline;text-decoration-color:rgba(210,69,47,.55);text-decoration-thickness:1.5px;text-underline-offset:3px}
p a:hover,li a:hover,td a:hover,dd a:hover{color:var(--tomato-deep);text-decoration-color:currentColor}
::selection{background:var(--tomato);color:#FFF}

.skip{position:absolute;left:-999px;top:0;background:var(--tomato);color:#fff;padding:.5rem .8rem;z-index:50}
.skip:focus{left:.5rem}

.masthead{position:relative;z-index:4;background:var(--blue-deep)}
.masthead::after{content:"";position:absolute;left:0;right:0;top:100%;height:60px;pointer-events:none;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'><defs><filter id='s' x='-5%25' y='-20%25' width='110%25' height='160%25'><feDropShadow dx='0' dy='2.5' stdDeviation='2' flood-color='%23201408' flood-opacity='.35'/></filter></defs><path filter='url(%23s)' fill='%23D2452F' d='M0 0H1200V44C1120 52 1030 38 930 47C830 56 720 40 610 48C500 56 390 40 280 49C180 56 80 44 0 50Z'/><path filter='url(%23s)' fill='%23F3E7D0' d='M0 0H1200V35C1090 47 990 25 870 36C750 47 650 24 530 35C410 46 310 26 190 37C110 43 40 33 0 38Z'/><path filter='url(%23s)' fill='%23223E73' d='M0 0H1200V23C1100 35 1000 13 900 24C800 35 700 11 600 22C500 33 400 13 300 24C200 35 100 15 0 27Z'/><path fill='%23172A50' d='M0 0H1200V12C1080 22 960 4 840 13C720 22 600 3 480 12C360 21 240 4 120 13C70 17 30 11 0 14Z'/></svg>") 0 0/100% 100% no-repeat}
.mh{max-width:var(--frame);margin:0 auto;padding:1rem var(--pad) .7rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem 1.6rem;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.6rem;font:700 1.42rem/1 var(--serif);letter-spacing:-.01em;color:#FFF8EA}
.brand .bw{font-style:italic}
.mark{display:inline-flex;color:var(--tomato)}
.mark svg{width:1.8rem;height:1.8rem}
.mh-tag{display:block;margin:.3rem 0 0;font:400 .76rem/1.3 var(--sans);color:var(--kraft-lt)}
.mh-nav{display:flex;flex-wrap:wrap;gap:.4rem .35rem;font:800 .72rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.mh-nav a{padding:.48rem .66rem;background:var(--cream);color:var(--ink);border-radius:2px;box-shadow:2px 3px 0 rgba(0,0,0,.28);transform:rotate(-1.2deg);transition:transform .2s,background .2s}
.mh-nav a:nth-child(3n+2){transform:rotate(1deg)}
.mh-nav a:nth-child(3n){transform:rotate(-.4deg)}
.mh-nav a:hover{transform:rotate(0) translateY(-2px);background:#FFF}
.mh-nav a[aria-current=page]{background:var(--tomato);color:#FFF}

.sheet{max-width:var(--frame);margin:0 auto;padding:3.4rem var(--pad) 5rem;display:grid;grid-template-columns:minmax(0,1fr) 17.5rem;column-gap:3rem;align-items:start}
.column{position:relative;grid-column:1;grid-row:1;min-width:0}
.column::before{content:"";position:absolute;z-index:0;right:-14px;top:2.7rem;width:min(22rem,55%);height:15rem;border-radius:2px;background:var(--blue);
  box-shadow:0 2px 6px rgba(20,16,30,.35);transform:rotate(2.4deg);transform-origin:0 0}
.rail{grid-column:2;grid-row:1;position:sticky;top:1.4rem;display:flex;flex-direction:column;gap:1.5rem;margin-top:2.6rem;font:400 .88rem/1.45 var(--sans);color:var(--ink2)}
.rail::before{content:"";display:block;height:min(31rem,56vh);border:9px solid var(--paper);border-bottom-width:26px;border-radius:2px;
  background:var(--banner) center/cover no-repeat var(--kraft-lt);
  box-shadow:0 1px 2px rgba(0,0,0,.18),8px 9px 0 -1px var(--blue),8px 9px 14px -1px rgba(20,16,30,.4);
  transform:rotate(1.6deg);animation:swing 1.1s cubic-bezier(.2,.8,.25,1) .15s both}
.rail::after{content:"";position:absolute;top:-.55rem;left:50%;width:1.05rem;height:1.05rem;margin-left:-.52rem;border-radius:50%;
  background:radial-gradient(circle at 34% 32%,#FFB09F,var(--tomato) 55%,var(--tomato-deep));box-shadow:0 3px 3px rgba(0,0,0,.35)}
.rl,.rl-figs{display:none}
.rl span{display:block;font-size:.64rem;color:var(--mute)}
.rl b{display:block;font:700 1rem/1.3 var(--sans)}
.secnav{position:relative;padding:1.15rem 1.1rem 1rem;background:var(--blue);color:#F4ECDC;border-radius:3px;box-shadow:5px 6px 0 -1px var(--kraft-dk),5px 6px 10px -1px rgba(20,16,30,.35);transform:rotate(-.8deg)}
.rl-h{display:block;margin:0 0 .6rem;padding-bottom:.55rem;border-bottom:2px dashed rgba(230,207,166,.45);font:800 .66rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--kraft-lt)}
.secnav ol{list-style:none;margin:0;padding:0}
.secnav li{margin:0}
.secnav a{display:grid;grid-template-columns:1.6rem minmax(0,1fr);gap:.2rem;align-items:baseline;padding:.3rem 0;color:#F4ECDC;text-decoration:none;font:600 .9rem/1.35 var(--sans);transition:transform .2s,color .2s}
.secnav a i{font-style:normal;font:800 .74rem/1 var(--sans);color:#D1A46D}
.secnav a:hover{color:#FFF;transform:translateX(3px)}
.secnav a:hover i{color:#FF9B85}

.crumbs{display:inline-block;max-width:100%;margin:0 0 1.2rem .4rem;padding:.38rem .9rem;background:rgba(255,252,244,.9);border-radius:1px;box-shadow:0 1px 2px rgba(0,0,0,.2);transform:rotate(-.7deg);font:700 .74rem/1.4 var(--sans);letter-spacing:.02em;color:var(--ink2)}
.crumbs a{color:var(--blue);text-decoration:underline;text-decoration-color:rgba(210,69,47,.5);text-underline-offset:2px}

main#doc{position:relative;background:var(--paper);border-radius:2px;padding:3rem 3.3rem 3.4rem;
  box-shadow:0 2px 3px rgba(40,25,10,.22),4px 5px 0 -1px var(--cream),4px 5px 8px -1px rgba(40,25,10,.3),0 30px 40px -30px rgba(40,25,10,.55);z-index:1;
  animation:pin .9s cubic-bezier(.2,.8,.25,1) both}
main#doc::before{content:"";position:absolute;top:-.6rem;left:2.6rem;width:1.15rem;height:1.15rem;border-radius:50%;
  background:radial-gradient(circle at 34% 32%,#FFB09F,var(--tomato) 55%,var(--tomato-deep));box-shadow:0 3px 3px rgba(0,0,0,.35)}
main#doc::after{content:"";position:absolute;top:-.7rem;right:2rem;width:7.4rem;height:1.55rem;transform:rotate(3.5deg);
  background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 45%,rgba(80,20,10,.16)),
             radial-gradient(circle,rgba(255,240,230,.4) 0 1px,transparent 1.4px) 0 0/7px 7px,
             rgba(210,69,47,.88);
  clip-path:polygon(0 0,100% 0,97% 12%,100% 25%,96.5% 38%,100% 50%,97% 63%,100% 75%,96.5% 88%,100% 100%,0 100%,3% 88%,0 75%,3.5% 63%,0 50%,3% 38%,0 25%,3.5% 12%)}
main#doc>*{max-width:none;animation:rise .75s cubic-bezier(.2,.7,.2,1) both}
main#doc>:nth-child(1){animation-delay:.2s} main#doc>:nth-child(2){animation-delay:.28s} main#doc>:nth-child(3){animation-delay:.36s}
main#doc>:nth-child(4){animation-delay:.44s} main#doc>:nth-child(n+5){animation-delay:.5s}
main#doc>p,main#doc>ul,main#doc>ol,main#doc>blockquote,main#doc>.answer,main#doc>.clause,main#doc>.statusbox{max-width:var(--measure)}
main#doc>ul.entries,main#doc>ul.facts,main#doc>ul.legend{max-width:none}

.eyebrow{display:flex;align-items:center;gap:.6rem;font:800 .74rem/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#CE422C;margin:0 0 .8rem}
.eyebrow::before{content:"";width:1.8rem;height:3px;border-radius:2px;background:var(--tomato)}
h1{font:700 clamp(2.2rem,3.9vw,3.4rem)/1.06 var(--serif);letter-spacing:-.022em;margin:0 0 1.4rem;text-wrap:balance}
h2{display:flex;align-items:center;gap:.9rem;font:700 1.65rem/1.2 var(--serif);letter-spacing:-.012em;margin:3.6rem 0 1.1rem}
h2::after{content:"";flex:1 1 2rem;align-self:center;height:2px;margin-left:.2rem;background:repeating-linear-gradient(90deg,var(--kraft) 0 9px,transparent 9px 15px)}
h2 .secno{flex:none;display:inline-grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:50%;background:#CC3F2A;color:#FFF8EA;font:900 .92rem/1 var(--sans);text-decoration:none;box-shadow:3px 3px 0 var(--blue)}
h3{font:800 .8rem/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin:1.8rem 0 .5rem}
p{margin:0 0 1.05rem}
main#doc>ul:not([class]),main#doc>ol:not([class]){padding-left:0;list-style:none}
main#doc>ul:not([class])>li,main#doc>ol:not([class])>li{position:relative;padding-left:1.6rem;margin:.4rem 0}
main#doc>ul:not([class])>li::before{content:"";position:absolute;left:.25rem;top:.55rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--tomato);box-shadow:1.5px 1.5px 0 var(--blue)}
main#doc>ol:not([class]){counter-reset:li}
main#doc>ol:not([class])>li::before{counter-increment:li;content:counter(li);position:absolute;left:0;top:.05rem;font:900 .8rem/1.6 var(--sans);color:var(--tomato)}
ul,ol{margin:0 0 1rem;padding-left:1.3rem}
li{margin:.25rem 0}
b,strong{font-weight:800}

.answer{position:relative;margin:0 0 2.3rem;padding:1.2rem 1.6rem 1.2rem 2.4rem;border-radius:2px;font:italic 400 1.14rem/2rem var(--serif);color:var(--ink);
  background:linear-gradient(90deg,transparent 1.5rem,rgba(210,69,47,.6) 1.5rem,rgba(210,69,47,.6) calc(1.5rem + 2px),transparent calc(1.5rem + 2px)) border-box,
             repeating-linear-gradient(180deg,transparent 0 var(--rule-at),#C4D2EC var(--rule-at) calc(var(--rule-at) + 1px),transparent calc(var(--rule-at) + 1px) 2rem) content-box,#FFFEF8;
  --rule-at:1.8rem;
  box-shadow:0 1px 2px rgba(0,0,0,.1),0 16px 26px -18px rgba(40,25,10,.5),inset 0 0 0 1px var(--rule);transform:rotate(-.35deg)}
.asof{display:block;font:800 .66rem/2rem var(--sans);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}

.statusbox{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.7rem;margin:1.4rem 0 2rem}
.sb-row{padding:.75rem .85rem;background:var(--panel);border-radius:3px;border-left:4px solid var(--blue);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.statusbox dt{font:800 .62rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.statusbox dd{margin:.3rem 0 0;font:700 1.02rem/1.3 var(--serif)}

ul.facts{list-style:none;padding:0;margin:2.1rem 0 2.2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr));gap:1.9rem 1.1rem}
li.fact{display:flex;flex-direction:column;gap:.35rem;margin:0;padding:0 1.15rem 1rem;background:var(--paper);border-radius:3px;
  box-shadow:0 1px 2px rgba(0,0,0,.1),0 0 0 1px var(--rule),5px 6px 0 -1px var(--kraft-lt);transition:transform .25s,box-shadow .25s}
li.fact:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(0,0,0,.1),0 0 0 1px var(--rule),7px 9px 0 -1px var(--kraft)}
li.fact .tag{align-self:flex-start;margin:-.85rem 0 .35rem;padding:.3rem .65rem;border-radius:3px 3px 0 0;background:var(--blue);color:#F4ECDC;font:800 .6rem/1.35 var(--sans);letter-spacing:.12em;text-transform:uppercase}
li.fact .fv{display:flex;flex-direction:column;gap:.25rem;min-width:0}
li.fact .val{font:600 1.08rem/1.42 var(--serif)}
li.fact .note{font-size:.88rem;line-height:1.5;color:var(--ink2)}
li.fact .meta{margin-top:auto;padding-top:.5rem;border-top:1.5px dashed var(--rule);font-size:.72rem;line-height:1.5;color:var(--faint)}
li.fact .meta .sep{margin:0 .3rem;color:var(--kraft)}

blockquote{position:relative;margin:2rem 0;padding:1.4rem 1.6rem 1.25rem 4rem;background:var(--blue);color:#F4ECDC;border-radius:3px;font:italic 400 1.14rem/1.6 var(--serif);
  box-shadow:6px 7px 0 -1px var(--kraft),6px 7px 12px -1px rgba(20,16,30,.35)}
blockquote::before{content:"\201C";position:absolute;left:1.05rem;top:.35rem;font:italic 700 4.4rem/1 var(--serif);color:var(--tomato)}
blockquote p{margin:0 0 .5rem}
main blockquote a,main blockquote a[href^="http"]{color:#FFF;text-decoration-color:rgba(255,255,255,.5)}
blockquote cite{display:block;font:normal 800 .66rem/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--kraft-lt)}
blockquote+blockquote,blockquote+blockquote+blockquote+blockquote,blockquote+blockquote+blockquote+blockquote+blockquote+blockquote{background:var(--paper);color:var(--ink);border-left:5px solid var(--blue);
  box-shadow:0 0 0 1px var(--rule),5px 6px 0 -1px var(--kraft-lt);margin-top:1.1rem}
blockquote+blockquote+blockquote,blockquote+blockquote+blockquote+blockquote+blockquote{background:var(--blue);color:#F4ECDC;border-left:0;box-shadow:6px 7px 0 -1px var(--kraft),6px 7px 12px -1px rgba(20,16,30,.35)}
blockquote+blockquote::before,blockquote+blockquote+blockquote+blockquote::before,blockquote+blockquote+blockquote+blockquote+blockquote+blockquote::before{color:var(--blue)}
blockquote+blockquote+blockquote::before,blockquote+blockquote+blockquote+blockquote+blockquote::before{color:var(--tomato)}
main blockquote+blockquote a,main blockquote+blockquote a[href^="http"],main blockquote+blockquote+blockquote+blockquote a,main blockquote+blockquote+blockquote+blockquote a[href^="http"]{color:var(--blue);text-decoration-color:rgba(210,69,47,.6)}
main blockquote+blockquote+blockquote a,main blockquote+blockquote+blockquote a[href^="http"],main blockquote+blockquote+blockquote+blockquote+blockquote a,main blockquote+blockquote+blockquote+blockquote+blockquote a[href^="http"]{color:#FFF;text-decoration-color:rgba(255,255,255,.5)}
blockquote+blockquote cite,blockquote+blockquote+blockquote+blockquote cite{color:var(--mute)}
blockquote+blockquote+blockquote cite,blockquote+blockquote+blockquote+blockquote+blockquote cite{color:var(--kraft-lt)}

.tablewrap{overflow-x:auto;margin:1.6rem 0 .6rem;background:var(--paper);border-radius:4px;box-shadow:0 0 0 1px var(--rule),5px 6px 0 -1px var(--kraft-lt)}
table{width:100%;border-collapse:collapse;font-size:.9rem}
caption{caption-side:top;text-align:left;padding:.75rem 1rem;font:600 .82rem/1.45 var(--sans);color:var(--ink2);background:var(--panel);border-bottom:1px solid var(--rule)}
thead th{text-align:left;font:800 .66rem/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#F4ECDC;background:var(--blue);padding:.7rem 1rem}
tbody td{padding:.62rem 1rem;border-bottom:1px solid var(--band);vertical-align:top}
tbody td:first-child{font-weight:800}
tbody tr:nth-child(even){background:#FCF7EC}
tbody tr:hover{background:var(--tomato-wash)}
tbody tr:last-child td{border-bottom:0}
tr.is-current{background:var(--tomato-wash)!important;box-shadow:inset 4px 0 0 var(--tomato)}
tr.is-current td{font-weight:800}
.rule{font-size:.82rem;color:var(--ink2);margin:.5rem 0 1.6rem}
.rule b{font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.clause{font-size:.9rem;color:var(--ink2)}

main ul.entries{list-style:none;padding:0;margin:1.6rem 0 2.4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.5rem 1.1rem}
ul.entries li{position:relative;margin:0;padding:1.35rem 1.15rem 1.05rem;background:var(--paper);border-radius:2px;font-size:.88rem;line-height:1.5;color:var(--ink2);
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:clip;overflow-clip-margin:content-box;
  box-shadow:0 2px 3px rgba(40,25,10,.16),0 12px 20px -14px rgba(40,25,10,.5),inset 0 0 0 1px var(--rule);transform:rotate(-.7deg);transition:transform .25s,box-shadow .25s}
ul.entries li:nth-child(3n+2){background:#E9EFF9;transform:rotate(.6deg)}
ul.entries li:nth-child(3n){background:#F4E6CB;transform:rotate(-.2deg)}
ul.entries li::before{content:"";position:absolute;top:-.42rem;left:50%;width:.85rem;height:.85rem;margin-left:-.42rem;border-radius:50%;
  background:radial-gradient(circle at 34% 32%,#FFB09F,var(--tomato) 55%,var(--tomato-deep));box-shadow:0 2px 2px rgba(0,0,0,.3)}
ul.entries li:nth-child(3n+2)::before{background:radial-gradient(circle at 34% 32%,#A9C1F0,var(--blue-mid) 55%,var(--blue))}
ul.entries li:hover{transform:rotate(0) translateY(-4px);box-shadow:0 2px 3px rgba(40,25,10,.16),0 22px 28px -16px rgba(40,25,10,.55),inset 0 0 0 1px var(--rule)}
ul.entries a{display:block;font:700 1.08rem/1.28 var(--serif);color:var(--ink);margin-bottom:.3rem;text-decoration:none}
ul.entries a:hover{color:var(--tomato-deep)}

.stamp{font-size:.72rem;color:var(--faint)}

main a[href^="http"]{color:var(--blue);text-decoration:underline;text-decoration-color:rgba(210,69,47,.5);text-underline-offset:3px}
main a[href^="http"]:hover{color:var(--tomato-deep)}
li.fact .meta a[href^="http"]{color:var(--mute);text-decoration-color:var(--rule)}

.chart,.fig{margin:1.9rem 0 1.3rem;padding:1.35rem 1.4rem 1.15rem;background:var(--paper);border-radius:4px;box-shadow:0 0 0 1px var(--rule),5px 6px 0 -1px var(--kraft-lt)}
.chart svg{display:block;max-width:100%;overflow:visible;height:auto;margin:0 auto}
.chart:has(svg[width="1008"]){margin-inline:-2.1rem}
.ch-matrix svg{max-width:min(100%,46rem)}
.ch-bars svg{max-width:min(100%,52rem)}
.ch-timeline svg{max-width:min(100%,56rem)}
.chart figcaption,.fig figcaption{max-width:var(--measure);margin-top:.8rem;font:400 .82rem/1.55 var(--sans);color:var(--mute)}
.fign{float:left;margin:.08rem .55rem 0 0;padding:.12rem .5rem;border-radius:2px;background:#CC3F2A;color:#FFF8EA;font:900 .6rem/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase}
a.fign:hover{background:var(--blue)}
.ch-title{font:700 .86rem/1 var(--serif);fill:var(--ink)}
.ch-lab{font:600 .84rem/1 var(--sans);fill:var(--ink2);text-anchor:end}
.ch-lab2{font:600 .84rem/1 var(--sans);fill:var(--ink2)}
.ch-col{font:800 .66rem/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;fill:var(--mute);text-anchor:middle}
.ch-val{font:800 .8rem/1 var(--sans);fill:var(--ink);dominant-baseline:middle}
.ch-na{font:italic 400 .74rem/1 var(--serif);fill:var(--faint);dominant-baseline:middle}
.ch-bar{fill:var(--blue)}
.ch-val-in{text-anchor:end;fill:#FFF8EA}
.ch-hl .ch-bar{opacity:.25}
.ch-hl .ch-hi{opacity:1;fill:var(--tomato)}
.ch-lab-hi{font-weight:800;fill:var(--ink)}
.ch-a{opacity:1}
.ch-b{opacity:.4}
.ch-keyt{font:700 .72rem/1 var(--sans);fill:var(--ink2)}
.ch-gap{fill:none;stroke:var(--rule);stroke-dasharray:4 3}
.ch-cell{fill:var(--band);stroke:none}
.ch-cell.ch-cur{fill:var(--tomato-wash);stroke:var(--tomato);stroke-width:1.2}
.ch-mark{stroke:var(--blue);stroke-width:1.5}
.ch-m-yes{fill:var(--blue)}
.ch-m-part{fill:none}
.ch-m-none{fill:none;stroke:var(--mute);stroke-width:1.2;opacity:.55}
.ch-half{fill:var(--blue)}
.ch-axis,.ch-drop{stroke:var(--rule-strong)}
.ch-dot{fill:var(--tomato)}
.ch-date{font:600 .7rem/1 var(--sans);fill:var(--faint);text-anchor:end}
.ch-track{fill:var(--band)}
.ch-span{fill:var(--blue)}
.fig img{display:block;width:100%;height:auto;border-radius:3px;background:var(--band)}
.fig>img,.figs img{box-shadow:0 0 0 1px var(--rule)}
.fig .credit{display:block;margin-top:.35rem;font:600 .7rem/1.4 var(--sans);color:var(--faint)}
.figs{display:grid;grid-template-columns:repeat(var(--figcols,3),1fr);gap:.55rem}
.fig-shot img{box-shadow:0 0 0 1px var(--rule-strong)}
.fig-dia{overflow-x:auto}
.fig-dia svg{display:block;max-width:100%;min-width:38rem;overflow:visible;height:auto}
.dg-band{fill:var(--band)}
.dg-head{font:800 9.5px/1 var(--sans);letter-spacing:.02em;text-transform:uppercase;fill:var(--tomato-deep)}
.dg-box{fill:var(--cream);stroke:var(--blue);stroke-width:1.2}
.dg-store{font:600 13px/1 var(--sans);fill:var(--ink)}
.dg-arrow{stroke:var(--tomato);stroke-width:1.5;fill:none}
.dg-head-tip{fill:var(--tomato)}
.dg-travels{font:600 11.5px/1 var(--sans);fill:var(--mute)}
.dg-bar{fill:var(--blue)}
.dg-bartext{font:800 12px/1 var(--sans);letter-spacing:.04em;fill:#FFF8EA}
.dg-rule{stroke:var(--rule);stroke-width:1;stroke-dasharray:3 3}
.dg-footlab{font:800 9px/1 var(--sans);fill:var(--mute);letter-spacing:.06em;text-transform:uppercase}
.dg-after{font:500 12px/1 var(--sans);fill:var(--ink2)}

.sheet:has(.board){grid-template-columns:minmax(0,1fr)}
.sheet:has(.board) .rail{display:none}
body:has(.board) main#doc{display:grid;grid-template-columns:minmax(0,1fr) 16rem;column-gap:3rem;align-items:start}
body:has(.board) main#doc>*{grid-column:1/-1}
body:has(.board) main#doc>.eyebrow,body:has(.board) main#doc>h1,body:has(.board) main#doc>.answer{grid-column:1}
body:has(.board) main#doc>h1{font-size:clamp(2.5rem,4.6vw,4rem)}
body:has(.board) main#doc::after{position:static;grid-column:2;grid-row:1/span 3;align-self:stretch;width:auto;height:auto;min-height:17rem;margin:0 .4rem 2.3rem 0;clip-path:none;opacity:1;
  border:9px solid var(--paper);border-bottom-width:24px;border-radius:2px;background:var(--banner) center/cover no-repeat var(--kraft-lt);
  box-shadow:0 1px 3px rgba(0,0,0,.2),8px 9px 0 -1px var(--blue),8px 9px 14px -1px rgba(20,16,30,.35);transform:rotate(2deg);animation:swing 1.1s cubic-bezier(.2,.8,.25,1) .2s both}
main#doc>ul.legend{list-style:none;padding:0;margin:.4rem 0 1.2rem;display:flex;flex-wrap:wrap;gap:.45rem 1.1rem;font:800 .76rem/1.2 var(--sans);letter-spacing:.04em;color:var(--ink2)}
ul.legend li{display:flex;align-items:center;gap:.45rem;margin:0}
ul.legend span{width:1.4rem;height:.5rem;border-radius:1px;background:var(--c);box-shadow:1px 1px 0 rgba(0,0,0,.2)}
.st-idea{--c:var(--s1)} .st-topic{--c:var(--s2)} .st-draft{--c:var(--s3)} .st-yours{--c:var(--s4)} .st-questions{--c:var(--s5)} .st-sources{--c:var(--s6)}
main#doc>div.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row dense;gap:1.2rem;margin:0 0 2.4rem;padding:1.5rem 1.2rem 1.3rem;border-radius:4px;border:10px solid var(--blue);
  background-color:var(--cork);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='c'><feTurbulence type='fractalNoise' baseFrequency='.62' numOctaves='3' seed='11'/><feColorMatrix values='0 0 0 0 .38  0 0 0 0 .24  0 0 0 0 .1  0 0 0 1.25 -.52'/></filter><rect width='100%25' height='100%25' filter='url(%23c)'/></svg>");
  box-shadow:inset 0 3px 10px rgba(0,0,0,.35),6px 7px 0 -1px var(--kraft-dk)}
.board .col-h{margin:0 0 1rem;padding:.55rem .75rem;background:var(--blue);color:#F4ECDC;font:700 1rem/1.25 var(--serif);text-align:center;border-radius:2px;box-shadow:3px 4px 0 -1px rgba(0,0,0,.3)}
.board .col-h a{color:#FFF8EA;text-decoration:none}
.board .col-h span{display:inline-block;margin-left:.4rem;padding:.05rem .5rem;border-radius:999px;background:var(--tomato);color:#FFFFFF;font:900 .7rem/1.45 var(--sans)}
.board ol{list-style:none;margin:0;padding:0;display:grid;gap:.95rem;grid-template-columns:minmax(0,1fr)}
.board .col:has(li:nth-child(7)){grid-column:span 3}
.board .col:has(li:nth-child(7)) ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:.95rem 1.1rem}
.board .col:has(li:nth-child(11)){grid-column:1/-1}
.board .col:has(li:nth-child(11)) ol{grid-template-columns:repeat(4,minmax(0,1fr))}
.board .col:has(li:nth-child(7)) .col-h,.board .col:has(li:nth-child(11)) .col-h{max-width:20rem}
.board li.card{margin:0;transition:transform .25s}
.board li.card:nth-child(3n+1){transform:rotate(-1.2deg)}
.board li.card:nth-child(3n+2){transform:rotate(.8deg)}
.board li.card:nth-child(3n){transform:rotate(-.3deg)}
.board li.card:hover{transform:rotate(0) translateY(-3px)}
.board .card a{position:relative;display:flex;flex-direction:column;gap:.2rem;padding:1rem .9rem .75rem;background:var(--paper);border-top:5px solid var(--c);border-radius:1px;
  box-shadow:0 4px 8px rgba(40,25,10,.3);text-decoration:none;color:var(--ink)}
.board .card a:hover{box-shadow:0 10px 16px rgba(40,25,10,.35)}
.board .pin{position:absolute;top:-.6rem;left:50%;width:.9rem;height:.9rem;margin-left:-.45rem;border-radius:50%;
  background:radial-gradient(circle at 34% 32%,#FFB09F,var(--tomato) 55%,var(--tomato-deep));box-shadow:0 2px 2px rgba(0,0,0,.35)}
.board .card b{font:700 1.04rem/1.25 var(--serif)}
.board .cl{font-size:.78rem;line-height:1.4;color:var(--ink2)}
.board .cl i{font-style:normal;font-weight:900;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-right:.25rem}

.site-foot{position:relative;background:var(--blue-deep);color:#E9DEC8;margin-top:3.5rem}
.site-foot::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:46px;pointer-events:none;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'><defs><filter id='s' x='-5%25' y='-40%25' width='110%25' height='160%25'><feDropShadow dx='0' dy='-2' stdDeviation='2' flood-color='%23201408' flood-opacity='.3'/></filter></defs><path filter='url(%23s)' fill='%23F3E7D0' d='M0 60V22C120 12 220 30 340 20C460 10 560 28 680 18C800 8 900 26 1020 16C1100 10 1160 18 1200 16V60Z'/><path filter='url(%23s)' fill='%23223E73' d='M0 60V34C100 24 210 42 330 32C450 22 550 40 670 30C790 20 890 38 1010 28C1090 22 1160 30 1200 28V60Z'/><path fill='%23172A50' d='M0 60V46C130 38 240 52 370 44C500 36 610 50 740 42C870 34 980 48 1110 40C1150 38 1180 42 1200 41V60Z'/></svg>") 0 0/100% 100% no-repeat}
.sf{max-width:var(--frame);margin:0 auto;padding:2.2rem var(--pad) 1.4rem;display:grid;grid-template-columns:16rem minmax(0,1fr);gap:2.6rem}
.sf-id .mark{color:var(--tomato)}
.sf-id .mark svg{width:1.8rem;height:1.8rem}
.sf-name{display:block;margin:.55rem 0 .45rem;font:700 1.3rem/1 var(--serif);font-style:italic;color:#FFF8EA}
.sf-note{margin:0;font-size:.88rem;line-height:1.55;color:var(--kraft-lt)}
.sf-map{display:block;columns:4 11.5rem;column-gap:2.2rem}
.sf-map>.sfc{break-inside:avoid;margin:0 0 1.5rem}
.sfc ul{list-style:none;margin:0;padding:0}
.sfc li{margin:.28rem 0;font-size:.86rem}
.sfc a{color:#E9DEC8;text-decoration:none}
.sfc a:hover{color:#FFFFFF;text-decoration:underline;text-decoration-color:var(--tomato)}
.sfh{display:block;padding-bottom:.45rem;margin:0 0 .55rem;border-bottom:2px dashed rgba(230,207,166,.35);font:900 .66rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--kraft)}
details.sfc>summary.sfh{cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:.4rem}
details.sfc>summary.sfh::-webkit-details-marker{display:none}
details.sfc>summary.sfh::after{content:"+";margin-left:auto;font-weight:900;opacity:.8}
details.sfc[open]>summary.sfh::after{content:"\2212"}
.sfh .sfn{font-weight:600;opacity:.88}
details.sfc[open]{column-span:all}
details.sfc[open]>ul{columns:4 11rem;column-gap:1.8rem}
details.sfc[open]>ul li{break-inside:avoid}
.sf-bar{max-width:var(--frame);margin:0 auto;padding:.9rem var(--pad) 2rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;border-top:1px solid rgba(230,207,166,.2);font:600 .74rem/1.4 var(--sans);color:var(--kraft-lt)}
.sf-dom{font:800 .68rem/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.sf-bar .stamp{color:#8E93A9}

h2:target,li.fact:target{background-color:var(--tomato-wash)}
a:focus-visible,summary:focus-visible{outline:2px solid var(--tomato);outline-offset:3px;border-radius:2px}

@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes pin{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes swing{from{opacity:0;transform:translateY(-14px) rotate(7deg)}to{opacity:1}}
@keyframes scrollcue{from{-webkit-mask-position:0 0,-3rem 0;mask-position:0 0,-3rem 0}to{-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0}}
@keyframes hintfade{from{opacity:1}35%{opacity:0}to{opacity:0}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}
@media (max-width:66rem){
  .sheet{grid-template-columns:minmax(0,1fr) 14.5rem;column-gap:2rem}
  main#doc{padding:2.4rem 2.2rem 2.8rem}
  body:has(.board) main#doc{grid-template-columns:minmax(0,1fr) 12rem;column-gap:2rem}
}
@media (max-width:56rem){
  .sf{display:block}
  .sf-id{margin-bottom:1.8rem}
  main#doc>div.board{grid-template-columns:1fr;border-width:6px;padding:1.2rem .9rem}
  .board .col,.board .col:has(li:nth-child(7)),.board .col:has(li:nth-child(11)){grid-column:auto}
  .board .col:has(li:nth-child(7)) ol,.board .col:has(li:nth-child(11)) ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chart:has(svg[width="1008"]){margin-inline:0}
}
@media (max-width:640px){
  .figs{grid-template-columns:1fr;gap:.6rem}
  .board .col:has(li:nth-child(7)) ol,.board .col:has(li:nth-child(11)) ol{grid-template-columns:minmax(0,1fr)}
  
  .chart{overflow-x:auto}
  .chart svg{min-width:calc(attr(width px) * .85 * max(0, sign(attr(width px) - 560px)))}
  .fig-dia svg{min-width:calc(attr(width px) * .9)}
  .chart figcaption,.fig-dia figcaption{padding-right:2.6rem}
  @supports (animation-timeline:scroll()){
    main#doc>.chart,main#doc>.fig-dia{position:relative;
      -webkit-mask-image:linear-gradient(#000,#000),linear-gradient(to left,transparent 0,#000 3rem);mask-image:linear-gradient(#000,#000),linear-gradient(to left,transparent 0,#000 3rem);
      -webkit-mask-size:100% 2.4rem,calc(100% + 3rem) 100%;mask-size:100% 2.4rem,calc(100% + 3rem) 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
      -webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;animation:scrollcue linear both;animation-timeline:scroll(self inline)}
    main#doc>.chart::after,main#doc>.fig-dia::after{content:"";position:absolute;top:.5rem;right:.5rem;width:2rem;height:1.25rem;border-radius:99px;opacity:0;
      background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'><path d='M2 1l4 4-4 4M8 1l4 4-4 4' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/1rem no-repeat var(--tomato);
      animation:hintfade linear both;animation-timeline:scroll(nearest inline)}
  }
}
@media (max-width:48rem){
  .sheet{display:flex;flex-direction:column;align-items:stretch;padding:2.2rem .8rem 3.4rem}
  .column{order:1}
  .column::before{content:"";position:static;display:block;width:auto;height:170px;margin:0 0 1.3rem;border:6px solid var(--paper);border-bottom-width:14px;border-radius:2px;
    background:var(--banner) center 35%/cover no-repeat var(--kraft-lt);box-shadow:5px 6px 0 -1px var(--blue),0 2px 4px rgba(0,0,0,.2);transform:rotate(-.8deg)}
  .rail{order:2;position:static;margin-top:2.4rem}
  .rail::before,.rail::after{display:none}
  main#doc{padding:1.9rem 1.1rem 2rem;box-shadow:0 2px 3px rgba(40,25,10,.2),3px 4px 0 -1px var(--cream),3px 4px 6px -1px rgba(40,25,10,.3)}
  main#doc::before{left:1.1rem}
  main#doc::after{right:1rem;width:5rem}
  body:has(.board) main#doc{display:block}
  body:has(.board) main#doc::after{content:none}
  h1,body:has(.board) main#doc>h1{font-size:2.05rem}
  h2{font-size:1.36rem;gap:.7rem}
  h2 .secno{width:2rem;height:2rem;font-size:.8rem}
  .answer{padding:1rem 1rem 1rem 2rem;font-size:1.04rem;--rule-at:1.66rem;
    background:linear-gradient(90deg,transparent 1.1rem,rgba(210,69,47,.6) 1.1rem,rgba(210,69,47,.6) calc(1.1rem + 2px),transparent calc(1.1rem + 2px)) border-box,
               repeating-linear-gradient(180deg,transparent 0 var(--rule-at),#C4D2EC var(--rule-at) calc(var(--rule-at) + 1px),transparent calc(var(--rule-at) + 1px) 2rem) content-box,#FFFEF8}
  ul.facts{grid-template-columns:1fr}
  blockquote{padding:1.2rem 1.1rem 1.1rem 3.1rem}
  blockquote::before{left:.7rem;font-size:3.6rem}
  .chart,.fig{padding:1rem .9rem .9rem;border:1px solid var(--rule);box-shadow:none}
  tbody td:first-child{white-space:normal}
  thead th,tbody td{padding-left:.7rem;padding-right:.7rem}
  .masthead::after{height:26px}
  .site-foot::before{height:30px}
}

@media (max-width:48rem){
  .mh{padding:.6rem .9rem .5rem;gap:.4rem}
  .brand{font-size:1.14rem}
  .mark svg{width:1.4rem;height:1.4rem}
  .mh-tag{display:none}
  .mh-nav{gap:.3rem .28rem;font-size:.6rem;letter-spacing:.04em}
  .mh-nav a{padding:.32rem .42rem}
}

.rankwrap table :is(th,td):nth-child(5){white-space:nowrap}

.rankwrap table :is(th,td):nth-child(4){min-width:15em}