@font-face{font-family:'Rubik Variable';font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/rubik-latin-wght-normal-691cd1d9.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:'Overpass Mono Variable';font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/overpass-mono-latin-wght-normal-a7ed2af1.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{
  color-scheme:dark;
  --ink:#F2F3F5; --ink2:#C9CDD4; --mute:#A0A6B0; --faint:#979DA7;
  --paper:#15171C; --ground:#0B0C0F; --band:#1C1F26; --panel:#181B21;
  --rule:#2C3039; --rule-strong:#F7C948;
  --board:#060709; --flap:#23262D; --flap2:#1B1E24; --seam:#07080A;
  --amber:#F7C948; --amber-deep:#FFDB75; --amber-glow:rgba(247,201,72,.22); --teal:#63D3C6; --green:#5BD48A; --wash:#2A2718;
  --sans:"Rubik Variable","Rubik","Helvetica Neue",Arial,sans-serif;
  --mono:"Overpass Mono Variable","Overpass Mono",ui-monospace,Menlo,monospace;
  --frame:82rem; --pad:1.6rem; --measure:44rem;
  --rail-w:15rem; --gap:2.2rem;
  --bh:clamp(380px,33vw,470px);
  --banner:url(/decor/banner-home-838a2033.webp);
  
  --tiles:linear-gradient(180deg,transparent calc(50% - .5px),rgba(0,0,0,.9) calc(50% - .5px) calc(50% + .6px),transparent calc(50% + .6px)) 0 0/1ch 1lh,
          linear-gradient(90deg,transparent calc(100% - 3px),var(--board) calc(100% - 3px)) 0 0/1ch 1lh,
          linear-gradient(180deg,transparent calc(100% - 5px),var(--board) calc(100% - 5px)) 0 0/1ch 1lh,
          linear-gradient(180deg,#30333B 0,#23262D 48%,#191B20 52%,#1F2228 100%) 0 0/1ch 1lh;
}

body:has(.crumbs a[href="/calendar/"]),body:has(.mh-nav a[aria-current][href="/calendar/"]){--banner:url(/decor/banner-calendar-310c895c.webp)}
body:has(.crumbs a[href="/apps/"]),body:has(.mh-nav a[aria-current][href="/apps/"]){--banner:url(/decor/banner-apps-e0cc1f70.webp);--shift:60px}
body:has(.crumbs a[href="/models/"]),body:has(.mh-nav a[aria-current][href="/models/"]){--banner:url(/decor/banner-models-e0d06e29.webp);--shift:170px}
body:has(.crumbs a[href="/fields/"]),body:has(.mh-nav a[aria-current][href="/fields/"]){--banner:url(/decor/banner-fields-361adb7d.webp)}
body:has(.crumbs a[href="/contrasts/"]),body:has(.mh-nav a[aria-current][href="/contrasts/"]){--banner:url(/decor/banner-contrasts-544d613e.webp)}
body:has(.crumbs a[href="/questions/"]),body:has(.mh-nav a[aria-current][href="/questions/"]){--banner:url(/decor/banner-questions-7c4c0888.webp)}
body:has(.crumbs a[href="/terms/"]),body:has(.mh-nav a[aria-current][href="/terms/"]){--banner:url(/decor/banner-terms-8c300bf8.webp);--shift:190px}
body:has(.crumbs a[href="/learn/"]),body:has(.mh-nav a[aria-current][href="/learn/"]){--banner:url(/decor/banner-learn-d63f957e.webp);--shift:260px}
body:has(.crumbs a[href="/datasets/"]),body:has(.mh-nav a[aria-current][href="/datasets/"]){--banner:url(/decor/banner-datasets-131cc3d6.webp);--shift:230px}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:2rem;background:var(--ground)}

body{margin:0;overflow-x:clip;color:var(--ink);font:400 17px/1.64 var(--sans);background-color:var(--ground);
  background-image:repeating-linear-gradient(0deg,transparent 0 23px,rgba(255,255,255,.017) 23px 24px),
                   repeating-linear-gradient(90deg,transparent 0 17px,rgba(255,255,255,.017) 17px 18px);
  --side:max(var(--pad),calc((100vw - var(--frame))/2 + var(--pad)));
  
  --fw:max(0px,calc(50vw - var(--side) - var(--rail-w) - var(--gap)))}
.num,table,.meta,.stamp,.rl b,.val,.asof{font-family:var(--mono);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(--amber);text-decoration-thickness:1px;text-underline-offset:3px}
p a:hover,li a:hover,td a:hover,dd a:hover{color:var(--amber);text-decoration-thickness:2px}
::selection{background:var(--amber);color:#0D0E11}

.skip{position:absolute;left:-9999px;top:auto}
.skip:focus{left:.75rem;top:.6rem;z-index:60;padding:.45rem .8rem;background:var(--flap);color:var(--amber);border:2px solid var(--amber);font:600 .8rem/1 var(--mono)}

.masthead{position:relative;z-index:5;background:var(--board);border-bottom:1px solid #1D2026}
.masthead::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:repeating-linear-gradient(90deg,rgba(247,201,72,.75) 0 10px,transparent 10px 34px)}
.mh{max-width:var(--frame);margin:0 auto;padding:.85rem var(--pad) .95rem;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:1.6rem;row-gap:.3rem}
.brand{grid-column:1;grid-row:1;display:inline-flex;align-items:center;gap:.6rem;color:var(--amber)}

.brand .bw{--lh:1.5em;display:inline-block;font:700 1.12rem/var(--lh) var(--mono);letter-spacing:0;text-transform:uppercase;color:var(--amber);background:var(--tiles);text-shadow:0 0 10px rgba(247,201,72,.35)}
.mark{display:inline-flex;flex:none;color:var(--amber)}
.mark svg{display:block;width:1.4rem;height:1.4rem}
.mh-tag{grid-column:1;grid-row:2;margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:400 .66rem/1.3 var(--mono);letter-spacing:.02em;color:var(--mute)}
.mh-nav{grid-column:2;grid-row:1/3;justify-self:end;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.2rem;font:600 .7rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.mh-nav a{padding:.44rem .58rem;color:#E3E5E9;border-radius:3px;transition:background .2s,color .2s}
.mh-nav a:hover{background:var(--flap);color:var(--amber)}
.mh-nav a[aria-current=page]{background:var(--amber);color:#0D0E11;box-shadow:0 0 16px -2px var(--amber-glow)}

.sheet{max-width:var(--frame);margin:0 auto;padding:0 var(--pad) 4.5rem;display:grid;grid-template-columns:minmax(0,1fr) var(--rail-w);column-gap:var(--gap)}
.sheet::before,.sheet::after{content:"";grid-column:1/-1;grid-row:1;align-self:start;display:block;height:var(--bh);margin-inline:calc(50% - 50vw);pointer-events:none;
  clip-path:polygon(0 0,100% 0,100% 76%,0 100%)}

.sheet::before{z-index:0;
  background:linear-gradient(180deg,rgba(6,7,9,.5),rgba(6,7,9,0) 26%,rgba(6,7,9,0) 70%,rgba(6,7,9,.5)),
             var(--banner) right calc(0px - var(--shift,0px)) top 0/auto 100% no-repeat,#111318;
  animation:drift 2.4s cubic-bezier(.2,.7,.2,1) both}

.sheet::after{z-index:1;
  background:linear-gradient(to bottom right,transparent calc(50% - 10px),var(--amber) calc(50% - 10px) calc(50% - 6px),transparent calc(50% - 6px),transparent calc(50% - 4px),rgba(99,211,198,.85) calc(50% - 4px) calc(50% - 2.5px),transparent calc(50% - 2.5px)) left bottom/100% 24% no-repeat,
             linear-gradient(to bottom right,transparent calc(50% - 6px),var(--amber) calc(50% - 6px) calc(50% - 2px),transparent calc(50% - 2px)) 52.22% 0/10% 100% no-repeat,
             linear-gradient(to bottom right,var(--board) calc(50% - 1px),transparent calc(50% - 1px)) 52.22% 0/10% 100% no-repeat,
             radial-gradient(70% 60% at 30% 42%,rgba(247,201,72,.075),transparent 70%) 0 0/57% 100% no-repeat,
             repeating-linear-gradient(180deg,rgba(255,255,255,.022) 0 1px,transparent 1px 4px) 0 0/57% 100% no-repeat,
             linear-gradient(90deg,var(--board),#0C0D11) 0 0/47.2% 100% no-repeat}
.column{grid-column:1;grid-row:1;min-width:0;position:relative;z-index:2;padding-top:2rem}
.rail{grid-column:2;grid-row:1;position:sticky;top:1.5rem;align-self:start;z-index:2;margin-top:calc(var(--bh) * .8 + 1.2rem)}

.rl{display:block;padding:.55rem .75rem .6rem;background:var(--paper);border:1px solid var(--rule);border-bottom-width:0}
.rl:first-child{border-radius:8px 8px 0 0;box-shadow:inset 0 3px 0 var(--amber)}
.rl span{display:block;margin-bottom:.3rem;font:600 .56rem/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.rl b{display:inline;padding:.2rem .45rem .16rem;background-color:var(--flap);border-radius:3px;font:700 .9rem/2.05 var(--mono);letter-spacing:.03em;text-transform:uppercase;color:var(--amber);
  box-shadow:0 2px 0 #000;-webkit-box-decoration-break:clone;box-decoration-break:clone;
  background-image:linear-gradient(180deg,rgba(255,255,255,.05) 0,transparent calc(50% - .5px),var(--seam) calc(50% - .5px),var(--seam) calc(50% + .5px),rgba(255,255,255,.03) calc(50% + .5px),transparent 100%)}
.rl-figs{display:flex;flex-wrap:wrap;gap:.3rem}
.rl-figs a{min-width:1.6rem;padding:.14rem .32rem;text-align:center;background:var(--flap);border-radius:3px;font:700 .76rem/1.3 var(--mono);color:var(--amber);box-shadow:0 2px 0 #000;transition:background .2s,color .2s}
.rl-figs a:hover{background:var(--amber);color:#0D0E11}
.secnav{padding:.85rem .8rem .8rem;background:var(--paper);border:1px solid var(--rule);border-radius:0 0 8px 8px}
.rail>.secnav:first-child{border-radius:8px;box-shadow:inset 0 3px 0 var(--amber)}
.rl-h{display:flex;align-items:center;gap:.45rem;font:700 .62rem/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:.4rem}
.rl-h::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:blink 2.4s steps(1) infinite}
.secnav ol{list-style:none;margin:0;padding:0}
.secnav li{margin:0}
.secnav a{display:grid;grid-template-columns:1.7rem minmax(0,1fr);gap:.3rem;align-items:baseline;padding:.34rem 0;font:400 .82rem/1.4 var(--sans);color:var(--ink2);text-decoration:none;border-top:1px solid var(--rule);transition:color .2s}
.secnav a i{font-style:normal;font:700 .74rem/1 var(--mono);color:var(--amber)}
.secnav a:hover{color:var(--amber)}

.crumbs{display:inline-flex;flex-wrap:wrap;gap:.1rem .35rem;margin:0 0 1.1rem;padding:.3rem .6rem;font:600 .66rem/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#D8DBE0;border:1px solid #2A2D35;border-radius:3px;background:#0F1014}
.crumbs::before{content:"";align-self:center;width:6px;height:6px;margin-right:.2rem;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}
.crumbs a{color:var(--amber);text-decoration:none}
.crumbs a:hover{color:var(--amber-deep);text-decoration:underline}

main#doc{position:relative}
main#doc::before{content:"";float:right;width:var(--fw);height:max(0px,calc(var(--bh) * .82 - 4.3rem));margin-left:1.4rem}
main#doc>*{max-width:none}
main#doc>p,main#doc>ul,main#doc>ol,main#doc>dl,main#doc>blockquote,main#doc>.answer,main#doc>.clause,main#doc>.statusbox{max-width:var(--measure)}
main#doc>ul.entries,main#doc>ul.facts{max-width:none}
main#doc>h1,main#doc>.answer{display:flow-root}
main#doc>*:not(h1):not(.answer){clear:right}

@property --rev{syntax:"<percentage>";inherits:false;initial-value:100%}
h1{--lh:1.46em;position:relative;margin:0 0 1.7rem;padding:0;font:700 clamp(1.4rem,2.2vw,2.05rem)/var(--lh) var(--mono);letter-spacing:0;text-transform:uppercase;color:var(--amber);
  width:round(down,calc(100% - var(--fw) - 1.4rem),1ch);background:var(--tiles);text-shadow:0 0 14px rgba(247,201,72,.4);overflow-wrap:anywhere}
h1::after{content:"";position:absolute;inset:0;background:var(--tiles);
  -webkit-mask:linear-gradient(90deg,transparent var(--rev),#000 var(--rev));mask:linear-gradient(90deg,transparent var(--rev),#000 var(--rev));
  animation:flaps 1.1s .35s steps(16) backwards}
h2{display:flex;align-items:center;gap:.8rem;font:650 1.45rem/1.24 var(--sans);letter-spacing:-.01em;color:#FFFFFF;margin:3.3rem 0 1rem;padding-top:1.05rem;border-top:1px solid var(--rule);text-wrap:balance}
h2 .secno{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:2.3rem;height:2.4rem;padding:0 .35rem;background-color:var(--flap);border-radius:3px;
  background-image:linear-gradient(180deg,rgba(255,255,255,.05) 0,transparent calc(50% - .5px),var(--seam) calc(50% - .5px),var(--seam) calc(50% + .5px),rgba(255,255,255,.03) calc(50% + .5px),transparent 100%);
  font:700 1.05rem/1 var(--mono);color:var(--amber);box-shadow:0 2px 0 #000,0 0 14px -4px var(--amber-glow);animation:flip .6s .6s cubic-bezier(.3,1.4,.5,1) both}
h3{font:700 .8rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin:1.6rem 0 .35rem}
p{margin:0 0 1rem}
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:.42rem 0}
main#doc>ul:not([class])>li::before{content:"";position:absolute;left:.2rem;top:.6em;width:.45rem;height:.45rem;border-radius:50%;background:var(--amber);box-shadow:0 0 7px var(--amber-glow)}
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:.15rem;min-width:1.15rem;padding:.05rem .2rem;border-radius:2px;background:var(--flap);text-align:center;font:700 .72rem/1.4 var(--mono);color:var(--amber)}
ul,ol{margin:0 0 1rem;padding-left:1.2rem}
li{margin:.26rem 0}
b,strong{font-weight:650}

.answer{position:relative;margin:0 0 2.4rem;padding:1.15rem 1.35rem 1rem 1.5rem;background:linear-gradient(90deg,rgba(247,201,72,.1),rgba(247,201,72,0) 70%),#121419;border:1px solid #262A32;border-radius:0 8px 8px 0;
  box-shadow:inset 4px 0 0 var(--amber),0 24px 40px -26px #000;font:400 1.12rem/1.6 var(--sans);color:#FFFFFF}
.asof{display:flex;align-items:center;gap:.45rem;margin-top:.6rem;font:700 .66rem/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--green)}
.asof::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}

.statusbox{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.6rem;margin:0 0 2rem}
.sb-row{padding:.6rem .8rem;background:var(--band);border:1px solid var(--rule);border-radius:6px}
.statusbox dt{font:700 .6rem/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.statusbox dd{margin:.15rem 0 0;font:600 .9rem/1.5 var(--mono);color:var(--amber)}

ul.facts{list-style:none;margin:1.4rem 0 2.4rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.8rem}
li.fact{position:relative;display:flex;flex-direction:column;gap:.4rem;margin:0;padding:1rem 1.1rem .95rem;background:var(--band);border:1px solid var(--rule);border-radius:8px;
  transition:border-color .25s,transform .25s,box-shadow .25s}
li.fact:hover{border-color:rgba(247,201,72,.55);transform:translateY(-2px);box-shadow:0 14px 28px -20px #000,0 0 0 1px rgba(247,201,72,.15)}
li.fact .tag{align-self:flex-start;padding:.2rem .45rem .16rem;background:var(--flap);border-radius:3px;box-shadow:0 2px 0 #000;font:700 .6rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}
li.fact .fv{min-width:0;display:flex;flex-direction:column;gap:.3rem}
li.fact .val{display:block;font:500 1rem/1.45 var(--sans);color:#FFFFFF}
li.fact .note{display:block;color:var(--ink2);font:400 .88rem/1.5 var(--sans)}
li.fact .meta{display:block;margin-top:auto;padding-top:.45rem;border-top:1px dashed var(--rule);font:400 .68rem/1.6 var(--mono);color:var(--mute)}
li.fact .meta .sep{color:var(--faint);padding:0 .25rem}

blockquote{position:relative;margin:1.9rem 0;padding:1.15rem 1.4rem 1.05rem 3.7rem;background:var(--band);border:1px solid var(--rule);border-radius:10px;font:400 1.1rem/1.6 var(--sans);color:#FFFFFF}
blockquote::before{content:"";position:absolute;left:1.1rem;top:1.2rem;width:1.7rem;height:1.7rem;border-radius:50%;
  background:radial-gradient(circle,var(--amber) 0 3px,transparent 3.5px),repeating-radial-gradient(circle,transparent 0 4px,rgba(247,201,72,.55) 4px 5px,transparent 5px 7px);opacity:.9}
blockquote p{margin:0 0 .5rem}
blockquote cite{display:block;font:700 .64rem/1.5 var(--mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}

.tablewrap{overflow-x:auto;margin:1.5rem 0 .6rem;border-radius:8px;border:1px solid var(--rule);background:#101216}
table{border-collapse:collapse;width:100%;font:400 .88rem/1.45 var(--sans)}
caption{text-align:left;font:400 .74rem/1.6 var(--mono);color:var(--mute);padding:.65rem .85rem;background:#0E1014;border-bottom:1px solid var(--rule)}
thead th{background:#08090B;color:var(--amber);font:700 .62rem/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:.62rem .85rem;text-align:left;border-bottom:1px solid rgba(247,201,72,.4)}
tbody td{padding:.6rem .85rem;vertical-align:top;border-bottom:1px solid #0B0C0F;color:var(--ink2)}
tbody tr:nth-child(odd){background:var(--panel)}
tbody tr:nth-child(even){background:var(--band)}
tbody tr{transition:background .15s}
tbody tr:hover{background:#262A32}
td:first-child{font-weight:650;color:#FFFFFF;white-space:nowrap}
tr.is-current,tr.is-current:nth-child(n){background:var(--wash);box-shadow:inset 4px 0 0 var(--amber)}
tr.is-current td{font-weight:650;color:var(--amber-deep)}
.rule{font:400 .76rem/1.6 var(--sans);color:var(--mute);margin:.6rem 0 1.7rem}
.rule b{color:var(--amber);font:700 .6rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.clause{font:400 .8rem/1.7 var(--sans);color:var(--mute)}

main ul.entries{list-style:none;padding:0;margin:1.5rem 0 2.4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.8rem}
ul.entries li{position:relative;margin:0;padding:1rem 2.1rem 1rem 1.1rem;background:linear-gradient(180deg,#1F222A,var(--band));border:1px solid var(--rule);border-radius:8px;font:400 .88rem/1.7 var(--sans);color:var(--mute);
  transition:border-color .25s,transform .25s,box-shadow .25s}
ul.entries li::after{content:"";position:absolute;right:.9rem;top:1.25rem;width:7px;height:7px;border-radius:50%;background:#3A3F49;transition:background .25s,box-shadow .25s}
ul.entries li:hover{border-color:var(--amber);transform:translateY(-3px);box-shadow:0 18px 30px -22px #000,0 0 22px -12px var(--amber-glow)}
ul.entries li:hover::after{background:var(--green);box-shadow:0 0 8px var(--green)}
ul.entries a{display:inline;padding:.2rem .45rem .16rem;background-color:var(--flap);border-radius:3px;font:700 .82rem/1.3 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--amber);text-decoration:none;box-shadow:0 2px 0 #000;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
  background-image:linear-gradient(180deg,rgba(255,255,255,.05) 0,transparent calc(50% - .5px),var(--seam) calc(50% - .5px),var(--seam) calc(50% + .5px),rgba(255,255,255,.03) calc(50% + .5px),transparent 100%)}
ul.entries a:hover{background-color:var(--amber);color:#0D0E11;background-image:none}

.stamp{letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;color:var(--faint)}

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

.chart,.fig{margin:1.9rem 0 1.4rem;padding:1.3rem 1.4rem 1.1rem;background:#101216;border:1px solid var(--rule);border-radius:10px;box-shadow:inset 0 2px 0 rgba(247,201,72,.35)}
.chart svg{display:block;max-width:100%;overflow:visible;height:auto}
.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:.75rem;font:400 .8rem/1.6 var(--sans);color:var(--mute)}
.fign{float:left;margin:.1rem .5rem 0 0;padding:.1rem .38rem;background:var(--flap);border-radius:3px;box-shadow:0 2px 0 #000;color:var(--amber);font:700 .62rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}
a.fign:hover{background:var(--amber);color:#0D0E11}
.ch-title{font:700 .66rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;fill:var(--amber)}
.ch-lab{font:400 .8rem/1 var(--sans);fill:var(--ink2);text-anchor:end}
.ch-lab2{font:400 .82rem/1 var(--sans);fill:var(--ink2)}
.ch-col{font:700 .6rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;fill:var(--mute);text-anchor:middle}
.ch-val{font:600 .78rem/1 var(--mono);font-variant-numeric:tabular-nums;fill:var(--ink);dominant-baseline:middle}
.ch-na{font:400 .72rem/1 var(--mono);fill:var(--faint);dominant-baseline:middle}
.ch-bar{fill:var(--amber)}
.ch-val-in{text-anchor:end;fill:#0D0E11}
.ch-hl .ch-bar{opacity:.28}
.ch-hl .ch-hi{opacity:1;fill:var(--amber)}
.ch-lab-hi{font-weight:700;fill:#FFFFFF}
.ch-a{opacity:1}
.ch-b{opacity:.45}
.ch-keyt{font:600 .72rem/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(--amber);stroke-width:1.2}
.ch-mark{stroke:var(--amber);stroke-width:1.5}
.ch-m-yes{fill:var(--amber)}
.ch-m-part{fill:none}
.ch-m-none{fill:none;stroke:var(--mute);stroke-width:1.2;opacity:.6}
.ch-half{fill:var(--amber)}
.ch-axis,.ch-drop{stroke:#4A4F5A}
.ch-dot{fill:var(--amber)}
.ch-date{font:400 .74rem/1 var(--mono);fill:var(--faint);text-anchor:end}
.ch-track{fill:var(--flap)}
.ch-span{fill:var(--amber)}
.ch-timeline .ch-lab2{font-size:.76rem}

.fig img{display:block;width:100%;height:auto;background:var(--band);border-radius:6px}
.fig>img,.figs img{border:1px solid var(--rule)}
.fig .credit{display:block;margin-top:.35rem;font:400 .7rem/1.4 var(--mono);color:var(--faint)}
.figs{display:grid;grid-template-columns:repeat(var(--figcols,3),1fr);gap:.5rem}
.fig-shot{padding:1rem 1rem 1.1rem;background:#08090B}
.fig-shot img{max-height:26rem;object-fit:cover;object-position:top;border:1px solid rgba(247,201,72,.55);filter:brightness(.8) contrast(.95);box-shadow:0 12px 26px -18px #000}
.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:700 11px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;fill:var(--amber);transform:translateY(-4px)}
.dg-box{fill:var(--band);stroke:var(--amber);stroke-width:1}
.dg-store{font:600 13px/1 var(--sans);fill:#FFFFFF}
.dg-arrow{stroke:var(--teal);stroke-width:1.4;fill:none}
.dg-head-tip{fill:var(--teal)}
.dg-travels{font:400 12px/1 var(--sans);fill:var(--mute)}
.dg-bar{fill:var(--amber)}
.dg-bartext{font:700 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;fill:#0D0E11}
.dg-rule{stroke:var(--rule);stroke-width:1;stroke-dasharray:2 3}
.dg-footlab{font:700 9.5px/1 var(--mono);fill:var(--mute);letter-spacing:.1em;text-transform:uppercase}
.dg-after{font:400 12px/1 var(--sans);fill:var(--ink2)}

.site-foot{position:relative;margin-top:1rem;color:var(--ink2);background:var(--board);border-top:1px solid #2A2D34}
.site-foot::before{content:"";position:absolute;left:0;right:0;top:-1px;height:4px;
  background:repeating-linear-gradient(90deg,var(--amber) 0 26px,transparent 26px 52px);opacity:.75}
.sf{max-width:var(--frame);margin:0 auto;padding:2.8rem var(--pad) 1.4rem;display:grid;grid-template-columns:15rem minmax(0,1fr);gap:2.4rem}
.sf-id .mark{color:var(--amber)}
.sf-id .mark svg{width:1.8rem;height:1.8rem}
.sf-name{--lh:1.5em;display:table;margin:.7rem 0 .7rem;font:700 .92rem/var(--lh) var(--mono);letter-spacing:0;text-transform:uppercase;color:var(--amber);background:var(--tiles)}
.sf-note{margin:0;font:400 .8rem/1.55 var(--sans);color:var(--mute)}
.sf-map{columns:4 11rem;column-gap:2.2rem}
.sf-map>.sfc{display:block;break-inside:avoid;margin:0 0 1.5rem}
.sfc{font:400 .8rem/1.4 var(--sans)}
.sfc ul{list-style:none;margin:0;padding:0}
.sfc li{margin:.3rem 0}
.sfc a{color:var(--ink2);text-decoration:none;transition:color .2s}
.sfc a:hover{color:var(--amber)}
.sfh{display:block;padding-bottom:.35rem;margin-bottom:.5rem;border-bottom:1px solid var(--rule);font:700 .62rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
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:700;opacity:.75}
details.sfc[open]>summary.sfh::after{content:"\2212"}
.sfh .sfn{font-weight:400;opacity:.6}
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;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:1.6rem;flex-wrap:wrap}
.sf-dom{font:700 .66rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}

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

body:not(:has(.crumbs a)){--bh:clamp(420px,37vw,540px)}
body:not(:has(.crumbs a)) h1{font-size:clamp(1.6rem,2.7vw,2.5rem)}

@property --fade{syntax:"<length>";inherits:false;initial-value:0px}
@supports (animation-timeline:scroll()){
  .fig-dia,.tablewrap,.ch-timeline{-webkit-mask:linear-gradient(90deg,#000 calc(100% - var(--fade)),transparent);mask:linear-gradient(90deg,#000 calc(100% - var(--fade)),transparent);
    animation:unfade linear both;animation-timeline:scroll(self inline)}
}
@keyframes unfade{from{--fade:3rem}to{--fade:0px}}
@keyframes drift{from{opacity:.2;background-position:0 0,right calc(40px - var(--shift,0px)) top 0,0 0}to{opacity:1;background-position:0 0,right calc(0px - var(--shift,0px)) top 0,0 0}}
@keyframes flaps{from{--rev:0%}to{--rev:100%}}
@keyframes flip{from{transform:perspective(200px) rotateX(-90deg)}to{transform:none}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

@media (prefers-color-scheme:dark){
  :root{--ground:#08090B;--paper:#131519;--band:#1A1D23}
}
@media (max-width:80rem){
  .mh-tag{display:none}
  .brand{grid-row:1/3}
}
@media (max-width:62rem){
  :root{--rail-w:12rem;--gap:1.4rem}
}
@media (max-width:56rem){
  .sf{display:block}
  .sf-id{margin-bottom:1.8rem}
}
@media (max-width:640px){.figs{grid-template-columns:1fr;gap:.6rem}}
@media (max-width:48rem){
  :root,body:not(:has(.crumbs a)){--bh:230px}
  body{--fw:0px}
  .sheet{display:flex;flex-direction:column;padding:0 .75rem 3rem}
  
  .sheet::before,.sheet::after{align-self:stretch;margin-inline:-.75rem;clip-path:polygon(0 0,100% 0,100% 100%,0 72%)}
  .sheet::before{order:-2;background:linear-gradient(180deg,rgba(6,7,9,.45),rgba(6,7,9,0) 30%),var(--banner) center/cover no-repeat,#111318;animation:none}
  .sheet::after{order:-1;margin-top:calc(0px - var(--bh));
    background:linear-gradient(to bottom left,transparent calc(50% - 7px),var(--amber) calc(50% - 7px) calc(50% - 3px),transparent calc(50% - 3px),transparent calc(50% - 1.5px),rgba(99,211,198,.85) calc(50% - 1.5px) calc(50% - .2px),transparent calc(50% - .2px)) left bottom/100% 28% no-repeat}
  body:has(.crumbs a[href="/learn/"]) .sheet::before{background-position:0 0,18% 30%}
  body:has(.crumbs a[href="/datasets/"]) .sheet::before{background-position:0 0,15% center}
  .column{order:1;padding-top:0;margin-top:-2.6rem}
  .rail{order:2;position:static;margin-top:1.8rem}
  main#doc::before{display:none}
  h1,body:not(:has(.crumbs a)) h1{font-size:1.28rem;width:round(down,100%,1ch)}
  .answer{font-size:1.04rem}
  h2{font-size:1.28rem;gap:.65rem}
  ul.facts{grid-template-columns:1fr}
  td:first-child{white-space:normal}
  thead th{padding:.5rem .6rem}
  
  table:has(thead th:nth-child(5)){min-width:36rem}
  caption{position:sticky;left:0;max-width:calc(100vw - 3.6rem)}
  table:has(thead th:nth-child(5)) td:first-child{white-space:nowrap}
  tbody td{padding:.5rem .6rem}
  
  .chart{padding:1rem .6rem .8rem;margin-inline:-.45rem}
  .chart svg,.ch-matrix svg,.ch-bars svg,.ch-timeline svg{max-width:100%}
  .chart .ch-lab,.chart .ch-lab2{font-size:15px}
  .chart .ch-title{font-size:13px}
  .ch-timeline{overflow-x:auto}
  .ch-timeline svg{max-width:none;width:820px}
  .ch-timeline .ch-lab2{font-size:.76rem}
  .ch-coverage .ch-lab,.ch-coverage .ch-val,.ch-bars .ch-lab,.ch-bars .ch-val{font-size:24px}
  .ch-coverage .ch-title,.ch-bars .ch-title{font-size:21px}
  .fig-dia{margin-inline:-.45rem}
  .fig-shot img{max-height:19rem}
}

@media (max-width:48rem){
  .mh-tag{display:none}
  .mh{display:flex;flex-wrap:wrap;padding:.6rem .8rem .7rem;gap:.4rem}
  .brand .bw{font-size:.92rem}
  .mh-nav{justify-content:flex-start;gap:.05rem;font-size:.62rem}
  .mh-nav a{padding:.3rem .42rem}
}
