@font-face{font-family:'Oswald Variable';font-style:normal;font-weight:200 700;font-display:swap;src:url(/fonts/oswald-latin-wght-normal-bd73278e.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:'Roboto Slab Variable';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/roboto-slab-latin-wght-normal-50cf7d32.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:#E9EDF5; --ink2:#BCC5D6; --mute:#8D98AE; --faint:#8D98AE;
  --paper:#111827; --ground:#070A12; --band:#1B2438; --panel:#151D2F; --glass:#1B2743; --glass2:#14203A;
  --rule:#27324A; --rule-strong:#E9EDF5;
  --orange:#39E3EA; --orange-deep:#8FF3F6; --orange-wash:#0F3440; --track:#05070D;
  --cyan:#39E3EA; --magenta:#FF3EA5; --amber:#FFC247; --case:#1A2033; --case2:#262E45;
  --b1:#C0C0C0; --b2:#C0C000; --b3:#00C0C0; --b4:#00C000; --b5:#C000C0; --b6:#C00000; --b7:#0000C0;
  --bars:linear-gradient(90deg,var(--b1) 0 14.28%,var(--b2) 0 28.57%,var(--b3) 0 42.85%,var(--b4) 0 57.14%,var(--b5) 0 71.42%,var(--b6) 0 85.71%,var(--b7) 0);
  --grid:rgba(0,0,0,0);
  --sans:"Roboto Slab Variable","Roboto Slab",Rockwell,Georgia,serif;
  --mono:"Oswald Variable",Oswald,"Arial Narrow",Impact,sans-serif;
  --serif:"Oswald Variable",Oswald,"Arial Narrow",Impact,sans-serif;
  --frame:80rem; --pad:1.4rem; --measure:100%;
  
  --crt-w:25rem; --bez:15px; --chin:3.1rem;
  --banner:url(/decor/banner-home-7423126f.webp);
}

body:has(.crumbs a[href="/deliverables/"]),body:has(.mh-nav a[aria-current][href="/deliverables/"]){--banner:url(/decor/banner-deliverables-d96a73b8.webp)}
body:has(.crumbs a[href="/spec-sheet/"]),body:has(.mh-nav a[aria-current][href="/spec-sheet/"]){--banner:url(/decor/banner-spec-sheet-1dd225b5.webp)}
body:has(.crumbs a[href="/spec-pairs/"]),body:has(.mh-nav a[aria-current][href="/spec-pairs/"]){--banner:url(/decor/banner-spec-pairs-6d006496.webp)}
body:has(.crumbs a[href="/delivery-checks/"]),body:has(.mh-nav a[aria-current][href="/delivery-checks/"]){--banner:url(/decor/banner-delivery-checks-e2da3020.webp)}
body:has(.crumbs a[href="/broadcast-terms/"]),body:has(.mh-nav a[aria-current][href="/broadcast-terms/"]){--banner:url(/decor/banner-broadcast-terms-94d31aa4.webp)}
body:has(.crumbs a[href="/delivery-primer/"]),body:has(.mh-nav a[aria-current][href="/delivery-primer/"]){--banner:url(/decor/banner-delivery-primer-42a521ba.webp)}
body:has(.crumbs a[href="/measurement/"]),body:has(.mh-nav a[aria-current][href="/measurement/"]){--banner:url(/decor/banner-measurement-4369ce2f.webp)}
body:has(.crumbs a[href="/datasets/"]),body:has(.mh-nav a[aria-current][href="/datasets/"]){--banner:url(/decor/banner-datasets-1be9c3a1.webp)}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:4rem;background:var(--ground)}
body{margin:0;overflow-x:clip;color:var(--ink);font:400 17px/1.7 var(--sans);font-variant-numeric:tabular-nums;
  background-color:var(--ground);
  background-image:
    radial-gradient(60rem 34rem at 88% -6rem,rgba(255,62,165,.16),transparent 70%),
    radial-gradient(52rem 40rem at -8% 30rem,rgba(57,227,234,.11),transparent 70%),
    linear-gradient(rgba(57,227,234,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(57,227,234,.045) 1px,transparent 1px);
  background-size:auto,auto,56px 56px,56px 56px;background-attachment:fixed,fixed,scroll,scroll}
body::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.11) 0 1px,transparent 1px 3px)}
a{color:inherit;text-decoration:none}
p a,li a,td a,dd a{color:var(--cyan);text-decoration:underline;text-decoration-color:rgba(57,227,234,.45);text-underline-offset:3px}
p a:hover,li a:hover,td a:hover,dd a:hover{color:#FFFFFF;text-decoration-color:var(--magenta);text-shadow:0 0 12px rgba(57,227,234,.6)}
::selection{background:var(--magenta);color:#FFFFFF}
.asof,.rl span,.stamp,caption,thead th,.tag,.meta,.crumbs{font-family:var(--mono);letter-spacing:.05em;text-transform:none}

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

.masthead{position:relative;background:rgba(5,7,13,.92);padding-bottom:6px;box-shadow:0 10px 40px -20px rgba(57,227,234,.5)}
.masthead::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--bars)}
.mh{max-width:var(--frame);margin:0 auto;padding:.9rem var(--pad);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:600 1.45rem/1 var(--serif);letter-spacing:.08em;text-transform:uppercase;color:#FFFFFF;text-shadow:0 0 18px rgba(57,227,234,.55)}
.mark{display:inline-flex;color:var(--cyan);filter:drop-shadow(0 0 6px rgba(57,227,234,.8))}
.mark svg{width:1.85rem;height:1.85rem}
.mh-tag{display:block;margin:.25rem 0 0;font:400 .74rem/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#8893A8}
.mh-nav{display:flex;flex-wrap:wrap;gap:.3rem;font:500 .8rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.mh-nav a{padding:.48rem .7rem;color:#D3DAE6;border:1px solid #242C40;border-radius:4px;background:rgba(255,255,255,.02);transition:color .15s,border-color .15s,box-shadow .15s}
.mh-nav a:hover{color:#FFFFFF;border-color:var(--cyan);box-shadow:0 0 14px -2px rgba(57,227,234,.7)}
.mh-nav a[aria-current=page]{color:#05070D;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 18px -2px rgba(57,227,234,.9)}

.sheet{max-width:var(--frame);margin:0 auto;padding:2rem var(--pad) 3.6rem;display:grid;grid-template-columns:minmax(0,54rem) 14rem;justify-content:center;gap:2.2rem}
.column{min-width:0}
.sheet:has(>.rail:empty){grid-template-columns:minmax(0,54rem)}
.rail:empty{display:none}
.rail{order:2;position:sticky;top:1.2rem;align-self:start;font:400 .82rem/1.45 var(--sans);color:var(--ink2)}
.rl,.rl-figs{display:none}
.rl span{display:block;font-size:.64rem;color:var(--mute)}
.rl b{display:block;font:600 1rem/1.3 var(--mono)}
.rl-figs a{display:inline-block;margin:.12rem .35rem .12rem 0;font-family:var(--mono);font-size:.74rem;color:var(--mute)}

.secnav{padding:1rem .9rem .8rem;background:linear-gradient(180deg,var(--case2),var(--case));border:1px solid #303A55;border-radius:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 30px -18px #000}
.rl-h{display:block;font:600 .74rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin:0 0 .75rem;padding-bottom:.55rem;border-bottom:4px solid transparent;border-image:var(--bars) 1}
.secnav ol{list-style:none;margin:0;padding:0}
.secnav li{margin:0}
.secnav a{display:flex;gap:.6rem;align-items:baseline;padding:.36rem 0;color:var(--ink2);transition:color .15s}
.secnav a i{flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.3rem;border-radius:3px;background:#05070D;border:1px solid #333D58;
  font-style:normal;font:600 .74rem/1 var(--mono);color:var(--amber);text-shadow:0 0 8px rgba(255,194,71,.7);transition:background .15s,color .15s,box-shadow .15s}
.secnav a:hover{color:#FFFFFF}
.secnav a:hover i{background:var(--cyan);color:#05070D;text-shadow:none;box-shadow:0 0 12px rgba(57,227,234,.8)}

.crumbs{font-size:.78rem;color:var(--mute);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em}
.crumbs a{color:var(--cyan)}
.crumbs a:hover{color:#FFFFFF}

main#doc{position:relative;display:grid;grid-template-columns:var(--crt-w) minmax(0,1fr);column-gap:2.6rem;align-items:start;
  background:linear-gradient(180deg,#121A2C,#0E1524 40%,#0D1422);border:1px solid #26314B;border-radius:18px;padding:2.4rem 2.8rem 2.8rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px #05070D,0 40px 80px -40px #000,0 0 70px -30px rgba(57,227,234,.35)}
main#doc>*{grid-column:1/-1;min-width:0}
main#doc>h1{grid-column:2;grid-row:1;align-self:end}
main#doc>.answer{grid-column:2;grid-row:2}
main#doc:not(:has(>.answer)){grid-template-rows:auto 1fr}
main#doc:not(:has(>.answer))>h1+p{grid-column:2;grid-row:2;align-self:start}

main#doc::after{content:"";position:absolute;z-index:0;grid-column:1;grid-row:1/span 2;top:0;left:0;width:var(--crt-w);
  height:calc((var(--crt-w) - 2 * var(--bez)) * .75 + var(--bez) + var(--chin));border-radius:26px 26px 20px 20px;
  background:
    radial-gradient(circle at center,#FF3EA5 0 3px,rgba(255,62,165,.5) 4px,transparent 8px) right 5.2rem bottom calc(var(--chin) / 2 - 8px)/16px 16px no-repeat,
    radial-gradient(circle at 42% 38%,#56607C 0 3px,#2A3148 7px,#141A2A 10px,transparent 11px) right 2.9rem bottom calc(var(--chin) / 2 - 11px)/22px 22px no-repeat,
    radial-gradient(circle at 42% 38%,#56607C 0 3px,#2A3148 7px,#141A2A 10px,transparent 11px) right 1.2rem bottom calc(var(--chin) / 2 - 11px)/22px 22px no-repeat,
    repeating-linear-gradient(90deg,#0B0F1A 0 3px,transparent 3px 7px) 1.2rem calc(100% - var(--chin) / 2 + 7px)/7rem 14px no-repeat,
    linear-gradient(180deg,#2C3550,#1A2033 60%,#121727);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.1),inset 0 -3px 0 rgba(0,0,0,.4),0 0 0 1px #0A0D16,0 26px 40px -20px #000,0 0 60px -20px rgba(57,227,234,.35)}

main#doc::before{content:"";position:relative;z-index:1;grid-column:1;grid-row:1/span 2;align-self:start;
  margin:var(--bez) var(--bez) calc(var(--chin) + 1.4rem);aspect-ratio:4/3;border-radius:22px/20px;
  background:
    repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0 1px,transparent 1px 3px),
    radial-gradient(ellipse at 50% 50%,transparent 64%,rgba(3,5,12,.38) 100%),
    linear-gradient(128deg,rgba(255,255,255,.18),rgba(255,255,255,0) 30%),
    #05070D var(--banner) center/cover no-repeat;
  box-shadow:inset 0 0 18px rgba(0,0,0,.6),0 0 0 3px #0A0D16,0 0 40px rgba(57,227,234,.3);
  filter:brightness(1.38) saturate(1.15);animation:tube 1.5s cubic-bezier(.2,.7,.2,1) .1s both}
main#doc>p,main#doc>ul,main#doc>ol,main#doc>blockquote,main#doc>.clause,main#doc>.statusbox{max-width:var(--measure)}
main#doc>ul.entries,main#doc>ul.facts,main#doc>ul.binders,main#doc>ol.ratings{max-width:none}
main#doc>*:not(h1):not(.answer){animation:rise .7s cubic-bezier(.2,.7,.2,1) .45s both}

h1{font:600 clamp(2rem,3.2vw,2.8rem)/1.04 var(--serif);margin:.2rem 0 1.1rem;letter-spacing:.015em;text-transform:uppercase;text-wrap:balance;color:#FFFFFF;
  text-shadow:0 0 22px rgba(57,227,234,.35),2px 0 0 rgba(255,62,165,.55),-2px 0 0 rgba(57,227,234,.45);animation:rise .6s cubic-bezier(.2,.7,.2,1) .2s both}
h2{font:600 1.45rem/1.2 var(--serif);letter-spacing:.06em;text-transform:uppercase;margin:2.8rem 0 .95rem;display:flex;align-items:center;gap:.75rem;color:#FFFFFF}
h2::before{content:"";flex:0 0 2.4rem;height:.85rem;background:var(--bars);box-shadow:0 0 12px rgba(255,255,255,.18)}
h2::after{content:"";flex:1 1 auto;height:2px;background:linear-gradient(90deg,var(--ch,var(--cyan)),transparent);box-shadow:0 0 10px var(--ch,var(--cyan));opacity:.75}
h2:nth-of-type(4n+2){--ch:var(--magenta)} h2:nth-of-type(4n+3){--ch:var(--amber)} h2:nth-of-type(4n){--ch:#5BE37A}
h2 .secno{order:-1;flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:1.7rem;padding:0 .3rem;border-radius:4px;background:#05070D;border:1px solid #333D58;
  font:600 .9rem/1 var(--mono);color:var(--amber);text-shadow:0 0 10px rgba(255,194,71,.75)}
h3{font:500 1.08rem/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;margin:1.7rem 0 .5rem;color:var(--cyan)}
p{margin:0 0 1rem}
ul,ol{margin:0 0 1rem;padding-left:1.3rem}
li{margin:.28rem 0}
main#doc>ul:not([class])>li::marker{color:var(--magenta)}
main#doc>ol:not([class])>li::marker{color:var(--amber);font-family:var(--mono)}
b,strong{font-weight:700;color:#FFFFFF}

.answer{position:relative;font:400 1.08rem/1.65 var(--sans);color:var(--ink);background:linear-gradient(90deg,rgba(57,227,234,.09),rgba(57,227,234,0) 80%);
  border-left:4px solid var(--cyan);padding:.95rem 1.2rem;margin:0 0 1.8rem;box-shadow:-10px 0 30px -18px rgba(57,227,234,.9);animation:rise .6s cubic-bezier(.2,.7,.2,1) .32s both}
.asof{display:block;margin-top:.55rem;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}

.statusbox{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:.6rem;margin:1.3rem 0 1.8rem}
.sb-row{padding:.7rem .85rem .75rem;background:#05070D;border:1px solid #2A3450;border-radius:8px;box-shadow:inset 0 0 20px rgba(57,227,234,.06)}
.statusbox dt{font:500 .66rem/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.statusbox dd{margin:.35rem 0 0;font:500 1.08rem/1.3 var(--mono);letter-spacing:.03em;color:var(--amber);text-shadow:0 0 10px rgba(255,194,71,.45)}

ul.facts{list-style:none;padding:0;margin:1.3rem 0 2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:.8rem}
li.fact{position:relative;display:flex;flex-direction:column;gap:.35rem;margin:0;padding:.95rem 1rem .9rem 1.2rem;background:linear-gradient(180deg,var(--glass),var(--glass2));border:1px solid #2C3A5A;border-radius:10px;transition:border-color .2s,box-shadow .2s,transform .2s}
li.fact{--lamp:var(--cyan)}
li.fact:nth-child(4n+2){--lamp:var(--magenta)} li.fact:nth-child(4n+3){--lamp:var(--amber)} li.fact:nth-child(4n){--lamp:#5BE37A}
li.fact::before{content:"";position:absolute;top:1.15rem;right:1rem;width:8px;height:8px;border-radius:50%;background:var(--lamp);box-shadow:0 0 10px var(--lamp)}
li.fact::after{content:"";position:absolute;left:0;top:.9rem;bottom:.9rem;width:3px;border-radius:0 3px 3px 0;background:var(--lamp);box-shadow:0 0 12px var(--lamp);opacity:.8}
li.fact:hover{border-color:rgba(57,227,234,.6);box-shadow:0 0 0 1px rgba(57,227,234,.25),0 16px 30px -18px rgba(57,227,234,.55);transform:translateY(-2px)}
li.fact .tag{font:500 .72rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding-right:1.2rem}
li.fact .fv{display:flex;flex-direction:column;gap:.2rem}
li.fact .val{font-weight:600;font-size:1.02rem;line-height:1.45;color:#FFFFFF}
li.fact .note{font-size:.88rem;color:var(--ink2)}
li.fact .meta{margin-top:.35rem;padding-top:.45rem;border-top:1px dashed var(--rule);font-size:.74rem;color:var(--faint)}
li.fact .meta .sep{margin:0 .3rem;color:var(--rule)}

blockquote{position:relative;margin:1.7rem 0 1.9rem;padding:1.15rem 1.4rem 1.05rem 3.8rem;background:linear-gradient(90deg,rgba(255,62,165,.16),rgba(255,62,165,.04) 70%),#170F24;color:var(--ink);
  border:1px solid rgba(255,62,165,.35);border-left:4px solid var(--magenta);border-radius:0 12px 12px 0;font:400 1rem/1.65 var(--sans)}
blockquote::before{content:"\201C";position:absolute;left:1rem;top:.35rem;font:600 3.4rem/1 var(--serif);color:var(--magenta);text-shadow:0 0 16px rgba(255,62,165,.8)}
blockquote p{margin:0 0 .5rem}
blockquote cite{font:normal 400 .76rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
blockquote cite a,blockquote a{color:var(--cyan)!important}

.tablewrap{overflow-x:auto;margin:1.5rem 0 .6rem;background:linear-gradient(180deg,var(--glass),var(--glass2));border:1px solid #2F3D5E;border-radius:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 4px #0A0F1B,0 0 0 5px #1E2740,0 20px 40px -26px #000,0 0 44px -22px rgba(57,227,234,.45)}
table{width:100%;border-collapse:collapse;font-size:.9rem}
caption{caption-side:top;text-align:left;padding:.7rem .9rem;font-size:.8rem;color:var(--ink2);background:rgba(255,255,255,.04);border-bottom:1px solid #2F3D5E}
thead th{text-align:left;font-size:.76rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#FFFFFF;background:#0F3440;padding:.7rem .9rem;border-bottom:3px solid transparent;border-image:var(--bars) 1;text-shadow:0 0 10px rgba(57,227,234,.6)}
tbody td{padding:.58rem .9rem;border-bottom:1px solid #26324D;vertical-align:top}
tbody td:first-child{font-weight:700;color:#FFFFFF}
tbody tr:nth-child(even){background:rgba(57,227,234,.045)}
tbody tr:hover{background:var(--orange-wash)}
tbody tr:last-child td{border-bottom:0}
tr.is-current{background:rgba(255,194,71,.13)!important;box-shadow:inset 4px 0 0 var(--amber)}
tr.is-current td{font-weight:700}
.rule{font-size:.8rem;color:var(--ink2);margin:.8rem 0 1.6rem}
.rule b{font-family:var(--mono);font-size:.76rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}
.clause{font-size:.88rem;color:var(--ink2);margin-top:1.8rem;padding-top:1rem;border-top:1px solid var(--rule)}

main ul.entries{list-style:none;padding:0;margin:1.2rem 0 2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:.8rem}
ul.entries li{position:relative;overflow:hidden;margin:0;padding:1.15rem 1rem 0;background:radial-gradient(ellipse at 50% 0,rgba(57,227,234,.14),transparent 70%),linear-gradient(180deg,var(--glass),var(--glass2));
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-height:1.55;
  border:1px solid var(--rule);border-bottom:.95rem solid var(--glass2);box-shadow:0 1px 0 var(--rule);border-radius:14px;font-size:.87rem;color:var(--ink2);transition:border-color .2s,box-shadow .2s,transform .2s}
ul.entries li::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--bars);opacity:.35;transition:opacity .2s}
ul.entries li:hover{border-color:rgba(57,227,234,.7) rgba(57,227,234,.7) var(--glass2);box-shadow:0 1px 0 rgba(57,227,234,.7),0 0 26px -8px rgba(57,227,234,.6);transform:translateY(-2px)}
ul.entries li:hover::before{opacity:1}
ul.entries a{display:block;font:500 1.05rem/1.3 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#FFFFFF;margin-bottom:.25rem;text-decoration:none}
ul.entries a:hover{color:var(--cyan)}

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

main a[href^="http"]{color:var(--cyan);text-decoration:underline;text-decoration-color:rgba(57,227,234,.45);text-underline-offset:3px}
main a[href^="http"]:hover{color:#FFFFFF}
li.fact .meta a[href^="http"]{color:var(--ink2);text-decoration-color:var(--rule)}

.chart,.fig{position:relative;margin:1.9rem 0 1.3rem;padding:1.4rem 1.4rem 1.05rem;border:1px solid #2F3D5E;border-radius:14px;
  background:linear-gradient(128deg,rgba(255,255,255,.06),rgba(255,255,255,0) 32%),radial-gradient(ellipse at 50% 0,rgba(57,227,234,.12),transparent 65%),linear-gradient(180deg,var(--glass),var(--glass2));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 4px #0A0F1B,0 0 0 5px #1E2740,0 22px 40px -26px #000}
.chart svg{display:block;max-width:100%;overflow:visible;height:auto;margin-inline: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:.7rem;font:400 .8rem/1.55 var(--sans);color:var(--mute)}
.fign{float:left;margin:.08rem .55rem 0 0;padding:.1rem .45rem;border-radius:3px;background:#05070D;border:1px solid #333D58;font:600 .7rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--amber)}
a.fign:hover{background:var(--amber);color:#05070D}
.ch-title{font:500 .74rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;fill:#FFFFFF}
.ch-lab{font:400 .76rem/1 var(--sans);fill:var(--ink2);text-anchor:end}
.ch-col{font:500 .66rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;fill:var(--mute);text-anchor:middle}
.ch-val{font:600 .78rem/1 var(--mono);fill:var(--ink);dominant-baseline:middle}
.ch-na{font:400 .7rem/1 var(--sans);fill:var(--faint);dominant-baseline:middle}
.ch-bar{fill:var(--cyan)}
.ch-val-in{text-anchor:end;fill:#05070D}
.ch-hl .ch-bar{opacity:.28}
.ch-hl .ch-hi{opacity:1;fill:var(--magenta)}
.ch-lab-hi{font-weight:700;fill:#FFFFFF}
.ch-a{opacity:1}
.ch-b{opacity:.4}
.ch-keyt{font:600 .7rem/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:rgba(255,194,71,.16);stroke:var(--amber);stroke-width:1.2}
.ch-mark{stroke:var(--cyan);stroke-width:1.6}
.ch-m-yes{fill:var(--cyan)}
.ch-m-part{fill:none}
.ch-m-none{fill:none;stroke:var(--mute);stroke-width:1.2;opacity:.6}
.ch-half{fill:var(--cyan)}
.ch-axis,.ch-drop{stroke:var(--rule-strong)}
.ch-dot{fill:var(--magenta)}
.ch-date{font:400 .7rem/1 var(--mono);fill:var(--faint);text-anchor:end}
.ch-lab2{font:400 .8rem/1 var(--sans);fill:var(--ink2)}
.ch-track{fill:var(--band)}
.ch-span{fill:var(--cyan)}
.fig img{display:block;width:100%;height:auto;background:var(--band);border-radius:8px}
.fig>img,.figs img{border:1px solid var(--rule)}
.fig .credit{display:block;margin-top:.3rem;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 img{border:1px solid var(--rule-strong)}
.fig-dia{overflow-x:auto}
.fig-dia svg{display:block;max-width:100%;min-width:38rem;overflow:visible;height:auto;margin-inline:auto}
.dg-band{fill:var(--band)}
.dg-head{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;fill:var(--cyan)}
.dg-box{fill:#0F1A2E;stroke:var(--cyan);stroke-width:1.2}
.dg-store{font:500 13px/1 var(--sans);fill:#FFFFFF}
.dg-arrow{stroke:var(--magenta);stroke-width:1.5;fill:none}
.dg-head-tip{fill:var(--magenta)}
.dg-travels{font:500 12.5px/1 var(--mono);letter-spacing:.04em;fill:var(--ink2)}
.dg-bar{fill:#05070D}
.dg-bartext{font:600 12px/1 var(--mono);letter-spacing:.06em;fill:var(--amber)}
.dg-rule{stroke:var(--rule);stroke-width:1}
.dg-footlab{font:500 11px/1 var(--mono);fill:var(--ink2);letter-spacing:.06em;text-transform:uppercase}

.dg-box:is([height="76"],[height="78"])+.dg-store{transform:translateY(10px)}
.dg-box:is([height="76"],[height="78"])+.dg-store:not(:has(tspan+tspan)){transform:translateY(18px)}
.dg-box:is([height="76"],[height="78"])+.dg-store:has(tspan+tspan+tspan){transform:translateY(3px)}
.dg-box[height="58"]+.dg-store{transform:translateY(4px)}
.dg-box[height="126"]+.dg-store{transform:translateY(27px)}
.dg-box[height="126"]+.dg-store:has(tspan+tspan+tspan+tspan){transform:translateY(19px)}
.dg-box[height="126"]+.dg-store:has(tspan+tspan+tspan+tspan+tspan){transform:translateY(11px)}
.dg-box[height="126"]+.dg-store:has(tspan+tspan+tspan+tspan+tspan+tspan){transform:translateY(3px)}

.dg-after{font:400 11px/1 var(--sans);fill:var(--ink2)}

.sheet:has(.testcard){grid-template-columns:minmax(0,72rem)}
main#doc:has(>.testcard)>p:not(.answer):not(.rule){max-width:48rem}
.sheet:has(.testcard) .rail{display:none}
main#doc:has(>.testcard){grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
main#doc:has(>.testcard)::before,main#doc:has(>.testcard)::after{display:none}
main#doc>.testcard{grid-column:1;grid-row:1/span 2;align-self:start;position:relative;width:100%;aspect-ratio:4/3.45;margin:0 0 1.8rem;overflow:visible;
  border-radius:30px 30px 22px 22px;
  background:
    radial-gradient(circle at center,#FF3EA5 0 3px,rgba(255,62,165,.5) 4px,transparent 9px) right 5.9rem bottom 1.15rem/18px 18px no-repeat,
    radial-gradient(circle at 42% 38%,#5A6481 0 3px,#2A3148 8px,#141A2A 12px,transparent 13px) right 3.2rem bottom .95rem/26px 26px no-repeat,
    radial-gradient(circle at 42% 38%,#5A6481 0 3px,#2A3148 8px,#141A2A 12px,transparent 13px) right 1.2rem bottom .95rem/26px 26px no-repeat,
    repeating-linear-gradient(90deg,#0B0F1A 0 3px,transparent 3px 7px) 1.5rem calc(100% - 1.1rem)/9rem 16px no-repeat,
    linear-gradient(180deg,#2C3550,#1A2033 60%,#121727);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.1),inset 0 -3px 0 rgba(0,0,0,.4),0 0 0 1px #0A0D16,0 30px 50px -24px #000,0 0 80px -24px rgba(57,227,234,.45);
  animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
.testcard::before{content:"";position:absolute;inset:18px 18px 3.6rem 18px;border-radius:26px/22px;
  background:
    repeating-linear-gradient(0deg,rgba(0,0,0,.24) 0 1px,transparent 1px 3px),
    radial-gradient(ellipse at 50% 50%,transparent 50%,rgba(3,5,12,.72) 100%),
    linear-gradient(128deg,rgba(255,255,255,.22),rgba(255,255,255,0) 34%),
    #05070D var(--banner) center/cover no-repeat;
  box-shadow:inset 0 0 30px rgba(0,0,0,.8),0 0 0 3px #0A0D16,0 0 40px rgba(57,227,234,.3);
  filter:brightness(1.2) saturate(1.12);animation:tube 1.6s cubic-bezier(.2,.7,.2,1) .1s both}
.testcard .bars{position:absolute;z-index:1;left:calc(18px + 7%);right:calc(18px + 7%);top:auto;bottom:calc(3.6rem + 1.2rem);height:12px;border-radius:2px;background:var(--bars);box-shadow:0 0 14px rgba(255,255,255,.25)}
.testcard .pluge{position:absolute;z-index:1;left:calc(18px + 7%);right:calc(18px + 7%);bottom:calc(3.6rem + .75rem);height:6px;border-radius:2px;
  background:linear-gradient(90deg,#00214C 0 17.8%,#FFFFFF 0 35.6%,#32006A 0 53.4%,#131313 0 71.2%,#090909 0 76%,#131313 0 81%,#1D1D1D 0 85.6%,#131313 0)}
.testcard .ident{position:absolute;z-index:2;left:50%;top:calc((100% - 3.6rem) * .46);transform:translate(-50%,-50%);height:auto;width:min(58%,19rem);aspect-ratio:auto;border-radius:14px;
  padding:.85rem 1rem .8rem;background:rgba(5,7,13,.72);border:2px solid rgba(255,255,255,.85);backdrop-filter:blur(3px);
  box-shadow:0 0 0 4px rgba(5,7,13,.5),0 0 30px rgba(57,227,234,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;text-align:center}
.testcard .ident b{font:600 clamp(1rem,2.1vw,1.6rem)/1.05 var(--serif);letter-spacing:.1em;color:#FFFFFF;text-shadow:2px 0 0 rgba(255,62,165,.6),-2px 0 0 rgba(57,227,234,.6)}
.testcard .ident span{font:400 clamp(.6rem,1vw,.78rem)/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#D6DBE0}
main#doc:has(>.testcard)>h1{grid-column:2;grid-row:1;font-size:clamp(2.4rem,4.3vw,3.9rem)}
main#doc:has(>.testcard)>.answer{grid-column:2;grid-row:2}
main#doc>div.ladder-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.6rem;align-items:start;margin:1rem 0 2rem;max-width:none}
.ladder{position:relative;aspect-ratio:16/9;background:#05070D;border:6px solid #05070D;border-radius:10px;box-shadow:0 0 0 1px var(--rule),0 0 40px -14px rgba(57,227,234,.5)}
.ladder .lad{position:absolute;left:0;bottom:0;border:2px solid;display:flex;align-items:flex-start;justify-content:flex-end}
.ladder .lad span{font:600 .74rem/1 var(--mono);letter-spacing:.06em;color:#0B0C0E;padding:.2rem .4rem}
.lad.tier-4k{width:100%;height:100%;border-color:var(--b3);background:rgba(0,192,192,.12)}
.lad.tier-4k span{background:var(--b3)}
.lad.tier-2k{width:53.33%;height:50%;border-color:var(--b5);background:rgba(192,0,192,.14);justify-content:flex-start}
.lad.tier-2k span{background:var(--b5);color:#FFFFFF;transform:translateY(-100%);margin-top:-2px}
.lad.tier-1080{width:50%;height:50%;border-color:var(--b2);background:rgba(192,192,0,.16)}
.lad.tier-1080 span{background:var(--b2)}
.lad.tier-720{width:33.33%;height:33.33%;border-color:var(--b4);background:rgba(0,192,0,.18)}
.lad.tier-720 span{background:var(--b4)}
main#doc ul.ladder-key{list-style:none;margin:0;padding:0;max-width:none}
ul.ladder-key li{margin:0 0 .7rem;padding:.2rem 0 .6rem .8rem;border-left:6px solid;border-bottom:1px solid var(--rule);font-size:.86rem}
ul.ladder-key li.tier-4k{border-left-color:var(--b3)} ul.ladder-key li.tier-2k{border-left-color:var(--b5)}
ul.ladder-key li.tier-1080{border-left-color:var(--b2)} ul.ladder-key li.tier-720{border-left-color:var(--b4)}
ul.ladder-key b{font:600 1.1rem/1.2 var(--mono);letter-spacing:.04em}
ul.ladder-key .px{font:400 .78rem/1 var(--mono);color:var(--mute);margin:0 .3rem}
ul.ladder-key .n{font:500 .8rem/1 var(--mono);color:var(--amber)}
ul.ladder-key .who{display:block;margin-top:.25rem;color:var(--ink2);line-height:1.5}

.site-foot{position:relative;background:#05070D;color:#C9D1DD;margin-top:2.4rem;padding-top:6px}
.site-foot::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--bars)}
.sf{max-width:var(--frame);margin:0 auto;padding:2.4rem var(--pad) 1.4rem}
.sf-id{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.6rem;margin-bottom:.8rem}
.sf-id .sf-note{grid-column:1/-1;margin-top:.7rem}
.sf-id .mark svg{width:1.6rem;height:1.6rem;color:var(--cyan)}
.sf-name{font:600 1.2rem/1 var(--serif);letter-spacing:.08em;text-transform:uppercase;color:#FFFFFF}
.sf-note{font-size:.86rem;color:#98A3B6;max-width:44rem;margin:0 0 1.6rem}
.sf-map{display:flex;flex-wrap:wrap;gap:1.3rem 2rem;align-items:flex-start}
.sf-map>div.sfc{order:0;flex:1 1 10.5rem}
.sf-map::after{content:"";order:1;flex:0 0 100%;height:0;margin:-.3rem 0}
.sf-map>details.sfc{order:2;flex:0 0 auto}
.sf-map>details.sfc[open]{flex:1 1 100%}
.sfc li::first-letter{text-transform:uppercase}
.sfc ul{list-style:none;margin:0;padding:0}
.sfc li{margin:.22rem 0;font-size:.83rem}
.sfc a{color:#C9D1DD}
.sfc a:hover{color:var(--cyan)}
.sfh{display:block;font:500 .76rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin:0 0 .6rem;padding-bottom:.45rem;border-bottom:1px solid #222A3E}
details.sfc>summary.sfh{cursor:pointer;list-style:none;display:flex;align-items:center;gap:.5rem;margin:0;padding:.55rem .8rem;border:1px solid #2E3854;border-radius:6px;
  background:linear-gradient(180deg,#1A2033,#10152A);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 3px 0 #03050A;transition:border-color .15s,box-shadow .15s,color .15s}
details.sfc>summary.sfh:hover{border-color:var(--cyan);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 3px 0 #03050A,0 0 14px -2px rgba(57,227,234,.6)}
details.sfc[open]>summary.sfh{display:inline-flex;margin-bottom:.8rem;color:#05070D;background:var(--amber);border-color:var(--amber);box-shadow:0 0 16px -2px rgba(255,194,71,.7)}
details.sfc[open]>summary.sfh::after{color:#05070D}
details.sfc>summary.sfh::-webkit-details-marker{display:none}
details.sfc>summary.sfh::after{content:"+";margin-left:auto;font-weight:700;color:var(--cyan)}
details.sfc[open]>summary.sfh::after{content:"\2212"}
details.sfc>summary.sfh:hover{color:#FFFFFF}
.sfh .sfn{font-weight:400;opacity:.6}
details.sfc[open]>ul{columns:4 11rem;column-gap:1.6rem}
details.sfc[open]>ul li{break-inside:avoid}
.sf-bar{max-width:var(--frame);margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;border-top:1px solid #222A3E;padding:.9rem var(--pad) 1.6rem;font:400 .76rem/1.4 var(--mono);letter-spacing:.06em;color:#98A3B6}
.sf-dom{font-family:var(--mono)}
.sf-bar .stamp{color:#AEB8CB}

h2:target,li.fact:target{background:rgba(255,194,71,.1)}
.secnav a,.sfc a,ul.entries a,.mh-nav a{text-decoration:none}
a:focus-visible,summary:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:3px}

@keyframes tube{
  0%{opacity:0;transform:scale(1,.006);filter:brightness(3.5) saturate(0)}
  18%{opacity:1;transform:scale(1,.006);filter:brightness(3.5) saturate(0)}
  46%{transform:scale(1,1.04);filter:brightness(1.7) saturate(.6)}
  64%{transform:scale(1,1)}
  100%{opacity:1;transform:none;filter:brightness(1.38) saturate(1.15)}}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}
@media (max-width:76rem){
  .sheet{grid-template-columns:minmax(0,1fr) 13rem;gap:1.8rem}
  :root{--crt-w:22rem}
}
@media (max-width:62rem){
  :root{--crt-w:17.5rem;--bez:12px;--chin:2.6rem}
  main#doc{column-gap:1.8rem;padding:2rem 1.9rem 2.4rem}
  .sheet{grid-template-columns:minmax(0,1fr) 12.5rem;gap:1.6rem}
}
@media (max-width:60rem){
  .sheet{grid-template-columns:1fr;gap:1.4rem}
  .rail{position:static;order:2}
  main#doc>div.ladder-wrap{grid-template-columns:1fr}
  main#doc:has(>.testcard){grid-template-columns:minmax(0,1fr)}
  main#doc:has(>.testcard)>.testcard{grid-row:1}
  main#doc:has(>.testcard)>h1{grid-column:1;grid-row:2}
  main#doc:has(>.testcard)>.answer{grid-column:1;grid-row:3}
}
@media (max-width:40rem){
  
  main#doc>:is(.chart,.fig-dia,.tablewrap){animation:none}
  
  .chart,.fig-dia,.tablewrap{overflow-x:auto;overscroll-behavior-x:contain;
    background:
      linear-gradient(90deg,var(--glass) 35%,rgba(27,39,67,0)) left center/2.4rem 100% no-repeat local,
      linear-gradient(270deg,var(--glass) 35%,rgba(27,39,67,0)) right center/2.4rem 100% no-repeat local,
      radial-gradient(farthest-side at 0 50%,rgba(57,227,234,.45),transparent) left center/.9rem 100% no-repeat scroll,
      radial-gradient(farthest-side at 100% 50%,rgba(57,227,234,.45),transparent) right center/.9rem 100% no-repeat scroll,
      var(--glass)}
  .ch-bars svg{min-width:37rem}
  .ch-matrix svg{min-width:min(30rem,calc(attr(width px) * .8))}
  .chart figcaption,.fig-dia figcaption{position:sticky;left:0;max-width:calc(100vw - 5rem)}
  .ch-lab,.ch-lab2{font-size:.86rem}
  ul.entries li{-webkit-line-clamp:3}
}
@media (max-width:48rem){
  :root{--bez:10px;--chin:2.3rem}
  .sheet{padding:1rem .75rem 2rem}
  
  main#doc{display:block;padding:1.1rem 1rem 1.8rem;border-radius:14px}
  main#doc::after{display:none}
  
  main#doc::before{display:block;margin:0 0 1.3rem;border:var(--bez) solid transparent;border-bottom-width:var(--chin);border-radius:22px 22px 16px 16px;
    background:
      radial-gradient(circle at center,#FF3EA5 0 3px,rgba(255,62,165,.5) 4px,transparent 7px) right 4.3rem bottom calc(var(--chin) / 2 - 7px)/14px 14px no-repeat border-box,
      radial-gradient(circle at 42% 38%,#56607C 0 3px,#2A3148 6px,#141A2A 8px,transparent 9px) right 2.3rem bottom calc(var(--chin) / 2 - 9px)/18px 18px no-repeat border-box,
      radial-gradient(circle at 42% 38%,#56607C 0 3px,#2A3148 6px,#141A2A 8px,transparent 9px) right .8rem bottom calc(var(--chin) / 2 - 9px)/18px 18px no-repeat border-box,
      repeating-linear-gradient(90deg,#0B0F1A 0 3px,transparent 3px 6px) .9rem calc(100% - var(--chin) / 2 + 6px)/5rem 12px no-repeat border-box,
      repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0 1px,transparent 1px 3px) padding-box,
      radial-gradient(ellipse at 50% 50%,transparent 64%,rgba(3,5,12,.38) 100%) padding-box,
      linear-gradient(128deg,rgba(255,255,255,.18),rgba(255,255,255,0) 30%) padding-box,
      var(--banner) center/cover no-repeat padding-box,
      linear-gradient(180deg,#2C3550,#1A2033 60%,#121727) border-box;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 0 0 1px #0A0D16,0 0 40px -12px rgba(57,227,234,.45)}
  main#doc>.testcard{margin-bottom:1.3rem}
  .testcard::before{inset:12px 12px 2.8rem 12px}
  .testcard .bars{bottom:calc(2.8rem + 1rem)}
  .testcard .pluge{bottom:calc(2.8rem + .6rem)}
  main#doc>.testcard{background-size:14px 14px,20px 20px,20px 20px,6rem 12px,auto;
    background-position:right 4.4rem bottom .95rem,right 2.4rem bottom .75rem,right .9rem bottom .75rem,1rem calc(100% - .95rem),0 0}
  h1,main#doc:has(>.testcard)>h1{font-size:1.85rem}
  h2{font-size:1.25rem}
  li.fact{padding-right:.9rem}
  ul.facts{grid-template-columns:1fr}
}

@media (max-width:48rem){
  .mh{padding:.55rem .9rem;gap:.35rem}
  .brand{font-size:1.12rem}
  .mark svg{width:1.4rem;height:1.4rem}
  .mh-tag{display:none}
  .mh-nav{gap:.2rem;font-size:.64rem}
  .mh-nav a{padding:.3rem .42rem}
}

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