/* Notes from the work: the Sneeze It magazine. Builds on site.css tokens. Light, editorial.
   Headlines in Newsreader, interface in Figtree, numbers in Figtree 900, labels in JetBrains Mono. */

.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.blog .dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}

/* ---------- Masthead ---------- */
.mast{padding-top:56px;padding-bottom:18px}
.mast h1{margin:14px 0 0;font:500 clamp(48px,8.4vw,112px)/.92 var(--serif);letter-spacing:-.035em;color:var(--ink)}
.mast-tag{margin:18px 0 0;max-width:46ch;font:500 19px/1.45 var(--display);color:var(--soft)}
.list-h h1{font-size:clamp(42px,6.4vw,84px)}
.list-h .eyebrow{color:var(--sc,var(--mag-deep))}
.list-h{border-top:6px solid var(--sc,transparent);margin-top:28px;padding-top:36px}

/* ---------- Section nav ---------- */
.secnav{max-width:var(--max);margin:22px auto 34px;padding:12px 24px;display:flex;gap:4px;align-items:center;overflow-x:auto;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);scrollbar-width:none}
.secnav::-webkit-scrollbar{display:none}
.secnav a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 13px;border-radius:999px;font:700 14px/1 var(--display);text-decoration:none;color:var(--ink)}
.secnav a:hover{background:var(--wash)}
.secnav a[aria-current="page"]{background:var(--ink);color:#fff}
.secsearch{margin-left:auto;flex:none}
.secsearch input{width:180px;font:500 14px/1 var(--display);padding:10px 14px;border-radius:999px;border:1px solid var(--rule);background:var(--wash)}
.secsearch input:focus{outline:2px solid var(--mag);outline-offset:1px;background:#fff}

/* ---------- Cards ---------- */
.story{min-width:0}
.card-link{display:block;text-decoration:none;color:inherit}
.card-link:hover h2,.card-link:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--mag)}
.cv{position:relative;overflow:hidden;border-radius:18px;background:var(--wash)}
.cv img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.card-link:hover .cv img{transform:scale(1.03)}
.cv.art{background:var(--wash)}
.r-wide{aspect-ratio:16/10}.r-43{aspect-ratio:4/3}.r-sq{aspect-ratio:1/1}
.kick{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font:700 11.5px/1.2 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.kick .ser{color:var(--soft);letter-spacing:.06em}
.t-xl{margin:12px 0 0;font:500 clamp(34px,4.4vw,58px)/1.02 var(--serif);letter-spacing:-.025em}
.t-l{margin:10px 0 0;font:500 26px/1.12 var(--serif);letter-spacing:-.015em}
.t-m{margin:8px 0 0;font:500 23px/1.15 var(--serif);letter-spacing:-.01em}
.dek{margin:12px 0 0;font:400 20px/1.45 var(--serif);color:#4A454D}
.dek.sm{font-size:17px;margin-top:8px}
.meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin:14px 0 0;font:600 13px/1.3 var(--display);color:var(--soft)}
.meta span+span::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--bar);vertical-align:middle;margin-right:14px}

.lead .cover-card .card-link{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:40px;align-items:center}
.lead .cover-card .cv{border-radius:24px}
.lead{margin-bottom:56px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px}
.grid3.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid3.two .r-43{aspect-ratio:16/9}

.story.row .card-link{display:grid;grid-template-columns:auto minmax(0,1fr) 140px;gap:20px;align-items:start;padding:22px 0;border-bottom:1px solid var(--rule)}
.story.row .num{font:900 34px/1 var(--display);color:var(--mag);letter-spacing:-.04em;min-width:44px}
.story.row .kick{margin-top:2px}
.story.row .thumb{border-radius:14px}

/* ---------- By the numbers ---------- */
.numbers{margin:72px 0;background:var(--ink);color:#fff;padding:56px 0}
.numbers .eyebrow{color:var(--mag-mid);margin:0 0 26px}
.num-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}
.num-grid a{display:flex;flex-direction:column;gap:8px;padding:22px 24px 22px 0;text-decoration:none;color:#fff;border-left:1px solid rgba(255,255,255,.18);padding-left:24px}
.num-grid a:first-child{border-left:0;padding-left:0}
.num-grid b{font:900 clamp(40px,4.6vw,64px)/.95 var(--display);letter-spacing:-.045em;color:#fff}
.num-grid span{font:500 16px/1.35 var(--display);color:rgba(255,255,255,.82)}
.num-grid small{margin-top:auto;padding-top:10px;font:500 14px/1.35 var(--serif);font-style:italic;color:var(--mag-mid)}
.num-grid a:hover small{text-decoration:underline}

/* ---------- Latest + side ---------- */
.latest{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;margin-top:20px}
.rule-h{margin:0;padding-top:12px;border-top:3px solid var(--ink);font:800 14px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.sec-list{list-style:none;margin:8px 0 0;padding:0}
.sec-list a{display:grid;grid-template-columns:auto 1fr auto;gap:2px 12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--rule);text-decoration:none}
.sec-list b{font:700 16px/1.2 var(--display)}
.sec-list small{grid-column:2;font:500 13.5px/1.35 var(--display);color:var(--soft)}
.sec-list em{grid-row:1;grid-column:3;font:700 13px/1 var(--mono);font-style:normal;color:var(--soft)}
.sec-list a:hover b{color:var(--mag-deep)}
.side-cta{margin-top:28px;padding:22px;border-radius:20px;background:var(--mag-wash)}
.side-cta p{margin:0 0 8px}
.side-cta form{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.side-cta input{font:500 15px/1 var(--display);padding:12px 14px;border-radius:999px;border:1.5px solid var(--rule);background:#fff}

/* ---------- Sections index ---------- */
.sec-band{margin-top:8px}
.sec-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:22px}
.sec-grid a{display:flex;flex-direction:column;gap:8px;padding:20px 18px 22px;border-radius:18px;background:var(--sw);text-decoration:none;border-top:5px solid var(--sc);transition:transform .15s ease}
.sec-grid a:hover{transform:translateY(-2px)}
.sec-grid b{font:500 24px/1.1 var(--serif);letter-spacing:-.01em;color:var(--ink)}
.sec-grid small{font:500 14px/1.4 var(--display);color:#4A454D}
.sec-n{font:700 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sc)}
.side-cta{margin-top:14px}

/* ---------- Departments ---------- */
.dept{margin-top:84px}
.dept-h{display:grid;grid-template-columns:auto 1fr auto;gap:6px 24px;align-items:end;padding-top:16px;border-top:6px solid var(--sc);margin-bottom:28px}
.dept-h h2{margin:0;font:500 clamp(32px,3.6vw,46px)/1 var(--serif);letter-spacing:-.02em}
.dept-h h2 a{text-decoration:none}
.dept-h p{margin:0;color:var(--soft);font:500 15.5px/1.4 var(--display)}
.dept-h .more{font:700 14px/1 var(--display);text-decoration:none;color:var(--sc);white-space:nowrap}
.dept-h .more:hover{text-decoration:underline}

.empty{padding:60px 24px;font:500 20px/1.5 var(--serif);color:var(--soft)}
.bigsearch{display:flex;gap:10px;margin-bottom:34px}
.bigsearch input{flex:1;min-width:0;font:500 20px/1 var(--display);padding:16px 20px;border-radius:999px;border:1.5px solid var(--rule)}
.b-endcta{margin-top:110px}

/* ---------- Article ---------- */
.progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:60;pointer-events:none}
.progress span{display:block;height:100%;width:0;background:var(--mag);transition:width .1s linear}
.preview-bar{position:sticky;top:0;z-index:55;background:var(--warn-wash);color:var(--warn);font:700 14px/1.3 var(--display);padding:10px 24px;text-align:center;border-bottom:1px solid #EBD9B4}

.a-head{padding-top:44px}
.crumbs{margin:0;display:flex;align-items:center;gap:10px;font:600 14px/1 var(--display);color:var(--soft)}
.crumbs a{text-decoration:none}
.crumbs .kick{margin:0}
.a-head h1{margin:22px 0 0;max-width:19ch;font:500 clamp(42px,6.2vw,86px)/.98 var(--serif);letter-spacing:-.03em}
.a-dek{margin:22px 0 0;max-width:38ch;font:400 clamp(21px,2.2vw,27px)/1.4 var(--serif);color:#4A454D}
.byline{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:30px;padding-top:20px;border-top:1px solid var(--rule)}
.byline > div{display:flex;flex-direction:column;gap:2px}
.byline > div a{text-decoration:none}
.byline > div span{font:500 13.5px/1.2 var(--display);color:var(--soft)}
.byline p{margin:0 0 0 auto;display:flex;gap:16px;font:600 13.5px/1 var(--mono);color:var(--soft)}
.avatar{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--sc,var(--mag));color:#fff;font:800 15px/1 var(--display);letter-spacing:.02em;flex:none}
.avatar.lg{width:64px;height:64px;font-size:21px}

.a-cover{margin:40px 0 0}
.a-cover img{display:block;width:100%;border-radius:24px;object-fit:cover;max-height:72vh}
.a-cover figcaption{margin-top:10px;font:500 14px/1.4 var(--display);color:var(--soft)}
.a-cover.art{aspect-ratio:21/9;border-radius:24px;overflow:hidden;background:var(--sw)}
.a-cover.art img{height:100%;max-height:none;border-radius:0}
.a-head.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:end}
.a-head.split .a-cover{margin:0}
.a-head.split h1{font-size:clamp(40px,4.8vw,70px)}

.a-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;margin-top:56px}
.a-rail{position:relative}
.a-rail > *{position:sticky;top:96px}
.a-toc ol{list-style:none;margin:12px 0 26px;padding:0;counter-reset:toc}
.a-toc li{counter-increment:toc}
.a-toc a{display:grid;grid-template-columns:28px 1fr;padding:8px 0;font:600 14px/1.35 var(--display);color:var(--soft);text-decoration:none;border-top:1px solid var(--rule)}
.a-toc a::before{content:counter(toc,decimal-leading-zero);font:700 11px/1.9 var(--mono);color:var(--bar)}
.a-toc a:hover,.a-toc a.on{color:var(--ink)}
.a-toc a.on::before{color:var(--sc)}
.a-share{display:flex;flex-direction:column;gap:2px;margin-top:6px}
.a-share .eyebrow{margin:0 0 8px}
.a-share a,.a-share button{font:600 14px/1 var(--display);color:var(--soft);text-decoration:none;background:none;border:0;padding:7px 0;text-align:left;cursor:pointer}
.a-share a:hover,.a-share button:hover{color:var(--mag-deep)}
.a-rail .a-share{position:static}

/* ---------- Prose ---------- */
.a-body{min-width:0;width:100%}
.table-wrap{max-width:100%}
.prose{max-width:700px;font:400 20.5px/1.66 var(--serif);color:#2B282D}
.prose > *{margin:0 0 1.15em}
.prose p.lede-p::first-letter{float:left;font:600 5.6em/.8 var(--serif);margin:.06em .1em 0 0;color:var(--sc,var(--mag))}
.prose h2{margin:2.1em 0 .6em;font:500 clamp(30px,3.2vw,40px)/1.08 var(--serif);letter-spacing:-.02em;color:var(--ink);scroll-margin-top:90px}
.prose h2::before{content:"";display:block;width:44px;height:5px;border-radius:3px;background:var(--sc,var(--mag));margin-bottom:18px}
.prose h3{margin:1.7em 0 .5em;font:800 22px/1.25 var(--display);letter-spacing:-.01em;color:var(--ink);scroll-margin-top:90px}
.prose h4{margin:1.5em 0 .4em;font:800 14px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}
.prose a{color:var(--mag-deep);text-decoration-thickness:1.5px;text-underline-offset:3px}
.prose strong{font-weight:600;color:var(--ink)}
.prose ul,.prose ol{padding-left:1.2em}
.prose li{margin:.35em 0}
.prose li::marker{color:var(--sc,var(--mag))}
.prose blockquote{margin:1.6em 0;padding:4px 0 4px 24px;border-left:4px solid var(--sc,var(--mag));font-style:italic;color:#4A454D}
.prose img{display:block;border-radius:16px;margin:1.6em 0}
.prose hr{border:0;margin:2.6em 0;text-align:center}
.prose hr::after{content:"· · ·";font:700 20px/1 var(--display);letter-spacing:.6em;color:var(--sc,var(--mag))}
.prose code{font:500 .82em/1 var(--mono);background:var(--wash);padding:3px 6px;border-radius:6px}
.prose pre{background:var(--ink);color:#F4F1F5;padding:20px 22px;border-radius:16px;overflow-x:auto;font:500 14.5px/1.6 var(--mono)}
.prose pre code{background:none;padding:0;color:inherit}
.table-wrap{overflow-x:auto;margin:1.6em 0}
.prose table{border-collapse:collapse;width:100%;font:500 15.5px/1.4 var(--display)}
.prose th{text-align:left;font:700 12px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--soft);border-bottom:2px solid var(--ink);padding:10px 12px 10px 0}
.prose td{border-bottom:1px solid var(--rule);padding:11px 12px 11px 0;vertical-align:top}
.prose td:first-child{white-space:nowrap;font-weight:700}

/* ---------- Blocks ---------- */
.b-source{margin-top:-.4em!important;font:500 13.5px/1.4 var(--display)!important;color:var(--soft)}
.b-pull{margin:2em -40px!important;padding:30px 0 26px;border-top:3px solid var(--ink);border-bottom:1px solid var(--rule)}
.b-pull blockquote{margin:0;padding:0;border:0;font:500 clamp(30px,3.6vw,44px)/1.14 var(--serif);font-style:italic;letter-spacing:-.02em;color:var(--sc,var(--mag))}
.b-pull figcaption{margin-top:16px;font:700 12.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.b-stats{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));margin:2em -40px!important;border-top:3px solid var(--ink);border-bottom:1px solid var(--rule)}
.b-stats div{padding:22px 20px 22px 0;display:flex;flex-direction:column;gap:8px}
.b-stats div+div{padding-left:20px;border-left:1px solid var(--rule)}
.b-stats b{font:900 clamp(38px,4.4vw,56px)/.95 var(--display);letter-spacing:-.045em;color:var(--sc,var(--mag))}
.b-stats span{font:500 15.5px/1.35 var(--display);color:var(--soft)}
.b-chart{margin:2em -40px!important;padding:26px 28px 20px;background:var(--wash);border-radius:20px}
.b-chart-t{margin:0 0 16px;font:800 18px/1.25 var(--display);color:var(--ink)}
.chart-svg{display:block;width:100%;height:auto;overflow:visible}
.chart-svg .cl{font:600 13px var(--display);fill:#4A454D}
.chart-svg .cv{font:800 13.5px var(--display);fill:var(--ink)}
.b-chart .b-source{margin:14px 0 0!important}
.b-callout{margin:2em 0!important;padding:20px 24px;border-radius:18px;background:var(--wash);font:500 17px/1.55 var(--display)}
.b-callout > *{margin:0 0 .7em}.b-callout > :last-child{margin-bottom:0}
.b-callout-t{font:800 12px/1.2 var(--mono)!important;letter-spacing:.13em;text-transform:uppercase;color:var(--ink)}
.b-callout.tip{background:var(--ok-wash)}.b-callout.tip .b-callout-t{color:var(--ok)}
.b-callout.warn{background:var(--warn-wash)}.b-callout.warn .b-callout-t{color:var(--warn)}
.b-callout.data{background:var(--sw,var(--mag-wash))}.b-callout.data .b-callout-t{color:var(--sc,var(--mag-deep))}
.b-takeaways{margin:2.2em 0!important;padding:26px 28px;border-radius:20px;border:2px solid var(--ink);font:500 17px/1.5 var(--display)}
.b-takeaways ol{margin:12px 0 0;padding:0;list-style:none;counter-reset:tk}
.b-takeaways li{counter-increment:tk;display:grid;grid-template-columns:34px 1fr;padding:10px 0;border-top:1px solid var(--rule)}
.b-takeaways li::before{content:counter(tk);font:900 20px/1.1 var(--display);color:var(--sc,var(--mag))}
.b-steps{list-style:none;padding:0!important;counter-reset:st}
.b-steps > li{counter-increment:st;position:relative;padding:4px 0 18px 64px;margin:0!important}
.b-steps > li::before{content:counter(st);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;background:var(--sc,var(--mag));color:#fff;display:grid;place-items:center;font:800 18px/1 var(--display)}
.b-steps > li > b{display:block;font:800 19px/1.3 var(--display);color:var(--ink);margin:8px 0 6px}
.b-steps > li > p{margin:0 0 .6em}
.b-fig{margin:2.2em 0!important}
.b-fig img{width:100%;margin:0;border-radius:18px}
.b-fig figcaption,.b-gallery figcaption,.b-video figcaption{margin-top:10px;font:500 14px/1.45 var(--display);color:var(--soft)}
.b-fig.wide{margin-left:-120px!important;margin-right:-120px!important}
.b-fig.full{width:100vw;margin-left:calc(50% - 50vw)!important}
.b-fig.full img{border-radius:0;max-height:80vh;object-fit:cover}
.b-fig.full figcaption{max-width:700px;margin-inline:auto;padding-inline:24px}
.b-gallery{display:grid;gap:14px;margin:2.2em -120px!important}
.b-gallery.n2{grid-template-columns:1fr 1fr}.b-gallery.n3{grid-template-columns:repeat(3,1fr)}.b-gallery.n4{grid-template-columns:repeat(2,1fr)}
.b-gallery figure{margin:0}
.b-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;margin:0;border-radius:14px}
.b-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:2em -40px!important;font:500 17px/1.5 var(--display)}
.b-compare > div{padding:22px 24px;border-radius:18px;background:var(--wash)}
.b-compare > div.on{background:var(--sw,var(--mag-wash));box-shadow:inset 0 0 0 2px var(--sc,var(--mag))}
.b-compare > div > *{margin:0 0 .6em}
.b-compare-t{font:800 12px/1.2 var(--mono)!important;letter-spacing:.13em;text-transform:uppercase;color:var(--soft)}
.b-compare .on .b-compare-t{color:var(--sc,var(--mag-deep))}
.b-cta{margin:2.4em 0!important;padding:30px;border-radius:22px;background:linear-gradient(160deg,var(--paper),var(--mag-wash));border:1px solid var(--rule);font:500 17px/1.5 var(--display)}
.b-cta-h{margin:0 0 8px!important;font:500 30px/1.1 var(--serif);letter-spacing:-.015em;color:var(--ink)}
.b-cta p{margin:0 0 18px}
.b-cta .btn{color:#fff;text-decoration:none}
.b-video{margin:2.2em -40px!important}
.b-video-f{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:var(--ink)}
.b-video-f iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.b-aside{float:right;width:240px;margin:.3em -160px 1em 32px!important;padding:16px 0 0;border-top:3px solid var(--sc,var(--mag));font:500 15px/1.5 var(--display);color:var(--soft)}
.b-aside > *{margin:0 0 .6em}

/* ---------- Series ---------- */
.a-series{margin-bottom:34px;padding:26px 28px;border-radius:22px;background:var(--sw,var(--wash));border-top:6px solid var(--sc,var(--mag))}
.a-series .eyebrow{margin:0 0 12px;color:var(--sc,var(--mag-deep))}
.a-series ol{list-style:none;margin:0;padding:0}
.a-series li{display:grid;grid-template-columns:34px 1fr;gap:4px;padding:9px 0;border-top:1px solid rgba(35,35,35,.08);font:600 15.5px/1.35 var(--display)}
.a-series li span{font:800 13px/1.6 var(--mono);color:var(--soft)}
.a-series li a{text-decoration:none;color:#4A454D}
.a-series li a:hover{color:var(--ink);text-decoration:underline}
.a-series li[aria-current] b{color:var(--ink)}
.a-series li[aria-current] span{color:var(--sc,var(--mag))}
.a-next{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 16px;margin-top:16px;padding:16px 18px;border-radius:16px;background:#fff;text-decoration:none}
.a-next small{grid-column:1;font:700 11px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.a-next b{grid-column:1;font:500 21px/1.2 var(--serif);color:var(--ink)}
.a-next span{grid-row:1/3;grid-column:2;font:800 22px/1 var(--display);color:var(--sc,var(--mag))}
.a-next:hover b{text-decoration:underline}

/* ---------- Flow diagram ---------- */
.b-flow{margin:2em -40px!important;padding:26px 28px 22px;background:var(--wash);border-radius:20px}
.b-flow ol{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:26px}
.b-flow li{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 14px 18px;border-radius:16px;background:#fff;border-top:4px solid var(--sc,var(--mag));box-shadow:0 1px 2px rgba(35,35,35,.06)}
.b-flow li+li::before{content:"";position:absolute;left:-22px;top:50%;width:18px;height:2px;background:var(--sc,var(--mag))}
.b-flow li+li::after{content:"";position:absolute;left:-8px;top:calc(50% - 4px);border:5px solid transparent;border-left-color:var(--sc,var(--mag))}
.b-flow-n{font:800 11px/1 var(--mono);letter-spacing:.1em;color:var(--sc,var(--mag))}
.b-flow b{font:800 16px/1.25 var(--display);color:var(--ink)}
.b-flow small{font:500 14px/1.4 var(--display);color:#4A454D}
.b-flow .b-source{margin:14px 0 0!important}
@media (max-width:860px){
  .b-flow ol{grid-auto-flow:row;grid-auto-columns:auto;gap:22px}
  .b-flow li+li::before{left:50%;top:-18px;width:2px;height:14px}
  .b-flow li+li::after{left:calc(50% - 4px);top:-8px;border-left-color:transparent;border-top-color:var(--sc,var(--mag))}
}

/* ---------- Article foot ---------- */
.a-foot{max-width:var(--max);margin-top:56px}
.a-foot > *{margin-left:276px;max-width:700px}
.a-tags{display:flex;flex-wrap:wrap;gap:8px}
.a-tags a{font:700 13.5px/1 var(--display);text-decoration:none;padding:9px 13px;border-radius:999px;background:var(--wash);color:var(--ink)}
.a-tags a:hover{background:var(--mag-wash);color:var(--mag-deep)}
.a-author{display:grid;grid-template-columns:auto 1fr;gap:18px;margin-top:34px;padding:26px 0;border-top:3px solid var(--ink);border-bottom:1px solid var(--rule);font:500 16px/1.5 var(--display)}
.a-author p{margin:0 0 6px}
.a-author a{text-decoration:none}
.related{margin-top:90px}
.related .rule-h{margin-bottom:28px}
.docs{padding-top:40px;padding-bottom:80px}

/* ---------- Responsive ---------- */
@media (max-width:1180px){
  .b-fig.wide,.b-gallery{margin-left:0!important;margin-right:0!important}
  .b-pull,.b-stats,.b-chart,.b-compare,.b-video,.b-flow{margin-left:0!important;margin-right:0!important}
  .b-aside{float:none;width:auto;margin:1.6em 0!important}
}
@media (max-width:1020px){
  .sec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a-grid{grid-template-columns:minmax(0,1fr)}
  .a-rail{order:2}
  .a-rail > *{position:static}
  .a-toc{display:none}
  .a-foot > *{margin-left:0}
  .prose{margin-inline:0;justify-self:center}
  .latest{grid-template-columns:minmax(0,1fr)}
  .num-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .num-grid a:nth-child(3){border-left:0;padding-left:0}
}
@media (max-width:860px){
  .lead .cover-card .card-link{grid-template-columns:minmax(0,1fr);gap:8px}
  .grid3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .a-head.split{grid-template-columns:minmax(0,1fr)}
  .a-head.split .a-cover{margin-top:28px}
  .dept-h{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
  .grid3.two{grid-template-columns:minmax(0,1fr)}
  .sec-grid{grid-template-columns:minmax(0,1fr)}
  .wrap{padding-inline:16px}
  .secnav{padding-inline:16px}
  .secsearch{display:none}
  .mast{padding-top:36px}
  .grid3{grid-template-columns:minmax(0,1fr)}
  .story.row .card-link{grid-template-columns:auto minmax(0,1fr) 84px;gap:12px}
  .story.row .num{font-size:24px;min-width:28px}
  .num-grid{grid-template-columns:minmax(0,1fr)}
  .num-grid a{border-left:0!important;padding-left:0!important;border-top:1px solid rgba(255,255,255,.18)}
  .prose{font-size:19px}
  .b-stats{grid-template-columns:minmax(0,1fr)}
  .b-stats div+div{padding-left:0;border-left:0;border-top:1px solid var(--rule)}
  .b-compare,.b-gallery.n2,.b-gallery.n3,.b-gallery.n4{grid-template-columns:minmax(0,1fr)}
  .b-chart{padding:20px 16px}
  .byline p{margin-left:0;width:100%}
  .a-cover.art{aspect-ratio:16/10}
}
@media (prefers-reduced-motion:reduce){.cv img,.progress span{transition:none}}
@media print{.progress,.a-rail,.related,.b-endcta,#site-nav,#site-foot,.secnav{display:none!important}.a-grid{display:block}}