@font-face{font-family:'Manrope Variable';font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/manrope-latin-wght-normal-a30ddcd3.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:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-display-latin-400-normal-fdf61e20.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:'DM Serif Display';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-display-latin-400-italic-ed8b2916.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:#141112; --ink2:#3B3336; --mute:#645A5E; --faint:#6A6064;
  --paper:#F8F3EE; --ground:#F8F3EE; --band:#EFE4DD; --panel:#F3EAE4; --card:#FFFCF9;
  --rule:#DCCFC7; --rule-strong:#141112; --blush:#E7CBC3;
  --rouge:#8E1634; --rouge-deep:#6B1026; --wash:#F5DEE2;
  --veil:rgba(20,17,18,0);
  --sans:"Manrope Variable","Manrope","Helvetica Neue",Arial,sans-serif;
  --serif:"DM Serif Display",Didot,"Bodoni 72",Georgia,serif;
  --mono:var(--sans);
  --spread:clamp(15rem,30vw,34rem); --cue-y:.45rem; --cue-s:1.35rem; --pad:2.6rem; --measure:41rem;
}

body{--ban-a:url(/decor/banner-home-15ad9027.webp);--ban-b:var(--ban-a);--ban-c:var(--ban-a);--banner:var(--ban-a)}
html:has(link[rel="canonical"]:is([href$="b/"],[href$="e/"],[href$="h/"],[href$="k/"],[href$="n/"],[href$="q/"],[href$="t/"],[href$="w/"],[href$="z/"],[href$="2/"],[href$="5/"],[href$="8/"])) body{--banner:var(--ban-b)}
html:has(link[rel="canonical"]:is([href$="c/"],[href$="f/"],[href$="i/"],[href$="l/"],[href$="o/"],[href$="r/"],[href$="u/"],[href$="x/"],[href$="0/"],[href$="3/"],[href$="6/"],[href$="9/"])) body{--banner:var(--ban-c)}
body:has(.crumbs a[href="/rights/"]),body:has(.mh-nav a[aria-current][href="/rights/"]){--ban-a:url(/decor/banner-rights-ae41e65c.webp)}
body:has(.crumbs a[href="/products/"]),body:has(.mh-nav a[aria-current][href="/products/"]){--ban-a:url(/decor/banner-products-406376bb.webp);--ban-b:url(/decor/banner-products-b-8466c5c3.webp);--ban-c:url(/decor/banner-products-c-81c9ba12.webp)}
body:has(.crumbs a[href="/fields/"]),body:has(.mh-nav a[aria-current][href="/fields/"]){--ban-a:url(/decor/banner-fields-6eac6f94.webp)}
body:has(.crumbs a[href="/records/"]),body:has(.mh-nav a[aria-current][href="/records/"]){--ban-a:url(/decor/banner-records-dd1f29b8.webp);--ban-b:url(/decor/banner-records-b-d46e48d4.webp);--ban-c:url(/decor/banner-records-c-7f8c2384.webp)}
body:has(.crumbs a[href="/pairs/"]),body:has(.mh-nav a[aria-current][href="/pairs/"]){--ban-a:url(/decor/banner-pairs-b21d9ca6.webp);--ban-b:url(/decor/banner-pairs-b-02d00c4b.webp);--ban-c:url(/decor/banner-pairs-c-67ba64c9.webp)}
body:has(.crumbs a[href="/questions/"]),body:has(.mh-nav a[aria-current][href="/questions/"]){--ban-a:url(/decor/banner-questions-9bb2a736.webp);--ban-b:url(/decor/banner-questions-b-f5d2ec19.webp);--ban-c:url(/decor/banner-questions-c-e80289d2.webp)}
body:has(.crumbs a[href="/words/"]),body:has(.mh-nav a[aria-current][href="/words/"]){--ban-a:url(/decor/banner-words-a2073a7b.webp);--ban-b:url(/decor/banner-words-b-3f80e583.webp);--ban-c:url(/decor/banner-words-c-79f71d13.webp)}
body:has(.crumbs a[href="/learn/"]),body:has(.mh-nav a[aria-current][href="/learn/"]){--ban-a:url(/decor/banner-learn-7843d543.webp);--ban-b:url(/decor/banner-learn-b-091384b9.webp);--ban-c:url(/decor/banner-learn-c-96676c99.webp)}
body:has(.crumbs a[href="/reading/"]),body:has(.mh-nav a[aria-current][href="/reading/"]){--ban-a:url(/decor/banner-reading-f1e94a7a.webp);--ban-b:url(/decor/banner-reading-b-dd1daca2.webp);--ban-c:url(/decor/banner-reading-c-4f957783.webp)}
body:has(.crumbs a[href="/datasets/"]),body:has(.mh-nav a[aria-current][href="/datasets/"]){--ban-a:url(/decor/banner-datasets-be72bcc7.webp)}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;overflow-x:clip;background-color:var(--ground);color:var(--ink);font:400 17px/1.68 var(--sans)}
.num,table,.meta,.stamp,.rl b,.val,.asof{font-variant-numeric:tabular-nums lining-nums}
a{color:inherit;text-decoration:none}
p a,li a,td a,dd a{text-decoration:underline;text-decoration-color:var(--rouge);text-decoration-thickness:1px;text-underline-offset:3px}
p a:hover,li a:hover,td a:hover,dd a:hover{color:var(--rouge);text-decoration-thickness:2px}
::selection{background:var(--rouge);color:#FFFFFF}

.skip{position:absolute;left:-9999px;top:auto}
.skip:focus{left:.75rem;top:.6rem;z-index:80;padding:.45rem .8rem;background:var(--paper);color:var(--rouge);border:1px solid var(--rouge);font:600 .8rem/1 var(--sans)}

body::before{content:"";position:fixed;top:0;bottom:0;left:0;width:var(--spread);z-index:0;
  background:linear-gradient(var(--veil),var(--veil)),
             linear-gradient(90deg,rgba(20,17,18,0) 78%,rgba(20,17,18,.28) 100%),
             linear-gradient(180deg,rgba(20,17,18,.18) 0%,rgba(20,17,18,0) 18%,rgba(20,17,18,0) 80%,rgba(20,17,18,.22) 100%),
             var(--banner) center 45%/cover no-repeat,var(--blush);
  outline:1px solid rgba(255,252,249,.55);outline-offset:-1.15rem;
  animation:develop 1.8s cubic-bezier(.2,.7,.2,1) both}

body::after{content:"";position:fixed;top:0;bottom:0;left:var(--spread);width:3.2rem;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(20,17,18,.16),rgba(20,17,18,.05) 35%,rgba(20,17,18,0))}
body{padding-left:var(--spread)}
.masthead,.sheet,.site-foot{position:relative;z-index:2}

.masthead{background:transparent}
.mh{max-width:62rem;margin:0 auto;padding:1.5rem var(--pad) 0;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}
.brand{display:inline-flex;align-items:center;gap:.7rem;font:400 clamp(2.4rem,4.2vw,3.7rem)/1 var(--serif);letter-spacing:-.02em;color:var(--ink)}
.mark{display:inline-flex;flex:none;color:var(--rouge)}
.mark svg{display:block;width:1.55rem;height:1.55rem}
.mh-tag{order:-1;margin:0;font:700 .62rem/1.3 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--mute)}
.mh-nav{align-self:stretch;display:flex;flex-wrap:wrap;justify-content:center;gap:.15rem 1.35rem;margin-top:.55rem;padding:.6rem 0;
  border-top:1px solid var(--ink);border-bottom:3px double var(--ink);font:700 .64rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase}
.mh-nav a{padding:.3rem 0;color:var(--ink2);border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.mh-nav a:hover{color:var(--rouge)}
.mh-nav a[aria-current=page]{color:var(--rouge);border-bottom-color:var(--rouge)}

.sheet{max-width:66rem;margin:0 auto;padding:2.6rem var(--pad) 5rem;display:grid;grid-template-columns:minmax(0,1fr) 12.5rem;column-gap:3rem}
.sheet::before{content:none}
.column{grid-column:1;grid-row:1;min-width:0}
.rail{grid-column:2;grid-row:1;position:sticky;top:1.6rem;align-self:start;margin-top:2.2rem;padding-top:.7rem;border-top:4px solid var(--ink)}
.rl{padding:.6rem 0 .55rem;border-bottom:1px solid var(--rule)}
.rl span{display:block;font:800 .56rem/1.5 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--mute)}
.rl b{display:block;margin-top:.1rem;font:400 1.32rem/1.12 var(--serif);color:var(--ink);overflow-wrap:anywhere}
.rl-figs{display:flex;flex-wrap:wrap;gap:.15rem .5rem;margin-top:.2rem}
.rl-figs a{font:italic 400 1.15rem/1.2 var(--serif);color:var(--rouge);text-decoration:none}
.rl-figs a:hover{text-decoration:underline}
.secnav{margin-top:1.5rem}
.rl-h{display:block;font:italic 400 1.3rem/1.2 var(--serif);color:var(--ink);margin-bottom:.35rem;padding-bottom:.4rem;border-bottom:1px solid var(--ink)}
.secnav ol{list-style:none;margin:0;padding:0}
.secnav li{margin:0}
.secnav a{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.3rem;align-items:baseline;padding:.38rem 0;text-decoration:none;font:500 .8rem/1.4 var(--sans);color:var(--ink2);border-bottom:1px solid var(--rule);transition:color .2s,padding .2s}
.secnav a i{font:italic 400 1.05rem/1 var(--serif);color:var(--rouge)}
.secnav a:hover{color:var(--rouge);padding-left:.25rem}

.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem .45rem;margin:0 0 1.3rem;font:800 .6rem/1.5 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--mute)}
.crumbs::before{content:"";flex:none;width:2.2rem;height:3px;margin-right:.4rem;background:var(--rouge)}
.crumbs a{color:var(--ink);text-decoration:none}
.crumbs a:hover{color:var(--rouge)}

main#doc>*{max-width:none;animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
main#doc>:nth-child(1){animation-delay:.1s} main#doc>:nth-child(2){animation-delay:.2s} main#doc>:nth-child(3){animation-delay:.3s}
main#doc>:nth-child(4){animation-delay:.38s} main#doc>:nth-child(n+5){animation-delay:.45s}
main#doc>p,main#doc>ul,main#doc>ol,main#doc>dl,main#doc>blockquote,main#doc>.clause,main#doc>.statusbox{max-width:var(--measure)}
main#doc>ul.entries,main#doc>ul.facts{max-width:none}

h1{font:400 clamp(2.6rem,4.5vw,4.5rem)/.98 var(--serif);letter-spacing:-.025em;margin:0 0 1.5rem;text-wrap:balance}
h2{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1rem;align-items:baseline;margin:3.6rem 0 1.1rem;padding-top:1.1rem;
  font:italic 400 clamp(1.6rem,2.5vw,2.2rem)/1.12 var(--serif);letter-spacing:-.01em;
  border-top:1px solid var(--ink);background:linear-gradient(var(--rouge),var(--rouge)) 0 0/3.4rem 4px no-repeat}
h2 .secno{padding-right:.9rem;border-right:1px solid var(--rule);font:400 2.6rem/.9 var(--serif);font-style:normal;color:var(--rouge);text-decoration:none}
h3{font:800 .68rem/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--rouge-deep);margin:1.9rem 0 .45rem}
p{margin:0 0 1.05rem}
ul,ol{margin:0 0 1.05rem;padding-left:1.2rem}
li{margin:.28rem 0}
main#doc>ul:not([class]){list-style:none;padding-left:0}
main#doc>ul:not([class])>li{position:relative;padding-left:1.3rem}
main#doc>ul:not([class])>li::before{content:"";position:absolute;left:0;top:.72em;width:.6rem;height:1px;background:var(--rouge)}
b,strong{font-weight:700}

.answer{margin:0 0 2.6rem;padding:1.15rem 0 0;border-top:1px solid var(--ink);font:italic 400 1.32rem/1.52 var(--serif);letter-spacing:.004em;color:var(--ink2)}
.asof{display:block;margin-top:.85rem;font:800 .58rem/1.3 var(--sans);font-style:normal;letter-spacing:.26em;text-transform:uppercase;color:var(--rouge)}

main#doc>p:not([class]):not(main#doc>p:not([class])~p)::first-letter{float:left;margin:.32rem .1em 0 0;font:400 5.15rem/.74 var(--serif);color:var(--rouge)}
@supports (initial-letter:3) or (-webkit-initial-letter:3){
  main#doc>p:not([class]):not(main#doc>p:not([class])~p)::first-letter{float:none;margin:0 .12em 0 0;font-size:inherit;line-height:inherit;-webkit-initial-letter:3;initial-letter:3}
}

.statusbox{margin:0 0 2rem;border-top:3px solid var(--ink)}
.sb-row{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:1rem;border-bottom:1px solid var(--rule);padding:.6rem 0}
.statusbox dt{font:800 .58rem/1.9 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--mute)}
.statusbox dd{margin:0;font:400 1.05rem/1.45 var(--serif)}

ul.facts{list-style:none;margin:1.6rem 0 2.4rem;padding:.5rem 1.5rem .7rem;background:var(--band);border-top:4px solid var(--ink)}
li.fact{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:1.3rem;margin:0;padding:1rem 0;border-bottom:1px solid var(--blush)}
li.fact:last-child{border-bottom:0}
li.fact .tag{font:800 .58rem/2 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--rouge)}
li.fact .fv{min-width:0}
li.fact .val{display:block;font:400 1.18rem/1.38 var(--serif)}
li.fact .note{display:block;margin-top:.2rem;color:var(--ink2);font:400 .9rem/1.55 var(--sans)}
li.fact .meta{display:block;margin-top:.4rem;font:600 .7rem/1.6 var(--sans);color:var(--mute)}
li.fact .meta .sep{color:var(--faint);padding:0 .3rem}

blockquote{position:relative;margin:2.2rem 0;padding:1.4rem 0 1.2rem 3.4rem;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);
  font:italic 400 1.5rem/1.38 var(--serif);color:var(--ink)}
blockquote::before{content:"\201C";position:absolute;left:0;top:.7rem;font:400 4.4rem/1 var(--serif);color:var(--rouge)}
blockquote p{margin:0 0 .5rem}
blockquote cite{display:block;margin-top:.5rem;font:800 .6rem/1.5 var(--sans);font-style:normal;letter-spacing:.22em;text-transform:uppercase;color:var(--mute)}

.chart,.fig-dia,.tablewrap{
  background:linear-gradient(90deg,var(--card) 2rem,rgba(255,252,249,0) 2.8rem) 0 0/2.8rem 100% no-repeat local,
             linear-gradient(270deg,var(--card) 2rem,rgba(255,252,249,0) 2.8rem) 100% 0/2.8rem 100% no-repeat local,
             url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='11' fill='%238E1634'/><path d='M7 12h9m-3.5-4 4 4-4 4' fill='none' stroke='white' stroke-width='2'/></svg>") calc(100% - .45rem) var(--cue-y)/var(--cue-s) var(--cue-s) no-repeat scroll,
             radial-gradient(farthest-side at 100% 50%,rgba(20,17,18,.2),rgba(20,17,18,0)) 100% 0/1rem 100% no-repeat scroll,
             radial-gradient(farthest-side at 0 50%,rgba(20,17,18,.2),rgba(20,17,18,0)) 0 0/1rem 100% no-repeat scroll,
             var(--card)}

.tablewrap{overflow-x:auto;margin:1.6rem 0 .7rem;border-top:4px solid var(--ink);box-shadow:0 1px 0 var(--rule)}
table{border-collapse:collapse;width:100%;font:400 .88rem/1.5 var(--sans)}
caption{text-align:left;padding:.9rem 1rem .8rem;font:italic 400 1.08rem/1.4 var(--serif);color:var(--ink);border-bottom:1px solid var(--rule)}
thead th{background:var(--ink);color:var(--paper);font:800 .58rem/1.6 var(--sans);letter-spacing:.22em;text-transform:uppercase;padding:.7rem 1rem;text-align:left}
tbody td{border-bottom:1px solid var(--band);padding:.7rem 1rem;vertical-align:top}
tbody tr:nth-child(even){background:#FBF6F2}
tbody tr:hover{background:var(--wash)}
tbody tr:last-child td{border-bottom:0}
td:first-child{font:400 1.02rem/1.35 var(--serif);white-space:nowrap}
tr.is-current{background:var(--wash)!important;box-shadow:inset 4px 0 0 var(--rouge)}
tr.is-current td{font-weight:700}
.rule{font:400 .78rem/1.65 var(--sans);color:var(--mute);margin:.4rem 0 1.8rem}
.rule b{color:var(--ink);font:800 .56rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase}
.clause{font:400 .84rem/1.7 var(--sans);color:var(--mute)}

main ul.entries{list-style:none;padding:0;margin:1.6rem 0 2.6rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1.8rem 2rem}
ul.entries li{position:relative;margin:0;padding:1rem 0 .2rem;border-top:1px solid var(--ink);font:400 .88rem/1.55 var(--sans);color:var(--ink2);transition:border-color .25s}
ul.entries li::before{content:"";position:absolute;left:0;top:-1px;width:0;height:3px;background:var(--rouge);transition:width .35s cubic-bezier(.2,.7,.2,1)}
ul.entries li:hover::before{width:100%}
ul.entries a{display:block;margin-bottom:.4rem;font:400 1.42rem/1.12 var(--serif);letter-spacing:-.005em;color:var(--ink);text-decoration:none;transition:color .2s}
ul.entries a::after{content:"\2192";display:inline-block;margin-left:.35rem;font:400 1rem/1 var(--sans);color:var(--rouge);opacity:0;transform:translateX(-.4rem);transition:opacity .25s,transform .25s}
ul.entries li:hover a{color:var(--rouge);font-style:italic}
ul.entries li:hover a::after{opacity:1;transform:none}

.stamp{letter-spacing:.22em;text-transform:uppercase;font:800 .56rem/1.3 var(--sans);color:var(--faint)}

main a[href^="http"]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--rouge);text-decoration-thickness:.07em;text-underline-offset:.17em}
main a[href^="http"]:hover{color:var(--rouge)}
li.fact .meta a[href^="http"]{color:var(--ink2)}

.chart,.fig{width:fit-content;max-width:100%;min-width:min(100%,26rem);margin:2rem 0 1.4rem;padding:1.3rem 1.4rem 1.15rem;
  border-top:4px solid var(--ink);box-shadow:0 1px 0 var(--rule),0 18px 30px -26px rgba(20,17,18,.35)}
.fig:not(.fig-dia){background:var(--card)}
.fig-dia{padding-inline:1rem}
main#doc>.chart,main#doc>.fig{max-width:100%}
.fig:has(img){width:auto}
.chart,.fig-dia{overflow-x:auto;overscroll-behavior-x:contain}
.chart svg,.fig-dia svg{display:block;max-width:100%;overflow:visible;height:auto;margin-inline:auto;
  min-width:calc(attr(width px,0px) * var(--floor,.6))}
.ch-matrix:not(.ch-hl) svg[width^="1"]{max-width:none}
.chart figcaption,.fig figcaption{contain:inline-size;position:sticky;left:0;max-width:var(--measure);margin-top:.85rem;padding-top:.7rem;border-top:1px solid var(--rule);font:italic 400 1rem/1.45 var(--serif);color:var(--ink2)}
.fign{float:left;margin:.18rem .6rem 0 0;padding:.12rem .5rem;background:var(--rouge);color:#FFFFFF;font:800 .56rem/1.5 var(--sans);font-style:normal;letter-spacing:.2em;text-transform:uppercase}
a.fign:hover{background:var(--ink)}
.ch-title{font:800 .64rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;fill:var(--ink)}
.ch-lab{font:500 .84rem/1 var(--sans);fill:var(--ink2);text-anchor:end}
.ch-lab2{font:500 .84rem/1 var(--sans);fill:var(--ink2)}
.ch-col{font:800 .62rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;fill:var(--mute);text-anchor:middle}
.ch-val{font:700 .8rem/1 var(--sans);font-variant-numeric:tabular-nums;fill:var(--ink);dominant-baseline:middle}
.ch-na{font:italic 400 .84rem/1 var(--serif);fill:var(--faint);dominant-baseline:middle}
.ch-bar{fill:var(--ink)}
.ch-val-in{text-anchor:end;fill:var(--paper)}
.ch-hl .ch-bar{opacity:.2}
.ch-hl .ch-hi{opacity:1;fill:var(--rouge)}
.ch-lab-hi{font-weight:800;fill:var(--ink)}
.ch-a{opacity:1}
.ch-b{opacity:.4}
.ch-keyt{font:700 .74rem/1 var(--sans);fill:var(--ink2)}
.ch-gap{fill:none;stroke:var(--rule);stroke-dasharray:3 3}
.ch-cell{fill:var(--band);stroke:none}
.ch-cell.ch-cur{fill:var(--wash);stroke:var(--rouge);stroke-width:1.2}
.ch-mark{stroke:var(--ink);stroke-width:1.2}
.ch-m-yes{fill:var(--rouge);stroke:var(--rouge-deep)}
.ch-m-part{fill:none}
.ch-m-none{fill:none;stroke:var(--mute);stroke-width:1.2;opacity:.6}
.ch-half{fill:var(--rouge)}
.ch-axis,.ch-drop{stroke:var(--rule-strong)}
.ch-dot{fill:var(--rouge)}
.ch-date{font:500 .74rem/1 var(--sans);fill:var(--faint);text-anchor:end}
.ch-track{fill:var(--band)}
.ch-span{fill:var(--rouge)}
.fig img{display:block;width:100%;height:auto;background:var(--band)}
.fig>img,.figs img{border:0}
.fig .credit{display:block;margin-top:.4rem;font:800 .56rem/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}
.figs{display:grid;grid-template-columns:repeat(var(--figcols,3),1fr);gap:.6rem}
.fig-shot img{outline:1px solid var(--rule)}
.dg-band{fill:var(--band)}
.dg-head{font:800 10.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;fill:var(--rouge)}
.dg-box{fill:var(--wash);stroke:var(--rouge);stroke-width:1}
rect.dg-box[height="62"]+text.dg-head{transform:translateY(12px)}
.dg-store{font:400 15px/1 var(--serif);fill:var(--ink)}
.dg-arrow{stroke:var(--rouge);stroke-width:1.2;fill:none}
.dg-head-tip{fill:var(--rouge)}
.dg-travels{font:600 12.5px/1 var(--sans);fill:var(--mute)}
path.dg-head-tip+text.dg-travels{font-size:11px;transform:translateY(-5px)}
.dg-bar{fill:var(--ink)}
.dg-bartext{font:800 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;fill:var(--paper)}
.dg-rule{stroke:var(--rule);stroke-width:1;stroke-dasharray:2 3}
.dg-footlab{font:800 9.5px/1 var(--sans);fill:var(--mute);letter-spacing:.16em;text-transform:uppercase}
.dg-after{font:500 12px/1 var(--sans);fill:var(--ink2)}

.site-foot{margin-left:calc(-1 * var(--spread));background:var(--ink);color:#CFC6C2;margin-top:1rem;border-top:6px solid var(--rouge)}
.sf{max-width:84rem;margin:0 auto;padding:3.2rem var(--pad) 1.6rem;display:grid;grid-template-columns:17rem minmax(0,1fr);gap:3rem}
.sf-id .mark{color:#E27A93}
.sf-id .mark svg{width:1.7rem;height:1.7rem}
.sf-name{display:block;margin:.6rem 0 .6rem;font:400 2.3rem/1 var(--serif);color:#FFFFFF}
.sf-note{margin:0;font:400 .82rem/1.6 var(--sans);color:#ABA19D}
.sf-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:1.4rem 2rem;align-items:start}
.sfc{font:500 .8rem/1.4 var(--sans)}
.sfc ul{list-style:none;margin:0;padding:0}
.sfc li{margin:.32rem 0}
.sfc a{color:#E6DEDA;text-decoration:none;transition:color .2s}
.sfc a:hover{color:#F2A6B8}
.sfh{display:block;padding-bottom:.4rem;margin-bottom:.55rem;border-bottom:1px solid #3B3336;font:italic 400 1.15rem/1 var(--serif);color:#FFFFFF}
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:700 .9rem/1 var(--sans);font-style:normal;color:#E27A93}
details.sfc[open]>summary.sfh::after{content:"\2212"}
.sfh .sfn{font:500 .7rem/1 var(--sans);font-style:normal;opacity:.6}
details.sfc[open]{grid-column:1/-1}
details.sfc[open]>ul{columns:4 11rem;column-gap:1.8rem}
details.sfc[open]>ul li{break-inside:avoid}
.sf-bar{max-width:84rem;margin:0 auto;padding:1rem var(--pad) 2rem;border-top:1px solid #2E2729;display:flex;justify-content:flex-end;gap:1.6rem;flex-wrap:wrap}
.sf-dom{font:800 .58rem/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:#ABA19D}
.sf-bar .stamp{color:#867B7F}

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

@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes develop{from{opacity:0;transform:scale(1.04);filter:saturate(.4) brightness(1.15)}to{opacity:1;transform:none;filter:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

@media (prefers-color-scheme:dark){
  :root{--ink:#F3ECE7;--ink2:#D2C8C3;--mute:#A89E9A;--faint:#9D9490;
        --paper:#141112;--ground:#141112;--band:#231B1D;--panel:#1B1617;--card:#1A1516;
        --rule:#3A3033;--rule-strong:#F3ECE7;--blush:#3A2A2E;--rouge:#E8819A;--rouge-deep:#F2A6B8;--wash:#3A1C25;
        --veil:rgba(12,9,10,.46)}
  body::after{background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(0,0,0,.12) 35%,rgba(0,0,0,0))}
  body::before{outline-color:rgba(243,236,231,.28)}
  tbody tr:nth-child(even){background:#181314}
  .site-foot{background:#0A0808}
  .sf-bar .stamp{color:var(--faint)}
  .fign{color:#141112}
  .dg-bartext,.ch-val-in{fill:#141112}
  thead th{background:#2A2224;color:#F3ECE7}
  .chart,.fig-dia,.tablewrap{
    background:linear-gradient(90deg,var(--card) 2rem,rgba(26,21,22,0) 2.8rem) 0 0/2.8rem 100% no-repeat local,
               linear-gradient(270deg,var(--card) 2rem,rgba(26,21,22,0) 2.8rem) 100% 0/2.8rem 100% no-repeat local,
               url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='11' fill='%23E8819A'/><path d='M7 12h9m-3.5-4 4 4-4 4' fill='none' stroke='%23141112' stroke-width='2'/></svg>") calc(100% - .45rem) var(--cue-y)/var(--cue-s) var(--cue-s) no-repeat scroll,
               radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.55),rgba(0,0,0,0)) 100% 0/1rem 100% no-repeat scroll,
               radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.55),rgba(0,0,0,0)) 0 0/1rem 100% no-repeat scroll,
               var(--card)}
}

@media (max-width:78rem){
  .sheet{display:flex;flex-direction:column;max-width:52rem}
  .column{order:1}
  .rail{order:2;position:static;margin-top:3rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));column-gap:1.6rem}
  .secnav{grid-column:1/-1}
  .sf{display:block}
  .sf-id{margin-bottom:1.8rem}
}

@media (max-width:62rem){
  :root{--spread:0px;--pad:1.8rem}
  body{padding-left:0}
  body::before,body::after{display:none}
  .site-foot{margin-left:0}
  .sheet{padding:0 var(--pad) 3.4rem}
  .sheet::before{content:"";order:-1;display:block;height:clamp(240px,46vw,400px);margin:1.2rem calc(-1 * var(--pad)) 1.6rem;
    background:linear-gradient(var(--veil),var(--veil)),linear-gradient(180deg,rgba(20,17,18,0) 70%,rgba(20,17,18,.2)),var(--banner) center 52%/cover no-repeat,var(--blush);
    outline:1px solid rgba(255,252,249,.5);outline-offset:-.9rem;
    animation:develop 1.4s cubic-bezier(.2,.7,.2,1) both}
  h1{font-size:clamp(2.4rem,5.4vw,3.4rem)}
  li.fact{grid-template-columns:1fr;gap:.15rem}
  .mh-nav{gap:.15rem 1rem;letter-spacing:.16em}
}
@media (max-width:640px){.figs{grid-template-columns:1fr;gap:.6rem}}
@media (max-width:48rem){
  :root{--pad:1rem}
  .sheet{padding:0 1rem 3rem}
  .sheet::before{height:clamp(240px,68vw,320px);margin:.6rem -1rem 1.4rem;background-position:0 0,0 0,center 58%,0 0}
  .rail{margin-top:2.2rem;grid-template-columns:repeat(2,minmax(0,1fr))}
  h1{font-size:2.35rem}
  .answer{font-size:1.14rem}
  h2 .secno{font-size:2.1rem}
  .sb-row{grid-template-columns:1fr;gap:.1rem}
  ul.facts{padding:.4rem 1rem .6rem}
  blockquote{padding-left:2.6rem;font-size:1.25rem}
  .sf{padding:2.4rem 1rem 1.2rem}
  .sf-bar{padding:1rem 1rem 2rem}
  
  .chart,.fig{--floor:.76;--cue-y:.3rem;--cue-s:1.2rem;margin-inline:-1rem;max-width:calc(100% + 2rem);min-width:calc(100% + 2rem);padding:1.9rem .75rem 1rem}
  main#doc>.chart,main#doc>.fig{max-width:calc(100% + 2rem)}
  
  .tablewrap:not(:has(th:nth-child(5))){margin-inline:-1rem;padding:0 1rem;background:var(--card)}
  .tablewrap:not(:has(th:nth-child(5))) :is(table,tbody,tr,td,caption){display:block}
  .tablewrap:not(:has(th:nth-child(5))) caption{padding:.9rem 0 .8rem}
  .tablewrap:not(:has(th:nth-child(5))) thead{display:block;padding:.65rem 0;border-bottom:1px solid var(--rule)}
  .tablewrap:not(:has(th:nth-child(5))) thead tr{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem}
  .tablewrap:not(:has(th:nth-child(5))) thead th{display:inline-flex;align-items:center;gap:.45rem;padding:0;background:none;color:var(--ink)}
  .tablewrap:not(:has(th:nth-child(3))) thead{display:none}
  .tablewrap:not(:has(th:nth-child(5))) tbody tr{padding:.85rem 0;border-bottom:1px solid var(--rule);background:none}
  .tablewrap:not(:has(th:nth-child(5))) tbody tr:last-child{border-bottom:0}
  .tablewrap:not(:has(th:nth-child(5))) tr.is-current{margin-inline:-1rem;padding-inline:1rem}
  .tablewrap:not(:has(th:nth-child(5))) tbody td{padding:.12rem 0;border:0}
  .tablewrap:not(:has(th:nth-child(5))) td:first-child{margin-bottom:.25rem;font-size:1.2rem;white-space:normal}
  .tablewrap:not(:has(th:nth-child(5))) :is(th,td):nth-child(n+2)::before{content:"";flex:none;display:inline-block;width:.5rem;height:.5rem;margin-right:.55rem;vertical-align:.12em}
  .tablewrap:not(:has(th:nth-child(3))) td:nth-child(2)::before{display:none}
  .tablewrap:not(:has(th:nth-child(5))) :is(th,td):nth-child(2)::before{border-radius:50%;background:var(--rouge)}
  .tablewrap:not(:has(th:nth-child(5))) :is(th,td):nth-child(3)::before{box-shadow:inset 0 0 0 1.5px var(--ink)}
  .tablewrap:not(:has(th:nth-child(5))) :is(th,td):nth-child(4)::before{transform:rotate(45deg) scale(.85);background:var(--mute)}
  .tablewrap:not(:has(th:nth-child(5))) td:nth-child(n+2){padding-left:1.05rem;text-indent:-1.05rem}
  .tablewrap:not(:has(th:nth-child(3))) td:nth-child(2){padding-left:0;text-indent:0}
}

@media (max-width:48rem){
  .mh-tag{display:none}
  .mh{padding:.75rem .9rem 0;gap:.3rem}
  .brand{font-size:1.9rem}
  .mark svg{width:1.2rem;height:1.2rem}
  .mh-nav{gap:.1rem .8rem;margin-top:.3rem;padding:.4rem 0;font-size:.58rem;letter-spacing:.14em}
  .mh-nav a{padding:.2rem 0}
}