@font-face{font-family:Poppins;src:url('/fonts/Poppins-latin-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('/fonts/Poppins-latin-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url('/fonts/IBMPlexMono-latin-500.woff2') format('woff2');font-weight:500;font-display:swap}
:root{
  --ink:#171719;--muted:#55565d;--line:#dddde1;--paper:#fbfbfb;--orange:#ff9900;
  --mono:"IBM Plex Mono",monospace;--gutter:clamp(18px,4vw,64px);color-scheme:light;
  font-family:Poppins,Arial,sans-serif;color:var(--ink);background:var(--paper)
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;min-width:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
main{flex:1;min-width:0}
a{color:inherit;text-decoration:none}
a:focus-visible,summary:focus-visible{outline:3px solid #a65b00;outline-offset:4px}
.topbar :focus-visible,.lead-card a:focus-visible{outline-color:var(--orange)}
p,h1,h2,h3,ul{margin:0}
.visually-hidden,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus{position:absolute;top:8px;left:8px;z-index:9;padding:8px;background:white;color:var(--ink)}
/* Top bar: the app's bar (index.html with landing.css), which follows the SSI website's bar. 70px tall in #171717, the
   logo 50px tall and starting where the tracker cards start (the app's page gutter, or centred at 1180px), white
   Poppins 17px links with 20px padding and an orange hover, and below 1100px a three-bar button that opens the links
   as a list. 100vw matches the app, whose bar has no page scrollbar beside it. Change both together. */
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.topbar{display:flex;align-items:center;position:relative;z-index:20;height:70px;--bar-gutter:32px;padding:0 max(var(--bar-gutter),calc((100vw - 1180px) / 2));background:#171717;color:#fff;font:400 17px/normal Poppins,-apple-system,system-ui,"Segoe UI",sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}
.brand{display:flex;align-items:center;flex:none;height:70px}
.brand-logo{display:block;width:auto;height:50px;aspect-ratio:437.91/112;color:#ff9900;fill:#fff}
.brand-logo-mark{display:none}
.menu-toggle{display:none}
.primary{display:flex;align-items:center;height:70px;margin-left:54px}
.primary>a,.tracker-menu>summary{display:flex;align-items:center;height:70px;padding:0 20px;color:#fff;white-space:nowrap;transition:color .2s ease-in-out}
.primary>a:hover,.tracker-menu>summary:hover,.tracker-menu[open]>summary,.primary [aria-current=page]{color:#ff9900}
.tracker-menu{position:relative;display:flex;align-items:center;height:70px}
.tracker-menu>summary{gap:7px;list-style:none;cursor:pointer;border-radius:2px;letter-spacing:-.005em}
.tracker-menu>summary::-webkit-details-marker{display:none}
.menu-chevron{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;opacity:.9;transition:transform .15s}
.tracker-menu[open] .menu-chevron{transform:rotate(180deg)}
.tracker-panel{position:absolute;top:calc(100% - 2px);left:0;z-index:40;width:480px;max-width:calc(100vw - 32px);padding:6px;border:1px solid #e2e2e2;border-radius:4px;background:#fbfbfb;color:#0b0b0c;font-size:16px;box-shadow:0 1px 2px #0000000f,0 24px 48px -20px #00000059}
.tracker-option{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:14px;padding:12px;border-radius:2px}
.tracker-option+.tracker-option{margin-top:2px}
.tracker-option:hover,.tracker-option:focus-visible{background:#f0f0f0}
.tracker-option-icon{display:grid;place-items:center;width:36px;height:36px}
.type-icon{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:square;stroke-linejoin:miter;overflow:visible}
.type-icon .ti-accent-line{stroke:#f7931e}
.type-icon .ti-thick{stroke-width:3.25}
.tracker-option-copy strong{display:block;font-weight:600;letter-spacing:-.01em}
.tracker-option-copy span{display:block;margin-top:2px;color:#74767d;line-height:22px}
@media(min-width:1101px){
  .tracker-panel{width:452px;padding:8px;border-color:#e6e6ea;border-radius:14px;background:#fff;box-shadow:0 1px 2px #1111130f,0 24px 48px -20px #11111352}
  .tracker-option{grid-template-columns:40px minmax(0,1fr);gap:14px;padding:10px 12px;border-radius:10px;transition:background-color .15s}
  .tracker-option:hover,.tracker-option:focus-visible{background:#f6f6f8}
  .tracker-option-icon{width:40px;height:40px;border-radius:10px;background:#f4f4f6;transition:background-color .15s,box-shadow .15s}
  .tracker-option:hover .tracker-option-icon,.tracker-option:focus-visible .tracker-option-icon{background:#fff;box-shadow:0 0 0 1px #e6e6ea,0 1px 2px #1111130f}
  .tracker-option-icon .type-icon{width:20px;height:20px;stroke-width:2}
  .tracker-option-copy strong{color:#111113;font-size:15px;line-height:21px;letter-spacing:-.005em}
  .tracker-option-copy span{margin-top:1px;color:#6c6e75;font-size:13px;line-height:18px}
}
@media(max-width:1199px){.topbar{--bar-gutter:24px}}
@media(max-width:839px){.topbar{--bar-gutter:16px}}
@media(max-width:1100px){
  .menu-toggle{display:flex;align-items:center;height:70px;margin:0 calc(-1 * var(--bar-gutter)) 0 auto;padding:0 var(--bar-gutter) 0 20px;border:0;background:none;color:#fff;font-size:17px;cursor:pointer}
  .menu-toggle svg{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
  .menu-toggle[aria-expanded=true] .icon-bars,.menu-toggle:not([aria-expanded=true]) .icon-close{display:none}
  .primary{position:absolute;top:70px;right:0;left:0;z-index:30;display:none;height:auto;margin:0;padding:20px 0;border-top:10px solid #171717;background:#303030}
  .topbar.menu-open .primary{display:block}
  .primary>a,.tracker-menu>summary{justify-content:center;width:100%}
  .tracker-menu{display:block;height:auto;position:static}
  .tracker-panel{position:static;width:auto;max-width:none;padding:0 0 10px;border:0;border-radius:0;background:none;box-shadow:none}
  .tracker-option{display:block;margin:0;padding:0 20px;border-radius:0;background:none;color:#ffffffd1;line-height:48px;text-align:center;transition:color .2s ease-in-out}
  .tracker-option+.tracker-option{margin-top:0}
  .tracker-option-icon,.tracker-option-copy span{display:none}
  .tracker-option-copy strong{display:inline;font-weight:400;letter-spacing:0}
  .tracker-option:hover,.tracker-option:focus-visible{background:none;color:#ff9900}
}
/* ---- Weekly Updates: the archive and each edition, in the trackers' and the landing page's look. Poppins on white,
   the landing hero's light grey wash and faint grid, the orange-dash label and black buttons with an orange arrow.
   The latest edition is a black card; the cases are the trackers' light grey cards with the orange ticker, and the
   key updates sit on a warm tint. Text keeps to three greys. One 1180px column, as the trackers. ---- */
@font-face{font-family:Poppins;src:url('/fonts/Poppins-latin-500.woff2') format('woff2');font-weight:500;font-display:swap}
.wk{--wk-ink:#111113;--wk-ink-2:#45474d;--wk-muted:#6c6e75;--wk-line:#e4e4e8;--wk-soft:#f6f6f7;--wk-card:#f9f9fa;--wk-black:#171717;--wk-accent:#e08600;background:#fff;color:var(--wk-ink)}
.wk-wrap{width:min(1180px,calc(100% - 2 * var(--gutter)));margin:0 auto}
.wk p{overflow-wrap:break-word}
.wk h4{margin-bottom:0}
.wk h1{max-width:none;font-size:36px;font-weight:600;line-height:44px;letter-spacing:-.025em;text-wrap:balance}
.wk h1 span{color:var(--wk-accent)}
.wk .type-icon{color:var(--wk-muted)}
.wk :is(.wk-inside,.wk-contents,.wk-row) .type-icon .ti-accent-line{stroke:currentColor}
.wk :focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.wk [hidden]{display:none!important}
/* the labels: an orange dash, grey capitals */
.wk-eyebrow,.wk-label{display:flex;align-items:center;gap:14px;color:var(--wk-ink-2);font-size:13px;font-weight:600;line-height:20px;letter-spacing:.12em;text-transform:uppercase}
.wk-eyebrow::before,.wk-label::before{content:"";flex:none;width:28px;height:2px;background:var(--orange)}
a.wk-eyebrow{width:max-content;transition:color .15s}
a.wk-eyebrow:hover{color:var(--wk-ink)}
.wk-label{margin:0 0 16px}
.wk-side-label{color:var(--wk-muted);font-size:12px;font-weight:600;line-height:18px;letter-spacing:.12em;text-transform:uppercase}
.wk-dek{margin-top:10px;color:var(--wk-ink-2);font-size:16.5px;line-height:26px;text-wrap:pretty}
/* buttons: the landing page's (black with an orange arrow; white with a hairline; orange on black) */
.wk-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 20px;border-radius:2px;background:var(--wk-black);color:#fff;font-size:14.5px;font-weight:600;line-height:22px;white-space:nowrap;transition:background-color .15s,box-shadow .15s}
/* on hover a button rises a little, a light sweeps across it and its arrow moves on; pressed, it settles */
.wk-btn{position:relative;overflow:hidden;isolation:isolate;transition:background-color .2s,box-shadow .25s,transform .25s cubic-bezier(.2,.8,.2,1)}
.wk-btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.16) 50%,rgba(255,255,255,0) 70%);transform:translateX(-110%);transition:transform .7s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.wk-btn:is(:hover,:focus-visible),.wk-lead>a:is(:hover,:focus-visible) .wk-btn{background:#2c2c2f;box-shadow:0 10px 22px -12px rgba(13,13,14,.55);transform:translateY(-2px)}
.wk-btn:is(:hover,:focus-visible)::after,.wk-lead>a:is(:hover,:focus-visible) .wk-btn::after{transform:translateX(110%)}
.wk-btn:active,.wk-lead>a:active .wk-btn{box-shadow:0 4px 10px -8px rgba(13,13,14,.5);transform:translateY(0) scale(.98);transition-duration:.08s}
.wk-arrow{display:inline-block;color:var(--orange);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.wk-btn:is(:hover,:focus-visible) .wk-arrow,.wk-lead>a:is(:hover,:focus-visible) .wk-btn .wk-arrow{transform:translateX(5px)}
.wk-btn-quiet{background:#fff;box-shadow:inset 0 0 0 1px #cfd0d5;color:var(--wk-ink)}
.wk-btn-quiet:is(:hover,:focus-visible){background:#fff;box-shadow:inset 0 0 0 1px #9c9ca3,0 10px 22px -14px rgba(13,13,14,.35)}
.wk-btn-orange{background:var(--orange);color:var(--wk-black)}
.wk-btn-orange .wk-arrow{color:var(--wk-black)}
.wk-btn-orange::after,.wk-lead .wk-btn::after{background:linear-gradient(105deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.45) 50%,rgba(255,255,255,0) 70%)}
.wk-btn-orange:is(:hover,:focus-visible){background:#ffa71f;box-shadow:0 12px 26px -12px rgba(255,153,0,.7)}
.wk-btn-small{height:40px;padding:0 14px;font-size:14px}
/* the head of the archive and of an edition: the landing hero's wash, faint grid and soft orange glow */
.wk-hero{position:relative;overflow:hidden;padding:40px 0 36px;background:linear-gradient(#ffffff 0,#f4f4f6 70%,#fafafb 100%);box-shadow:inset 0 -1px 0 var(--wk-line)}
.wk-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 60% at 80% 40%,rgba(255,153,0,.06),rgba(255,153,0,0) 70%);pointer-events:none}
.wk-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(13,13,14,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(13,13,14,.04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(70% 70% at 40% 20%,#000 0,transparent 75%);mask-image:radial-gradient(70% 70% at 40% 20%,#000 0,transparent 75%);pointer-events:none}
.wk-hero>.wk-wrap{position:relative;z-index:1}
.wk-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end}
.wk-hero h1{margin-top:12px}
.wk-hero .wk-dek{max-width:600px}
/* the sign-up: one button over the line under it, both to the right and level with the foot of the introduction */
.wk-hero-act{display:grid;justify-items:end;gap:12px;padding-bottom:2px}
.wk-trust{display:flex;flex-wrap:wrap;justify-content:flex-end;color:var(--wk-muted);font-size:13.5px;line-height:20px}
.wk-trust span+span::before{content:"·";margin:0 8px}
/* the archive: the latest edition as a large card (its name and introduction; what is inside), then the earlier ones */
.wk-block{padding-top:44px}
.wk-block:last-child{padding-bottom:88px}
.wk-lead>a{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;border-radius:14px;background:radial-gradient(60% 90% at 0% 0%,rgba(255,153,0,.16),rgba(255,153,0,0) 60%),var(--wk-black);color:#fff;transition:box-shadow .3s,transform .3s cubic-bezier(.2,.8,.2,1)}
.wk-lead>a::after{content:"";position:absolute;inset:0;background:radial-gradient(75% 110% at 0% 0%,rgba(255,153,0,.22),rgba(255,153,0,0) 62%);opacity:0;transition:opacity .35s;pointer-events:none}
.wk-lead-main,.wk-lead-side{position:relative;z-index:1}
.wk-lead>a:is(:hover,:focus-visible){box-shadow:0 28px 54px -26px rgba(13,13,14,.6);transform:translateY(-3px)}
.wk-lead>a:is(:hover,:focus-visible)::after{opacity:1}
.wk-inside .wk-mini li{transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.wk-lead>a:hover .wk-inside .wk-mini li{transform:translateX(3px)}
.wk-lead>a:hover .wk-inside .wk-mini li:nth-child(2){transition-delay:.03s}
.wk-lead>a:hover .wk-inside .wk-mini li:nth-child(3){transition-delay:.06s}
.wk-lead>a:hover .wk-inside .wk-mini li:nth-child(4){transition-delay:.09s}
.wk-lead>a:hover .wk-inside .wk-mini li:nth-child(5){transition-delay:.12s}
.wk-lead-main{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:32px 36px}
.wk-lead-top{color:rgba(255,255,255,.6);font-size:14px;line-height:21px}
.wk-lead h3{font-size:28px;font-weight:600;line-height:36px;letter-spacing:-.02em;text-wrap:balance}
.wk-lead-top+h3{margin-top:6px}
.wk-intro{margin:12px 0 28px;color:rgba(255,255,255,.74);font-size:16.5px;line-height:27px;text-wrap:pretty}
.wk-lead .wk-btn{background:var(--orange);color:var(--wk-black)}
.wk-lead h3+.wk-btn{margin-top:26px}
.wk-lead .wk-btn .wk-arrow{color:var(--wk-black)}
.wk-lead>a:is(:hover,:focus-visible) .wk-btn{background:#ffa71f;box-shadow:0 12px 28px -10px rgba(255,153,0,.6)}
.wk-lead-side{padding:28px 36px 24px;box-shadow:inset 1px 0 0 rgba(255,255,255,.1)}
.wk-inside-part+.wk-inside-part{margin-top:20px}
.wk-inside-head{display:flex;align-items:baseline;gap:6px;padding-bottom:9px;box-shadow:inset 0 -1px 0 rgba(255,255,255,.12);color:#fff;font-size:15.5px;font-weight:600;line-height:23px}
.wk-inside-head b{color:rgba(255,255,255,.55);font-size:15px;font-weight:500}
.wk-inside .wk-tracker{color:rgba(255,255,255,.66);font-size:16px;line-height:24px}
.wk-inside .wk-tracker .type-icon{width:18px;height:18px}
.wk-inside .wk-mini li{grid-template-columns:132px minmax(0,1fr);padding:6px 0}
.wk-inside .wk-mini-tickers{gap:0 14px}
.wk-inside .wk-mini-tickers .wk-ticker{font-size:15.5px;font-weight:600;line-height:24px}
.wk-inside .wk-mini-more{font-size:14.5px;line-height:24px}
.wk-inside .type-icon{color:rgba(255,255,255,.5)}
.wk-inside .wk-ticker{color:var(--orange)}
.wk-inside .wk-mini-more{color:rgba(255,255,255,.5)}
.wk-mini{margin:4px 0 0;padding:0;list-style:none}
.wk-mini li{display:grid;grid-template-columns:112px minmax(0,1fr);gap:2px 12px;align-items:start;padding:5px 0}
.wk-mini-tickers{display:flex;flex-wrap:wrap;gap:0 12px}
.wk-mini-tickers .wk-ticker{font-size:13.5px;font-weight:500}
.wk-mini-more{color:var(--wk-muted);font-size:13px;line-height:20px}
.wk-tracker{display:inline-flex;align-items:center;gap:7px;color:var(--wk-muted);font-size:14px;font-weight:500;line-height:20px;white-space:nowrap}
.wk-tracker .type-icon{flex:none;width:16px;height:16px;stroke-width:2}
.wk-ticker{color:var(--wk-ink);font-size:14px;font-weight:600;line-height:20px;letter-spacing:.02em}
.wk-rows{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.wk-row{display:block;padding:22px 28px 20px;border-radius:12px;background:var(--wk-card);box-shadow:inset 0 0 0 1px #ebebee;transition:background-color .2s,box-shadow .25s,transform .25s cubic-bezier(.2,.8,.2,1)}
.wk-row:is(:hover,:focus-visible){background:#fff;box-shadow:inset 0 0 0 1px #d6d6db,0 20px 40px -26px rgba(13,13,14,.3);transform:translateY(-2px)}
.wk-row:is(:hover,:focus-visible) .wk-row-tickers .wk-ticker{background:#f6f6f7;box-shadow:inset 0 0 0 1px #dcdce1}
.wk-row-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.wk-row-top h3{font-size:19px;font-weight:600;line-height:27px;letter-spacing:-.015em}
.wk-row-date{margin-top:2px;color:var(--wk-muted);font-size:14px;line-height:21px}
.wk-row-intro{max-width:820px;margin-top:4px;color:var(--wk-ink-2);font-size:15.5px;line-height:25px}
.wk-row-go{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #dcdce0;color:var(--wk-ink-2);font-size:15px;transition:background-color .15s,box-shadow .15s,color .15s,transform .2s}
.wk-row:is(:hover,:focus-visible) .wk-row-go{background:var(--wk-black);box-shadow:none;color:var(--orange);transform:translateX(3px)}
.wk-row-tickers .wk-ticker{transition:background-color .2s,box-shadow .2s}
/* what an earlier edition holds: the new ideas and the material updates side by side, a line per tracker */
.wk-row-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:0 48px;margin-top:16px}
.wk-row-head{display:flex;align-items:baseline;gap:6px;padding-bottom:8px;box-shadow:inset 0 -1px 0 #e3e3e7;color:var(--wk-ink);font-size:14px;font-weight:600;line-height:21px}
.wk-row-head b{color:var(--wk-muted);font-size:14px;font-weight:500}
.wk-row-types{margin:6px 0 0;padding:0;list-style:none}
.wk-row-types li{display:grid;grid-template-columns:112px minmax(0,1fr);gap:4px 12px;align-items:start;padding:4px 0}
.wk-row-type{display:inline-flex;align-items:center;gap:8px;color:var(--wk-ink-2);font-size:14px;font-weight:500;line-height:26px;white-space:nowrap}
.wk-row-type .type-icon{flex:none;width:16px;height:16px;stroke-width:2}
.wk-row-tickers{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}
.wk-row-tickers .wk-ticker{padding:0 8px;border-radius:5px;background:#fff;box-shadow:inset 0 0 0 1px #e4e4e8;font-size:12.5px;font-weight:600;line-height:26px;letter-spacing:.03em}
.wk-row-tickers .wk-mini-more{margin-left:4px}
.wk-row-none{padding-top:10px;color:var(--wk-muted);font-size:14px;line-height:21px}
.wk-empty{padding:40px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--wk-line)}
.wk-empty h2{font-size:24px;font-weight:600;line-height:32px;letter-spacing:-.02em}
.wk-empty p{margin:8px 0 22px;color:var(--wk-ink-2);font-size:16.5px;line-height:27px}
/* the sign-up at the foot of the archive, and of an edition on narrow screens: one compact black card */
.wk-band{padding:56px 0 72px}
.wk-band-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px 24px 22px 22px;border-radius:12px;background:var(--wk-black);color:#fff}
.wk-band-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:rgba(255,153,0,.14)}
.wk-band-icon .wk-mail{stroke:var(--orange)}
.wk-mail{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.wk-band h2{font-size:18px;font-weight:600;line-height:26px;letter-spacing:-.01em}
.wk-band p{margin-top:2px;color:rgba(255,255,255,.68);font-size:14.5px;line-height:22px}
.wk-band .wk-btn{height:44px;padding:0 18px;font-size:14px}
/* an edition: the head, then the two sections with "In this edition" and the sign-up beside them */
.wk-head{padding:34px 0 34px}
.wk-head-date{margin-top:14px;color:var(--wk-muted);font-size:14px;line-height:21px}
.wk-head h1{max-width:820px;margin-top:14px}
.wk-head-date+h1{margin-top:4px}
.wk-head .wk-dek{max-width:720px}
.wk-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:56px;align-items:start;padding-top:40px}
.wk-section{scroll-margin-top:24px}
.wk-section+.wk-section{margin-top:64px;padding-top:52px;box-shadow:inset 0 1px 0 #dcdce1}
.wk-section>header{margin-bottom:24px}
.wk-sec-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:10px;background:#fff4e2}
.wk-sec-icon svg{width:21px;height:21px;fill:none;stroke:var(--wk-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wk-sec-icon .wk-ic-accent{stroke:#f7931e}
.wk-section h2{display:block;font-size:26px;font-weight:600;line-height:34px;letter-spacing:-.018em}
.wk-count{margin-left:6px;color:var(--wk-muted);font-size:23px;font-weight:500;letter-spacing:0;white-space:nowrap}
.wk-section header p{margin-top:4px;color:var(--wk-muted);font-size:15px;line-height:22px}
/* the cases of a section, by tracker, one row per case as in a newsletter, the rows divided by hairlines. Each tracker
   opens with a grey band (its icon on a white tile, its name and count), the key updates with a warm one. A row reads
   ticker (in orange, the link to the case), colon, text; a new idea's headline is in bold, and a key update starts
   with its tracker's tag. An update's Background button sits at the right of its first line and opens the case across
   the whole row. editorial/weekly.js cuts the text after its third line, with Read more at the end of it */
.wk-group{scroll-margin-top:24px}
.wk-group+.wk-group{margin-top:40px}
.wk-group-head{display:flex;align-items:center;gap:12px;margin:0 0 6px;padding:6px 14px 6px 6px;border-radius:12px;background:#f4f4f6;color:var(--wk-ink);font-size:16px;font-weight:600;line-height:24px;letter-spacing:-.005em}
.wk-group-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;background:#fff;box-shadow:0 1px 2px rgba(17,17,19,.07)}
.wk-group-icon .type-icon{width:18px;height:18px;stroke-width:2;color:var(--wk-ink)}
/* the key updates: a warm panel of their own, then "Other updates" as a heading over the trackers' bands */
.wk-group-key{padding:6px 6px 10px;border-radius:16px;background:#fffdf9;box-shadow:inset 0 0 0 1px #f8eedf}
.wk-group-key .wk-group-head{min-height:44px;padding-left:14px;background:#fff5e6}
.wk-group-key .wk-lines>li+li{box-shadow:inset 0 1px 0 #f6eee1}
.wk-group-key .wk-more{background:linear-gradient(90deg,rgba(255,253,249,0),#fffdf9 38px)}
.wk-subhead{margin:48px 0 16px;color:var(--wk-ink);font-size:19px;font-weight:600;line-height:26px;letter-spacing:-.01em}
.wk-subhead+.wk-group{margin-top:0}
.wk-group-key .wk-group-icon{background:var(--orange);box-shadow:0 1px 3px rgba(224,134,0,.35)}
.wk-group-key .wk-group-icon .wk-key-icon{width:17px;height:17px;fill:#fff;stroke:#fff}
.wk-key-icon{flex:none;width:16px;height:16px;fill:var(--orange);stroke:var(--orange);stroke-width:1.2;stroke-linejoin:round}
.wk-lines{margin:0;padding:0 6px;list-style:none}
.wk-lines>li{--wk-lh:26px;--wk-pad:18px;position:relative;padding:var(--wk-pad) 0;color:var(--wk-ink-2);font-size:16px;line-height:var(--wk-lh);overflow-wrap:break-word}
.wk-lines>li+li{box-shadow:inset 0 1px 0 #efeff2}
.wk-lines>li:last-child{padding-bottom:0}
.wk-text{position:relative;max-width:700px}
.wk-lines>li:is(.wk-has-side,.wk-has-fig){padding-right:121px}
/* the side of a row: the key figure above the row's button (both 105px wide), the pair at the middle of the text.
   editorial/weekly.js measures the text (--wk-th) and the figure (--wk-fh) */
.wk-lines>li{--wk-gap:8px;--wk-side:calc(var(--wk-fh, 0px) + var(--wk-gap) + 30px)}
.wk-lines>li.wk-has-fig{--wk-fh:40px;min-height:calc(var(--wk-pad) * 2 + var(--wk-side))}
.wk-lines>li.wk-has-fig:last-child{min-height:calc(var(--wk-pad) + var(--wk-side))}
.wk-figure{position:absolute;top:calc(var(--wk-pad) + max(0px, (var(--wk-th, 26px) - var(--wk-side)) / 2));right:0;width:105px;margin:0;text-align:center}
.wk-figure-k{display:block;color:var(--wk-muted);font-size:12px;font-weight:500;line-height:16px}
.wk-figure-v{color:var(--wk-ink);font-size:16px;font-weight:600;line-height:22px;font-variant-numeric:tabular-nums}
.wk-figure-n{margin-left:5px;color:var(--wk-muted);font-size:12.5px;font-weight:500;line-height:22px}
.wk-has-fig :is(.wk-open,.wk-bg>summary){top:calc(var(--wk-pad) + max(0px, (var(--wk-th, 26px) - var(--wk-side)) / 2) + var(--wk-fh) + var(--wk-gap))}
@media(min-width:1101px){:is(.wk-open,.wk-bg>summary){width:105px;justify-content:center}}
.wk-line{white-space:pre-line;text-wrap:pretty}
.wk-line b{color:var(--wk-ink);font-weight:600}
.wk-line-more{margin-top:6px;white-space:pre-line}
.wk-tk{color:var(--wk-accent);font-weight:600;letter-spacing:.02em;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1.5px;text-underline-offset:3px;transition:text-decoration-color .15s}
.wk-tk:hover{text-decoration-color:currentColor}
.wk-type-tag{display:inline-block;margin-right:9px;vertical-align:-4px;line-height:0}
.wk-type-tag .type-icon{width:20px;height:20px;stroke-width:2.2;color:var(--wk-ink)}
.wk-clamp.is-clamped{max-height:calc(var(--wk-lh) * 3);overflow:hidden}
.wk-more{position:absolute;right:0;bottom:0;display:inline-flex;align-items:center;gap:3px;padding:0 0 0 50px;border:0;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 38px);color:var(--wk-ink);font:inherit;font-size:14px;font-weight:600;line-height:var(--wk-lh);cursor:pointer;transition:color .15s}
.wk-more:hover{color:var(--wk-accent)}
.wk-chev{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.wk-lines>li.is-open .wk-more{position:static;margin-top:4px;padding:0;background:none;color:var(--wk-muted)}
.wk-lines>li.is-open .wk-more:hover{color:var(--wk-ink)}
.wk-lines>li.is-open .wk-more .wk-chev{transform:rotate(180deg)}
/* a new idea's Open case button, at the right of the row and the middle of its text, as an update's Background */
.wk-open{position:absolute;top:calc(var(--wk-pad) + (var(--wk-th, 26px) - 30px) / 2);right:0;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #d9d9de;color:var(--wk-ink);font-size:13.5px;font-weight:600;line-height:20px;white-space:nowrap;transition:box-shadow .15s}
.wk-open:is(:hover,:focus-visible){box-shadow:inset 0 0 0 1px #b4b5bb,0 2px 6px rgba(17,17,19,.07)}
.wk-open:is(:hover,:focus-visible) .wk-arrow{transform:translateX(4px)}
/* the Background button, at the right of the row and the middle of its text (editorial/weekly.js measures the text;
   without the script the button sits beside the first line), and the case it opens below the row's text */
.wk-bg>summary{position:absolute;top:calc(var(--wk-pad) + (var(--wk-th, 26px) - 30px) / 2);right:0;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #d9d9de;color:var(--wk-ink);font-size:13.5px;font-weight:600;line-height:20px;white-space:nowrap;list-style:none;cursor:pointer;user-select:none;transition:background-color .15s,box-shadow .15s,color .15s}
.wk-bg>summary::-webkit-details-marker{display:none}
.wk-bg>summary:hover{box-shadow:inset 0 0 0 1px #b4b5bb,0 2px 6px rgba(17,17,19,.07)}
.wk-bg[open]>summary{background:var(--wk-ink);box-shadow:none;color:#fff}
.wk-bg[open] .wk-chev{transform:rotate(180deg)}
/* wide screens: the side buttons are 105px wide, their text a size down to fit, and a figure's note takes a line of
   its own under the value, so the figure never breaks mid-phrase */
@media(min-width:1101px){.wk-open{padding:0 8px;gap:5px;font-size:12px}.wk-bg>summary{padding:0 8px;gap:3px;font-size:11.5px}.wk-bg>summary .wk-chev{width:11px;height:11px}.wk-figure-n{display:block;margin-left:0;font-size:12px;line-height:16px}}
.wk-bg-body{margin:14px -121px 2px 0;padding:20px 24px 22px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #e6e6eb,0 14px 30px -20px rgba(17,17,19,.3);color:var(--wk-ink-2);font-size:15.5px;line-height:26px}
.wk-bg-lead{color:var(--wk-ink);font-size:16px;font-weight:600;line-height:24px;letter-spacing:-.005em;text-wrap:balance}
.wk-bg-text{margin-top:10px;text-wrap:pretty}
.wk-bg-text+.wk-bg-text{margin-top:10px}
.wk-bg-history{margin-top:20px;padding:16px 18px 18px;border-radius:12px;background:#f7f7f9;box-shadow:inset 0 0 0 1px #eeeef2}
.wk-bg-title{color:var(--wk-ink);font-size:14px;font-weight:600;line-height:20px}
.wk-bg-case{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:var(--wk-ink);font-size:14.5px;font-weight:600;line-height:22px}
.wk-bg-case:is(:hover,:focus-visible) .wk-arrow{transform:translateX(5px)}
/* earlier updates: a timeline, newest first. Each update hangs from a ring on the line, its date above its text */
.wk-dated{margin:14px 0 0;padding:0;list-style:none}
.wk-dated>li{position:relative;padding:0 0 16px 26px}
.wk-dated>li:last-child{padding-bottom:0}
.wk-dated>li::before{content:"";position:absolute;top:5px;left:0;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #c3c4ca}
.wk-dated>li:first-child::before{box-shadow:inset 0 0 0 2px var(--wk-accent)}
.wk-dated>li::after{content:"";position:absolute;top:20px;bottom:0;left:5px;width:1px;background:#dfe0e5}
.wk-dated>li:last-child::after{display:none}
.wk-dated time{display:block;color:var(--wk-ink);font-size:13px;font-weight:600;line-height:20px;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.wk-dated>li>span:empty{display:none}
.wk-dated p{margin-top:2px;color:var(--wk-ink-2);font-size:14.5px;line-height:22px}
/* where the column is narrow, the Background button is a round icon */
@media(max-width:1100px){
  .wk-lines>li:is(.wk-has-side,.wk-has-fig){padding-right:48px}
  .wk-lines>li.wk-has-fig,.wk-lines>li.wk-has-fig:last-child{min-height:0}
  .wk-figure{position:static;width:auto;margin:0 0 4px;text-align:left;line-height:20px}
  .wk-figure>span{display:inline;line-height:20px}
  .wk-figure-k{font-size:12.5px}
  .wk-figure-v{margin-left:5px;font-size:14px}
  .wk-figure-n{margin-left:6px;font-size:12.5px}
  .wk-has-fig :is(.wk-open,.wk-bg>summary){top:calc(var(--wk-pad) + var(--wk-fh) + 4px + (var(--wk-th, 26px) - 34px) / 2)}
  :is(.wk-bg>summary,.wk-open){top:calc(var(--wk-pad) + (var(--wk-th, 26px) - 34px) / 2);width:34px;height:34px;padding:0;justify-content:center}
  .wk-open-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .wk-bg>summary .wk-bg-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .wk-bg>summary .wk-chev{width:16px;height:16px}
  .wk-bg-body{margin-right:-48px}
}
.wk-none{padding:20px 24px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--wk-line);color:var(--wk-muted);font-size:15.5px;line-height:25px}
.wk-back{display:inline-flex;align-items:center;gap:8px;margin-top:40px;color:var(--wk-muted);font-size:14.5px;font-weight:500;line-height:22px;transition:color .15s}
.wk-back:hover{color:var(--wk-ink)}
/* "In this edition" and the sign-up, beside the cases */
.wk-aside{position:sticky;top:24px;display:grid;grid-template-columns:minmax(0,1fr);gap:20px;max-height:calc(100vh - 48px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.wk-contents .wk-side-label{margin-bottom:4px}
.wk-contents :is(ol,ul){margin:0;padding:0;list-style:none}
.wk-contents ol>li{box-shadow:inset 0 -1px 0 var(--wk-line)}
.wk-contents a{display:flex;align-items:center;gap:10px;color:var(--wk-ink-2);font-size:14px;font-weight:500;line-height:21px;transition:color .15s}
.wk-contents a b{margin-left:auto;color:var(--wk-muted);font-size:13.5px;font-weight:500}
.wk-contents a.wk-toc-section{padding:10px 0;color:var(--wk-ink);font-size:14.5px;font-weight:600}
.wk-contents ul{padding:0 0 10px}
.wk-contents ul a{padding:4px 0}
.wk-contents ul .wk-tracker{color:inherit;font-size:14px;transition:color .15s}
.wk-contents ul .wk-tracker :is(.type-icon,.wk-key-icon){width:15px;height:15px}
/* on hover a line of the contents turns the light orange of the site's links, its icon and count with it */
.wk-contents a:is(:hover,:focus-visible),.wk-contents a:is(:hover,:focus-visible) :is(.wk-tracker,b){color:#ff9900}
.wk-contents a b{transition:color .15s}
.wk-aside-card{padding:20px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--wk-line)}
.wk-aside-title{display:flex;align-items:center;gap:10px;font-size:15.5px;font-weight:600;line-height:24px}
.wk-aside-title .wk-mail{width:20px;height:20px;color:var(--wk-muted)}
.wk-aside-card p+p{margin-top:6px;color:var(--wk-muted);font-size:14px;line-height:21px}
.wk-aside-card .wk-btn{width:100%;justify-content:space-between;margin-top:16px}
@media(min-width:840px){.wk-detail .wk-band{display:none}.wk-detail .wk-detail-grid{padding-bottom:88px}}
@media(max-width:1100px){
  .wk-hero-grid{grid-template-columns:minmax(0,1fr);gap:22px}
  .wk-hero-act{justify-items:start;padding-bottom:0}
  .wk-trust{justify-content:flex-start}
  .wk-lead>a{grid-template-columns:minmax(0,1fr)}
  .wk-lead-side{padding:24px 36px 24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
  .wk-detail-grid{grid-template-columns:minmax(0,1fr) 230px;gap:36px}
}
@media(max-width:839px){
  .wk h1{font-size:30px;line-height:38px}
  .wk-dek{font-size:16px;line-height:26px}
  .wk-hero{padding:32px 0 28px}
  .wk-block{padding-top:36px}
  .wk-block:last-child{padding-bottom:64px}
  .wk-lead-main{padding:24px 20px}
  .wk-lead-side{padding:20px 20px 18px}
  .wk-lead h3{font-size:22px;line-height:30px}
  .wk-intro{margin-bottom:22px;font-size:15.5px;line-height:25px}
  .wk-mini li,.wk-inside .wk-mini li{grid-template-columns:104px minmax(0,1fr);gap:2px 10px}
  .wk-inside .wk-tracker{font-size:15px}
  .wk-inside .wk-mini-tickers{gap:0 12px}
  .wk-inside .wk-mini-tickers .wk-ticker{font-size:14.5px}
  .wk-row{padding:18px 18px 16px}
  .wk-row-top h3{font-size:17.5px;line-height:25px}
  .wk-row-intro{font-size:15px;line-height:24px}
  .wk-row-body{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:12px}
  .wk-row-types li{grid-template-columns:100px minmax(0,1fr)}
  .wk-row-go{width:32px;height:32px}
  .wk-band{padding:40px 0 56px}
  .wk-band-in{grid-template-columns:auto minmax(0,1fr);gap:14px 16px;padding:20px}
  .wk-band-in .wk-btn{grid-column:1 / -1;width:100%}
  .wk-head{padding:28px 0 28px}
  .wk-detail-grid{grid-template-columns:minmax(0,1fr);gap:0;padding-top:24px}
  .wk-aside{position:static;grid-row:1;max-height:none;margin-bottom:32px;overflow:visible}
  .wk-contents ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
  .wk-contents ul{display:none}
  .wk-aside-card{display:none}
  .wk-section h2{font-size:23px;line-height:31px}
  .wk-count{font-size:21px}
  .wk-sec-icon{width:38px;height:38px}
  .wk-lines{padding:0 4px}
  .wk-lines>li{--wk-lh:25px;--wk-pad:16px;font-size:15.5px}
  .wk-group-head{font-size:16px}
  .wk-bg-body{padding:16px 16px 18px;font-size:15px;line-height:25px}
  .wk-bg-text{margin-top:8px}
  .wk-bg-history{padding:14px 14px 16px}
}
@media(max-width:420px){
  .wk-hero .wk-btn{width:100%}
  .wk-contents ol{grid-template-columns:minmax(0,1fr)}
}
/* ---- About Us: the founder's note, a "We track" bar, how the trackers work, questions ---- */
@font-face{font-family:Poppins;src:url('/fonts/Poppins-latin-500.woff2') format('woff2');font-weight:500;font-display:swap}
.ab{--ab-ink:#111113;--ab-ink-2:#45474d;--ab-muted:#6c6e75;--ab-line:#e4e4e8;--ab-black:#171717;--ab-orange-ink:#b45309;background:#fff;color:var(--ab-ink)}
.ab p{overflow-wrap:break-word} /* the email address wraps on the narrowest phones */
.ab-wrap{width:min(1240px,calc(100% - 2 * var(--gutter)));margin:0 auto}
.ab-me{padding:88px 0 96px}
.ab-me-grid{display:grid;grid-template-columns:296px minmax(0,1fr);gap:72px;align-items:start}
.ab-photo{margin:8px 0 0}
.ab-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:14px;box-shadow:0 26px 50px -30px rgba(13,13,14,.5)}
.ab-photo figcaption{margin-top:16px;color:var(--ab-muted);font-size:14px;line-height:21px}
.ab-photo figcaption b{display:block;color:var(--ab-ink);font-size:16px;font-weight:600;line-height:24px}
.ab-copy{max-width:700px}
/* "About me", "SSI Trackers" and "Questions" share one label style: an orange dash, grey capitals */
.ab h1.ab-label,.ab-eyebrow{display:flex;align-items:center;gap:14px;margin:0;color:var(--ab-ink-2);font-size:18px;font-weight:600;line-height:28px;letter-spacing:.12em;text-transform:uppercase;text-wrap:initial}
.ab h1.ab-label::before,.ab-eyebrow::before{content:"";flex:none;width:28px;height:2px;background:var(--orange)}
.ab-copy>p{margin-top:18px;color:var(--ab-ink-2);font-size:17px;line-height:29px}
.ab-copy>p a,.ab-faq-list p a{color:var(--ab-ink);font-weight:500;text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:1.5px;text-underline-offset:3px;transition:color .15s}
.ab-copy>p a:hover,.ab-faq-list p a:hover{color:var(--ab-orange-ink)}
.ab-copy>p.ab-sign{margin-top:28px}
.ab-sign b{color:var(--ab-ink);font-weight:600}
/* the black bar: "We track" and the type names taking turns in orange */
.ab-band{background:var(--ab-black);color:#fff}
.ab-band-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;padding:24px 0}
.ab-track{font-size:30px;font-weight:600;line-height:40px;letter-spacing:-.02em;white-space:nowrap}
.ab-rot{display:inline-grid;height:40px;overflow:hidden;color:var(--orange);vertical-align:top;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.ab-word{grid-area:1/1;justify-self:start;white-space:nowrap;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .45s ease}
.ab-word.in{opacity:0;transform:translateY(80%)}
.ab-word.out{opacity:0;transform:translateY(-80%)}
.ab-band-side{display:flex;align-items:center;gap:24px}
.ab-band-side p{max-width:290px;color:rgba(255,255,255,.7);font-size:14px;line-height:21px}
.ab-btn{display:inline-flex;flex:none;align-items:center;gap:10px;height:40px;padding:0 18px;border-radius:2px;background:var(--orange);color:var(--ab-black);font-size:14.5px;font-weight:600;white-space:nowrap}
.ab-btn:hover{filter:brightness(1.06)}
/* how it works: three steps side by side, each under a hairline that starts in orange */
.ab-how{padding:96px 0}
.ab-head{max-width:720px;margin:0 0 44px}
.ab-head h2{font-size:36px;font-weight:600;line-height:44px;letter-spacing:-.02em}
.ab-head h2+p{margin-top:12px;color:var(--ab-ink-2);font-size:18px;line-height:28px}
.ab-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:0;padding:0;list-style:none}
.ab-steps li{padding-top:22px;background:linear-gradient(var(--orange),var(--orange)) left top/48px 2px no-repeat,linear-gradient(var(--ab-line),var(--ab-line)) left top/100% 1px no-repeat}
.ab-n{color:var(--ab-orange-ink);font-size:13px;font-weight:600;letter-spacing:.12em}
.ab-steps h3{margin-top:12px;font-size:20px;font-weight:600;line-height:28px;letter-spacing:-.02em}
.ab-steps p{margin-top:8px;color:var(--ab-ink-2);font-size:15.5px;line-height:25px}
/* questions, on the light grey */
.ab-qa{padding:96px 0;background:#f6f6f7}
.ab-faq{display:grid;grid-template-columns:4fr 7fr;gap:64px;align-items:start}
.ab-faq .ab-head{position:sticky;top:24px;margin:0}
.ab-faq-list details{box-shadow:inset 0 -1px 0 #e3e3e7}
.ab-faq-list details:first-child{box-shadow:inset 0 1px 0 #e3e3e7,inset 0 -1px 0 #e3e3e7}
.ab-faq-list summary{position:relative;padding:22px 48px 22px 0;font-size:18px;font-weight:600;line-height:26px;list-style:none;cursor:pointer}
.ab-faq-list summary::-webkit-details-marker{display:none}
.ab-faq-list summary::after{content:"";position:absolute;top:50%;right:6px;width:12px;height:12px;margin-top:-8px;border-right:2px solid var(--ab-ink);border-bottom:2px solid var(--ab-ink);transform:rotate(45deg);transition:transform .2s}
.ab-faq-list details[open] summary::after{margin-top:-2px;border-color:var(--orange);transform:rotate(-135deg)}
.ab-faq-list details p{max-width:640px;margin:-6px 0 0;padding:0 0 24px;color:var(--ab-ink-2);font-size:16px;line-height:27px}
.ab-faq-list details p b{color:var(--ab-ink);font-weight:600}
.ab-act{display:inline-flex;align-items:center;gap:8px;height:42px;margin:-8px 0 24px;padding:0 16px;border-radius:2px;background:var(--ab-black);color:#fff;font-size:14px;font-weight:600}
.ab-act span{color:var(--orange);transition:transform .2s}
.ab-act:hover span{transform:translateX(3px)}
@media(max-width:1100px){
  .ab-me-grid{grid-template-columns:240px minmax(0,1fr);gap:48px}
  .ab-band-side p{display:none}
  .ab-steps{gap:28px}
  .ab-faq{grid-template-columns:minmax(0,1fr);gap:32px}.ab-faq .ab-head{position:static}
}
@media(max-width:839px){
  .ab-me{padding:48px 0 64px}
  .ab-me-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .ab-photo{display:flex;align-items:center;gap:16px;margin:0}
  .ab-photo img{flex:none;width:96px;border-radius:12px;box-shadow:none}
  .ab-photo figcaption{margin:0}
  .ab-copy>p{font-size:16px;line-height:27px}
  .ab-band-in{grid-template-columns:minmax(0,1fr);gap:14px;padding:22px 0 24px}
  .ab-track{font-size:23px;line-height:32px}.ab-rot{height:32px}
  .ab-btn{justify-self:start;height:38px;padding:0 16px;font-size:14px}
  .ab-steps{grid-template-columns:minmax(0,1fr);gap:28px}
  .ab-how,.ab-qa{padding:64px 0}
  .ab-head h2{font-size:28px;line-height:36px}
}
@media(max-width:359px){.ab-track{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* ---- Terms & Conditions and Privacy Policy: one reading column on white, the About page's orange-dash label, a
   switch between the two pages, and the capitals of the original texts set as a callout ---- */
.lg{--lg-ink:#111113;--lg-ink-2:#45474d;--lg-line:#e4e4e8;background:#fff;color:var(--lg-ink)}
.lg-wrap{display:block;width:min(760px,calc(100% - 2 * var(--gutter)));margin:0 auto;padding:80px 0 104px}
.lg-eyebrow{display:flex;align-items:center;gap:14px;color:var(--lg-ink-2);font-size:15px;font-weight:600;line-height:24px;letter-spacing:.12em;text-transform:uppercase}
.lg-eyebrow::before{content:"";flex:none;width:28px;height:2px;background:var(--orange)}
.lg-head h1{margin-top:14px;font-size:44px;font-weight:600;line-height:52px;letter-spacing:-.025em}
.lg-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.lg-tabs a{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:999px;box-shadow:inset 0 0 0 1px #d9d9de;color:var(--lg-ink-2);font-size:14.5px;font-weight:500;white-space:nowrap;transition:box-shadow .15s,color .15s}
.lg-tabs a:hover{box-shadow:inset 0 0 0 1px #9c9ca3;color:var(--lg-ink)}
.lg-tabs a[aria-current=page]{background:#171717;box-shadow:none;color:#fff}
.lg-body{margin-top:48px;padding-top:40px;border-top:1px solid var(--lg-line)}
.lg-body p{color:var(--lg-ink-2);font-size:17px;line-height:29px;overflow-wrap:break-word}
.lg-body p+p{margin-top:18px}
.lg-body h2{margin:52px 0 16px;padding-top:24px;background:linear-gradient(var(--orange),var(--orange)) left top/40px 2px no-repeat;font-size:24px;font-weight:600;line-height:32px;letter-spacing:-.015em;scroll-margin-top:24px}
.lg-body .lg-caps{padding:20px 24px;border-radius:4px;background:#f6f6f7;box-shadow:inset 3px 0 0 var(--orange);color:var(--lg-ink);font-size:14.5px;font-weight:600;line-height:25px;letter-spacing:.04em;text-transform:uppercase}
.lg-body .lg-caps+p,.lg-body p+.lg-caps{margin-top:24px}
.lg-body .lg-contact{margin-top:44px;padding-top:28px;border-top:1px solid var(--lg-line);color:var(--lg-ink)}
.lg-body a{color:var(--lg-ink);font-weight:500;text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:1.5px;text-underline-offset:3px;transition:color .15s}
.lg-body a:hover{color:#b45309}
@media(max-width:720px){
  .lg-wrap{padding:48px 0 72px}
  .lg-head h1{font-size:32px;line-height:40px}
  .lg-tabs{margin-top:22px}
  .lg-body{margin-top:36px;padding-top:28px}
  .lg-body p{font-size:16px;line-height:27px}
  .lg-body h2{margin-top:40px;font-size:21px;line-height:29px}
  .lg-body .lg-caps{padding:16px 18px;font-size:13.5px;line-height:23px}
}