@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/barlow-latin-400-normal-b0a8ad37.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:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/barlow-latin-500-normal-cd759df8.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:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-latin-600-normal-4b52ddd4.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:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-latin-700-normal-2d797dd8.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:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-latin-700-normal-3787a5a4.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:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/barlow-condensed-latin-800-normal-2515494e.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:#111111; --ink2:#2E2E2E; --mute:#555555; --faint:#5A5A5A;
  --paper:#FFFDF6; --ground:#FFD21F; --band:#F2EEDF; --panel:#FAF7EC;
  --rule:#D9D3BF; --rule-strong:#111111;
  --accent:#111111; --hot:#E3262B; --hot-deep:#B51C20; --wash:#FFF1B8; --yellow:#FFD21F;
  --poster:#FBF6E4; --dots:rgba(17,17,17,.13); --tape:rgba(214,184,120,.93); --plate-k:#111111;
  --regmark:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='1.6'><circle cx='12' cy='12' r='6.5'/><path d='M12 0v24M0 12h24'/></svg>");
  --sans:"Barlow","Helvetica Neue",Arial,sans-serif;
  --cond:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --mono:var(--sans);
  --frame:80rem; --pad:1.4rem; --measure:44rem;
  
  --bb-w:21rem; --bb-h:18.5rem; --px:2.6rem; --py:2.4rem;
  --banner:url(/decor/banner-home-5f7c394a.webp);
}

body:has(.crumbs a[href="/specs/"]),body:has(.mh-nav a[aria-current][href="/specs/"]){--banner:url(/decor/banner-specs-f74f1bed.webp)}
body:has(.crumbs a[href="/placements/"]),body:has(.mh-nav a[aria-current][href="/placements/"]){--banner:url(/decor/banner-placements-9cbf14c5.webp)}
body:has(.crumbs a[href="/tools/"]),body:has(.mh-nav a[aria-current][href="/tools/"]){--banner:url(/decor/banner-tools-bbe220af.webp)}
body:has(.crumbs a[href="/axes/"]),body:has(.mh-nav a[aria-current][href="/axes/"]){--banner:url(/decor/banner-axes-539d8105.webp)}
body:has(.crumbs a[href="/questions/"]),body:has(.mh-nav a[aria-current][href="/questions/"]){--banner:url(/decor/banner-questions-56965c0d.webp)}
body:has(.crumbs a[href="/terms/"]),body:has(.mh-nav a[aria-current][href="/terms/"]){--banner:url(/decor/banner-terms-5786ea5d.webp)}
body:has(.crumbs a[href="/learn/"]),body:has(.mh-nav a[aria-current][href="/learn/"]){--banner:url(/decor/banner-learn-143f03aa.webp)}
body:has(.crumbs a[href="/matching/"]),body:has(.mh-nav a[aria-current][href="/matching/"]){--banner:url(/decor/banner-matching-e33958ce.webp)}
body:has(.crumbs a[href="/datasets/"]),body:has(.mh-nav a[aria-current][href="/datasets/"]){--banner:url(/decor/banner-datasets-27e8be45.webp)}
body:has(.crumbs a[href="/pairs/"]),body:has(.mh-nav a[aria-current][href="/pairs/"]){--banner:url(/decor/banner-pairs-968f6481.webp)}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:4.5rem}
body{margin:0;overflow-x:clip;background-color:var(--ground);color:var(--ink);font:400 17px/1.62 var(--sans);
  background-image:radial-gradient(var(--dots) 1.15px,transparent 1.45px);background-size:9px 9px}
.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(--hot);text-decoration-thickness:2px;text-underline-offset:3px}
p a:hover,li a:hover,td a:hover,dd a:hover{color:var(--hot-deep);text-decoration-thickness:3px}
::selection{background:var(--hot);color:#FFFFFF}

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

.masthead{position:sticky;top:0;z-index:30;background:#111111;box-shadow:0 5px 0 var(--hot)}
.mh{max-width:var(--frame);margin:0 auto;padding:.7rem var(--pad);display:flex;align-items:center;justify-content:space-between;gap:.5rem 1.4rem;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:.55rem;font:800 1.75rem/1 var(--cond);letter-spacing:.01em;text-transform:uppercase;color:var(--yellow)}
.mark{display:inline-flex;flex:none;color:var(--yellow)}
.mark svg{display:block;width:1.55rem;height:1.55rem}
.brand:hover .mark{color:var(--hot)}
.mh-tag{margin:0;flex:1 1 12rem;min-width:0;font:500 .74rem/1.3 var(--sans);color:#BDBDBD}
.mh-nav{display:flex;flex-wrap:wrap;gap:.15rem;font:700 .92rem/1 var(--cond);letter-spacing:.05em;text-transform:uppercase}
.mh-nav a{padding:.42rem .55rem;color:#F2F2F2;transition:background .15s,color .15s}
.mh-nav a:hover{background:var(--hot);color:#FFFFFF}
.mh-nav a[aria-current=page]{background:var(--yellow);color:#111111}

.sheet{max-width:var(--frame);margin:0 auto;padding:2.2rem var(--pad) 4.5rem;display:grid;grid-template-columns:13.5rem minmax(0,1fr);gap:2.2rem}
.column{min-width:0}

.rail{position:sticky;top:5.2rem;align-self:start}
.rl{position:relative;margin:0 0 1.05rem;padding:.7rem .8rem .7rem;background:var(--paper);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transform:rotate(-2.4deg)}
.rl:nth-child(even){transform:rotate(2deg)}
.rl:nth-child(3n){transform:rotate(-1deg)}

.rl::before,.rl::after{content:"";position:absolute;width:3.3rem;height:15px;background:var(--tape);
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 2px,transparent 2px 5px);
  box-shadow:0 1px 2px rgba(0,0,0,.3);clip-path:polygon(0 12%,6% 0,12% 14%,18% 2%,82% 0,88% 12%,94% 2%,100% 14%,100% 86%,94% 100%,88% 88%,82% 100%,18% 98%,12% 86%,6% 100%,0 88%)}
.rl::before{top:-9px;left:50%;margin-left:-1.65rem;transform:rotate(3deg)}
.rl::after{display:none;bottom:-8px;right:-14px;width:2.6rem;transform:rotate(-38deg)}
.rl:nth-child(odd)::after{display:block}
.rl span{display:block;font:700 .68rem/1.3 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--hot-deep)}
.rl b{display:block;font:800 1.5rem/1.05 var(--cond);text-transform:uppercase;color:var(--ink)}
.rl-figs{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.3rem}
.rl-figs a{min-width:1.55rem;padding:.05rem .3rem;text-align:center;background:var(--ink);color:var(--yellow);font:700 .8rem/1.4 var(--cond)}
.rl-figs a:hover{background:var(--hot);color:#FFFFFF}
.secnav{margin-top:1.2rem;padding:.8rem .8rem .7rem;background:#111111;box-shadow:5px 5px 0 var(--hot)}
.rl-h{display:block;font:800 .82rem/1.3 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--yellow);margin-bottom:.45rem}
.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:.32rem 0;font:500 .82rem/1.35 var(--sans);color:#E8E8E8;border-top:1px solid #2E2E2E;transition:color .15s,padding .15s}
.secnav a i{font-style:normal;font:800 1.05rem/1 var(--cond);color:var(--yellow)}
.secnav a:hover{color:var(--yellow);padding-left:.25rem}

.sheet:not(:has(>.rail>.rl~.rl)){grid-template-columns:minmax(0,1fr)}
.sheet>.rail:not(:has(>.rl~.rl)){position:static;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;margin:0 0 .3rem;padding:.4rem 0 0}
.sheet>.rail:not(:has(>.rl~.rl))>.rl{margin:0;flex:none;min-width:9rem}
.sheet>.rail:not(:has(>.rl~.rl))>.secnav{flex:0 1 auto;display:flex;flex-wrap:wrap;align-items:center;gap:.3rem 1.4rem;margin:0;padding:.75rem 1.3rem;transform:rotate(-.6deg)}
.sheet>.rail:not(:has(>.rl~.rl))>.secnav .rl-h{margin:0}
.sheet>.rail:not(:has(>.rl~.rl))>.secnav ol{display:flex;flex-wrap:wrap;gap:.1rem 1.4rem}
.sheet>.rail:not(:has(>.rl~.rl))>.secnav a{border-top:0;padding:.15rem 0}
.sheet>.rail:not(:has(>.rl~.rl)):empty{display:none}

.crumbs{display:inline-block;margin:0 0 .9rem;padding:.3rem .6rem;background:#111111;color:#F2F2F2;font:700 .8rem/1.4 var(--cond);letter-spacing:.08em;text-transform:uppercase}
.crumbs a{color:var(--yellow);text-decoration:none}
.crumbs a:hover{color:#FFFFFF}

main#doc{--plate:var(--hot);--pdx:11px;--pdy:11px;--crop:cover;--crop-at:center;
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--bb-w);column-gap:2.6rem;align-items:start;
  background-color:var(--paper);padding:var(--py) var(--px) 2.8rem;border:3px solid var(--ink);box-shadow:12px 12px 0 var(--ink);
  background-image:
    
    var(--regmark),var(--regmark),
    
    linear-gradient(var(--plate),var(--plate));
  background-size:1.5rem 1.5rem,1.5rem 1.5rem,var(--bb-w) var(--bb-h);
  background-position:
    right calc(var(--px) + var(--bb-w) + .45rem) top calc(var(--py) - .6rem),
    right calc(var(--px) - 1.95rem) top calc(var(--py) + var(--bb-h) + .7rem),
    right calc(var(--px) - var(--pdx)) top calc(var(--py) + var(--pdy));
  background-repeat:no-repeat}
main#doc>*{grid-column:1/-1;max-width:none;min-width:0}
main#doc>h1{grid-column:1;grid-row:1}
main#doc>.answer{grid-column:1;grid-row:2}
main#doc:not(:has(>.answer)){grid-template-rows:auto 1fr}
main#doc:not(:has(>.answer))>h1+p{grid-column:1;grid-row:2;align-self:start}
main#doc::before{content:"";grid-column:2;grid-row:1/span 2;align-self:start;height:var(--bb-h);margin-bottom:2.4rem;padding:11px;
  border:3px solid var(--ink);background:var(--banner) var(--crop-at)/var(--crop) no-repeat content-box,var(--poster);
  -webkit-mask-size:12.5% 100%;mask-size:12.5% 100%;
  animation:board 1.1s cubic-bezier(.2,.7,.2,1) .15s backwards}
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,main#doc>.answer{max-width:none}
main#doc>*:not(h1):not(.answer){animation:rise .7s cubic-bezier(.2,.7,.2,1) .35s both}

h1{font:800 clamp(2.5rem,4.4vw,4rem)/.94 var(--cond);text-transform:uppercase;letter-spacing:-.005em;margin:.2rem 0 1.3rem;text-wrap:balance;
  text-shadow:3px 3px 0 var(--hot);animation:rise .6s cubic-bezier(.2,.7,.2,1) both}
h2{position:relative;display:flex;align-items:center;gap:.7rem;font:800 1.7rem/1.08 var(--cond);text-transform:uppercase;letter-spacing:.005em;margin:3.2rem 0 .9rem;padding-top:.9rem;border-top:6px solid var(--ink)}
h2 .secno{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:2.3rem;height:2.3rem;padding:0 .3rem;background:var(--yellow);color:#111111;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--hot);font:800 1.2rem/1 var(--cond)}
h3{font:800 1.08rem/1.3 var(--cond);text-transform:uppercase;letter-spacing:.03em;margin:1.6rem 0 .4rem;color:var(--hot-deep)}
p{margin:0 0 .95rem}
ul,ol{margin:0 0 .95rem;padding-left:1.2rem}
li{margin:.26rem 0}
main#doc>ul:not([class]),main#doc>ol:not([class]){padding-left:0;list-style:none}
main#doc>ul:not([class])>li{position:relative;padding-left:1.4rem}
main#doc>ul:not([class])>li::before{content:"";position:absolute;left:0;top:.55em;width:.62rem;height:.62rem;background:var(--hot);border-radius:50%}
main#doc>ol:not([class]){counter-reset:li}
main#doc>ol:not([class])>li{position:relative;padding-left:2rem}
main#doc>ol:not([class])>li::before{counter-increment:li;content:counter(li);position:absolute;left:0;top:.15em;min-width:1.45rem;text-align:center;background:var(--ink);color:var(--yellow);font:800 .9rem/1.45 var(--cond)}
b,strong{font-weight:700}

.answer{margin:0 0 2rem;padding:1.1rem 1.3rem 1.05rem;background:#111111;color:#FFFFFF;font:500 1.1rem/1.55 var(--sans);border-left:14px solid var(--yellow);box-shadow:6px 6px 0 var(--hot);animation:rise .6s cubic-bezier(.2,.7,.2,1) .08s both}
.answer a{color:var(--yellow)}
.asof{display:block;margin-top:.6rem;font:700 .74rem/1.3 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--yellow)}

.statusbox{margin:0 0 1.9rem;border-top:4px solid var(--ink)}
.sb-row{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:1rem;border-bottom:1px solid var(--rule);padding:.5rem 0}
.statusbox dt{font:700 .74rem/1.7 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.statusbox dd{margin:0;font:600 .92rem/1.5 var(--sans)}

ul.facts{list-style:none;margin:1.3rem 0 2.2rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem}
li.fact{display:flex;flex-direction:column;margin:0;background:var(--paper);border:3px solid var(--ink);transition:transform .15s,box-shadow .15s}
li.fact:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--yellow),6px 6px 0 3px var(--ink)}
li.fact .tag{display:block;padding:.35rem .7rem;background:var(--ink);color:var(--yellow);font:800 .84rem/1.3 var(--cond);letter-spacing:.07em;text-transform:uppercase}
li.fact .fv{min-width:0;display:flex;flex-direction:column;flex:1;padding:.7rem .8rem .75rem}
li.fact .val{display:block;font:600 1rem/1.45 var(--sans)}
li.fact .note{display:block;color:var(--ink2);font:400 .88rem/1.45 var(--sans);margin-top:.25rem}
li.fact .meta{display:block;margin-top:auto;padding-top:.55rem;border-top:2px dotted var(--rule);font:500 .72rem/1.6 var(--sans);color:var(--mute)}
li.fact .note+.meta,li.fact .val+.meta{margin-top:.6rem}
li.fact .meta .sep{color:var(--faint);padding:0 .25rem}

blockquote{position:relative;margin:1.6rem 0;padding:1rem 1.2rem 1rem 3.4rem;background:var(--wash);border:3px solid var(--ink);font:500 1.02rem/1.55 var(--sans);color:var(--ink)}
blockquote::before{content:"\201C";position:absolute;left:.7rem;top:.1rem;font:800 3.6rem/1 var(--cond);color:var(--hot)}
blockquote p{margin:0 0 .45rem}
blockquote cite{display:block;font:700 .72rem/1.5 var(--cond);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}

.tablewrap{overflow-x:auto;margin:1.4rem 0 .6rem;background:var(--paper);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--yellow),7px 7px 0 3px var(--ink)}
table{border-collapse:collapse;width:100%;font:400 .92rem/1.45 var(--sans)}
caption{text-align:left;font:500 .8rem/1.5 var(--sans);color:var(--ink2);padding:.6rem .8rem;background:var(--band);border-bottom:2px solid var(--ink)}
thead th{background:#111111;color:var(--yellow);font:800 .84rem/1.35 var(--cond);letter-spacing:.07em;text-transform:uppercase;padding:.6rem .8rem;text-align:left}
tbody td{border-bottom:1px solid var(--rule);padding:.58rem .8rem;vertical-align:top}
tbody tr:nth-child(even){background:var(--panel)}
tbody tr:hover{background:var(--wash)}
tbody tr:last-child td{border-bottom:0}
td:first-child{font-weight:700;white-space:nowrap}
tr.is-current{background:var(--yellow)!important;box-shadow:inset 6px 0 0 var(--hot)}
tr.is-current td{font-weight:700;color:#111111}
.rule{font:400 .8rem/1.6 var(--sans);color:var(--mute);margin:.9rem 0 1.6rem}
.rule b{color:var(--ink);font:800 .76rem/1 var(--cond);letter-spacing:.08em;text-transform:uppercase}
.clause{margin-top:2rem;padding:.9rem 1rem;border:2px dashed var(--ink);font:400 .86rem/1.65 var(--sans);color:var(--ink2)}

main ul.entries{list-style:none;padding:0;margin:1.4rem 0 2.4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.1rem}
ul.entries li{position:relative;margin:0;padding:1.05rem 1.1rem 1rem;background:var(--paper);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);font-size:.88rem;color:var(--ink2);transition:transform .15s,box-shadow .15s}
ul.entries li::after{content:"";position:absolute;top:-3px;right:-3px;width:1.6rem;height:1.6rem;background:linear-gradient(225deg,var(--ground) 0 50%,var(--ink) 50% 56%,var(--yellow) 56%)}
ul.entries li:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--hot)}
ul.entries a{display:block;margin-bottom:.35rem;padding-right:1.4rem;font:800 1.26rem/1.08 var(--cond);text-transform:uppercase;color:var(--ink);text-decoration:none}
ul.entries a:hover{color:var(--hot-deep)}

.stamp{letter-spacing:.08em;text-transform:uppercase;font:700 .7rem/1.3 var(--cond);color:var(--faint)}

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

.chart,.fig{position:relative;margin:2rem 0 1.4rem;padding:1.5rem 1.3rem 1.1rem;background:var(--paper);border:3px solid var(--ink)}
.chart::before,.fig::before{content:"";position:absolute;top:-3px;left:1.2rem;width:4.5rem;height:8px;background:var(--hot)}
.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:.8rem;padding-top:.6rem;border-top:2px solid var(--band);font:400 .8rem/1.55 var(--sans);color:var(--mute)}
.fign{float:left;margin:.05rem .5rem 0 0;padding:.05rem .4rem;background:var(--yellow);border:2px solid var(--ink);color:#111111;font:800 .74rem/1.3 var(--cond);letter-spacing:.06em;text-transform:uppercase}
a.fign:hover{background:#111111;color:var(--yellow)}
.ch-title{font:800 .84rem/1 var(--cond);letter-spacing:.07em;text-transform:uppercase;fill:var(--ink)}
.ch-lab{font:600 .78rem/1 var(--sans);fill:var(--ink2);text-anchor:end}
.ch-col{font:800 .68rem/1 var(--cond);letter-spacing:.06em;text-transform:uppercase;fill:var(--mute);text-anchor:middle}
.ch-val{font:700 .78rem/1 var(--sans);font-variant-numeric:tabular-nums;fill:var(--ink);dominant-baseline:middle}
.ch-na{font:500 .74rem/1 var(--sans);fill:var(--faint);dominant-baseline:middle}
.ch-bar{fill:var(--ink)}
.ch-val-in{text-anchor:end;fill:var(--yellow)}
.ch-hl .ch-bar{opacity:.25}
.ch-hl .ch-hi{opacity:1;fill:var(--hot)}
.ch-lab-hi{font-weight:800;fill:var(--ink)}
.ch-a{opacity:1}
.ch-b{opacity:.4}
.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(--hot);stroke-width:1.4}
.ch-mark{stroke:var(--ink);stroke-width:2}
.ch-m-yes{fill:var(--hot)}
.ch-m-part{fill:none}
.ch-m-none{fill:none;stroke:var(--mute);stroke-width:1.2;opacity:.6}
.ch-half{fill:var(--hot)}
.ch-axis,.ch-drop{stroke:var(--rule-strong)}
.ch-dot{fill:var(--hot)}
.ch-date{font:500 .74rem/1 var(--sans);fill:var(--faint);text-anchor:end}
.ch-lab2{font:600 .8rem/1 var(--sans);fill:var(--ink2)}
.ch-track{fill:var(--band)}
.ch-span{fill:var(--ink)}

.fig img{display:block;width:100%;height:auto;background:var(--band)}
.fig>img,.figs img{border:2px solid var(--ink)}
.fig .credit{display:block;margin-top:.3rem;font-size:.72rem;color:var(--faint)}
.figs{display:grid;grid-template-columns:repeat(var(--figcols,3),1fr);gap:.6rem}
.fig-row{margin:0}
.fig-shot img{border:3px solid var(--ink)}
.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(--wash)}
.dg-head{font:800 12px/1 var(--cond);letter-spacing:.06em;text-transform:uppercase;fill:var(--hot-deep)}
.dg-box{fill:var(--band);stroke:var(--ink);stroke-width:2}
.dg-store{font:700 13px/1 var(--sans);fill:var(--ink)}
.dg-arrow{stroke:var(--ink);stroke-width:2;fill:none}
.dg-head-tip{fill:var(--ink)}
.dg-travels{font:500 12px/1 var(--sans);fill:var(--ink2)}
.dg-bar{fill:var(--ink)}
.dg-bartext{font:800 13px/1 var(--cond);letter-spacing:.06em;text-transform:uppercase;fill:var(--yellow)}
.dg-rule{stroke:var(--rule);stroke-width:1;stroke-dasharray:2 3}
.dg-footlab{font:800 11.5px/1 var(--cond);fill:var(--ink2);letter-spacing:.08em;text-transform:uppercase}
.dg-after{font:500 11px/1 var(--sans);fill:var(--ink2)}

.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)}

html:has(link[rel=canonical]:is([href$="s/"],[href$="r/"],[href$="x/"],[href$="k/"])) main#doc{--plate:var(--plate-k);--pdx:-12px;--pdy:12px;--crop:132% auto;--crop-at:28% 58%}
html:has(link[rel=canonical]:is([href$="s/"],[href$="r/"],[href$="x/"],[href$="k/"])) main#doc::before{scale:-1 1}
html:has(link[rel=canonical]:is([href$="e/"],[href$="d/"],[href$="o/"],[href$="y/"],[href$="a/"])) main#doc{--plate:var(--yellow);--pdx:12px;--pdy:-12px;--crop:146% auto;--crop-at:68% 42%}
html:has(.crumbs>a:only-of-type){--bb-w:27rem;--bb-h:19.5rem}
html:has(.crumbs>a:only-of-type) main#doc{--plate:var(--hot);--pdx:13px;--pdy:13px;--crop:cover;--crop-at:center}
html:has(.crumbs>a:only-of-type) main#doc::before{scale:none}
html:has(.crumbs>a:only-of-type) main#doc>h1{font-size:clamp(2.6rem,4.4vw,4.1rem)}

html:has(link[rel=canonical][href="https://campaignreel.com/"]){--bb-w:24rem;--bb-h:24rem}
html:has(link[rel=canonical][href="https://campaignreel.com/"]) main#doc>h1{font-size:clamp(3rem,5.6vw,5.3rem);margin-top:.6rem}
html:has(link[rel=canonical][href="https://campaignreel.com/"]) main#doc::after{content:"";grid-column:1/-1;grid-row:3;height:clamp(10rem,16vw,15rem);margin:.4rem 11px 3rem 0;padding:10px;
  border:3px solid var(--ink);background:url(/decor/banner-yard-dfe6d0ae.webp) center 55%/cover no-repeat content-box,var(--poster);
  box-shadow:11px 11px 0 var(--hot),11px 11px 0 3px var(--ink)}

.site-foot{position:relative;background:#111111;color:#DADADA;margin-top:1rem}
.site-foot::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px;
  background:radial-gradient(#111111 2.4px,transparent 2.8px) 0 0/10px 10px,radial-gradient(#111111 1.4px,transparent 1.8px) 5px 5px/10px 10px}
.sf{max-width:var(--frame);margin:0 auto;padding:2.6rem var(--pad) 1.2rem;display:grid;grid-template-columns:15rem minmax(0,1fr);gap:2.4rem}
.sf-id .mark{color:var(--yellow)}
.sf-id .mark svg{width:1.9rem;height:1.9rem}
.sf-name{display:block;margin:.5rem 0 .4rem;font:800 1.6rem/1 var(--cond);text-transform:uppercase;color:var(--yellow)}
.sf-note{margin:0;font:400 .82rem/1.55 var(--sans);color:#B8B8B8}
.sf-map{display:flex;flex-wrap:wrap;gap:1.4rem 2.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:-.4rem 0}
.sf-map>details.sfc{order:2;flex:0 0 auto}
.sf-map>details.sfc[open]{flex:1 1 100%}
.sfc{font:500 .82rem/1.4 var(--sans)}
.sfc ul{list-style:none;margin:0;padding:0}
.sfc li{margin:.3rem 0}
.sfc a{color:#E6E6E6}
.sfc a:hover{color:var(--yellow)}
.sfh{display:block;padding-bottom:.35rem;margin-bottom:.5rem;border-bottom:3px solid var(--yellow);font:800 .95rem/1 var(--cond);letter-spacing:.05em;text-transform:uppercase;color:#FFFFFF}
details.sfc>summary.sfh{cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:.45rem;margin:0;padding:.5rem .75rem .45rem;
  border:2px solid #3A3A3A;border-bottom-width:2px;background:#1B1B1B;transition:background .15s,color .15s,border-color .15s}
details.sfc>summary.sfh:hover{border-color:var(--yellow)}
details.sfc[open]>summary.sfh{display:inline-flex;margin-bottom:.8rem;background:var(--yellow);border-color:var(--yellow);color:#111111}
details.sfc[open]>summary.sfh::after{color:#111111}
details.sfc>summary.sfh::-webkit-details-marker{display:none}
details.sfc>summary.sfh::after{content:"+";margin-left:auto;font-weight:800;color:var(--yellow)}
details.sfc[open]>summary.sfh::after{content:"\2212"}
details.sfc:not([open])>summary.sfh:hover{color:var(--yellow)}
.sfh .sfn{font-weight:700;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;padding:.8rem var(--pad) 1.8rem;border-top:1px solid #333;display:flex;justify-content:flex-end;gap:1.6rem;flex-wrap:wrap}
.sf-dom{font:700 .76rem/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:#B8B8B8}
.sf-bar .stamp{color:#ADADAD}

h2:target,li.fact:target{background:var(--wash);box-shadow:-.6rem 0 0 var(--wash),.6rem 0 0 var(--wash)}
h2:target{outline:none}
.secnav a,.sfc a,ul.entries a,.mh-nav a{text-decoration:none}
a:focus-visible,summary:focus-visible{outline:3px solid var(--hot);outline-offset:2px}

@property --slat{syntax:'<percentage>';inherits:false;initial-value:100%}
@keyframes board{
  from{--slat:0%;transform:translateY(10px);-webkit-mask-image:linear-gradient(90deg,#000 var(--slat),transparent var(--slat));mask-image:linear-gradient(90deg,#000 var(--slat),transparent var(--slat))}
  to{--slat:100%;transform:none;-webkit-mask-image:linear-gradient(90deg,#000 var(--slat),transparent var(--slat));mask-image:linear-gradient(90deg,#000 var(--slat),transparent var(--slat))}}
@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}
  html{scroll-behavior:auto}
}

@media (prefers-color-scheme:dark){
  :root{--ink:#F0EDE4;--ink2:#CFCBC0;--mute:#A8A498;--faint:#9B978C;
        --paper:#1A1A1A;--ground:#0E0E0E;--band:#262626;--panel:#1F1F1F;
        --rule:#3A3A3A;--rule-strong:#F0EDE4;--wash:#3A3210;--hot:#FF4A4F;--hot-deep:#FF8588;
        --poster:#2A2A2A;--dots:rgba(255,210,31,.1);--tape:rgba(160,132,78,.92);--plate-k:#F0EDE4;
        --regmark:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFD21F' stroke-width='1.6'><circle cx='12' cy='12' r='6.5'/><path d='M12 0v24M0 12h24'/></svg>");}
  .masthead,.site-foot,.secnav,.answer,thead th,.crumbs{background:#000000}
  .site-foot::before{background:radial-gradient(#000 2.4px,transparent 2.8px) 0 0/10px 10px,radial-gradient(#000 1.4px,transparent 1.8px) 5px 5px/10px 10px}
  .answer{color:#F0EDE4}
  main#doc{border-color:var(--yellow);box-shadow:12px 12px 0 var(--yellow)}
  main#doc::before{border-color:var(--yellow)}
  h1{text-shadow:3px 3px 0 var(--yellow)}
  html:has(link[rel=canonical][href="https://campaignreel.com/"]) main#doc::after{border-color:var(--yellow);box-shadow:11px 11px 0 var(--hot),11px 11px 0 3px var(--yellow)}
  details.sfc>summary.sfh{background:#0B0B0B}
  .rl{border-color:var(--yellow);box-shadow:5px 5px 0 var(--yellow)}
  .rl-figs a{background:var(--yellow);color:#111111}
  h2 .secno,.fign{color:#111111}
  tr.is-current td{color:#111111}
  li.fact,.chart,.fig,blockquote{border-color:var(--yellow)}
  li.fact .tag{background:var(--yellow);color:#111111}
  ul.entries li{border-color:var(--yellow);box-shadow:6px 6px 0 var(--yellow)}
  ul.entries li::after{background:linear-gradient(225deg,var(--ground) 0 50%,var(--yellow) 50%)}
  .tablewrap{border-color:var(--yellow);box-shadow:7px 7px 0 var(--hot)}
  main#doc>ol:not([class])>li::before{color:#111111;background:var(--yellow)}
  .clause{border-color:var(--rule)}
}
@media (max-width:62rem){
  :root{--bb-w:15.5rem;--bb-h:15rem;--px:1.6rem;--py:1.9rem}
  html:has(link[rel=canonical][href="https://campaignreel.com/"]){--bb-w:17rem;--bb-h:17rem}
  html:has(.crumbs>a:only-of-type){--bb-w:18rem;--bb-h:14rem}
  .sheet{grid-template-columns:11.5rem minmax(0,1fr);gap:1.4rem}
  main#doc{column-gap:1.6rem;box-shadow:8px 8px 0 var(--ink)}
}
@media (max-width:56rem){
  .sf{display:block}
  .sf-id{margin-bottom:1.6rem}
}
@media (max-width:640px){.figs{grid-template-columns:1fr;gap:.6rem}}
@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(--paper) 35%,transparent) left center/2.4rem 100% no-repeat local,
      linear-gradient(270deg,var(--paper) 35%,transparent) right center/2.4rem 100% no-repeat local,
      radial-gradient(farthest-side at 0 50%,rgba(17,17,17,.32),transparent) left center/1rem 100% no-repeat scroll,
      radial-gradient(farthest-side at 100% 50%,rgba(17,17,17,.32),transparent) right center/1rem 100% no-repeat scroll,
      var(--paper)}
  .chart::before,.fig::before{top:0}
  .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:min(var(--measure),calc(100vw - 5.5rem))}
  .ch-lab,.ch-lab2{font-size:.86rem}
}
@media (max-width:48rem){
  :root{--px:1rem;--py:1.1rem;--bb-h:12.5rem}
  html:has(link[rel=canonical][href="https://campaignreel.com/"]){--bb-h:15rem}
  .masthead{position:relative}
  .sheet{display:flex;flex-direction:column;padding:1rem .8rem 3rem;gap:1rem}
  .column{order:1}
  .rail{order:2;position:static;margin-top:1rem}
  
  main#doc{display:block;padding:var(--py) var(--px) 1.8rem;box-shadow:6px 6px 0 var(--ink);
    background-image:linear-gradient(var(--plate),var(--plate));background-size:calc(100% - 2 * var(--px)) var(--bb-h);
    background-position:calc(var(--px) + 7px) calc(var(--py) + 7px);background-repeat:no-repeat}
  .rl,.rl:nth-child(n){transform:rotate(-1.2deg)}
  .rl:nth-child(even){transform:rotate(1.2deg)}
  main#doc::before{display:block;height:var(--bb-h);margin:0 0 1.5rem}
  html:has(link[rel=canonical][href="https://campaignreel.com/"]) main#doc::after{display:none}
  html:has(.crumbs>a:only-of-type){--bb-h:13rem}
  html:has(link[rel=canonical][href="https://campaignreel.com/"]) main#doc>h1,h1{font-size:2.3rem}
  .answer{font-size:1rem;padding:.9rem 1rem;border-left-width:10px}
  h2{font-size:1.45rem}
  .sb-row{grid-template-columns:1fr;gap:.08rem}
  ul.facts{grid-template-columns:1fr}
  td:first-child{white-space:normal}
  .tablewrap{box-shadow:5px 5px 0 var(--yellow),5px 5px 0 3px var(--ink)}
}

@media (max-width:48rem){
  .mh-tag{display:none}
  .mh{padding:.5rem .85rem;gap:.3rem}
  .brand{font-size:1.35rem}
  .mh-nav{gap:0;font-size:.8rem}
  .mh-nav a{padding:.26rem .38rem}
}