:root{--paper:#f3efe6;--ink:#16181d;--slate:#4f5663;--rule:#cfc8b9;--accent:#b4381f;--wash:#ebe5d8;--ok:#2f5d3a;--serif:"Newsreader Variable", Georgia, serif;--sans:"IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;--pad:clamp(16px, 4vw, 48px)}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{font-family:var(--serif);margin:0;font-size:17px;line-height:1.5}a{color:inherit;text-underline-offset:3px}a,button,label[for],summary{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sc{letter-spacing:.04em;font-variant-caps:all-small-caps;font-weight:600}.small{color:var(--slate);font-size:14px}code{font-family:var(--sans);background:var(--wash);overflow-wrap:anywhere;border-radius:3px;padding:1px 5px;font-size:.9em}.skip{background:var(--ink);color:var(--paper);z-index:9;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.mast{border-bottom:1.5px solid var(--ink)}.mast-in{max-width:1120px;padding:14px var(--pad);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.word{font-size:18px;font-weight:600;text-decoration:none}.wt{font-family:var(--sans);color:var(--slate);margin-left:6px;font-size:11px;font-weight:400}nav{flex-wrap:wrap;gap:4px;display:flex}nav a{font-family:var(--sans);align-items:center;min-height:44px;padding:10px;font-size:14px;text-decoration:none;display:inline-flex}nav a:hover{text-decoration:underline}main{max-width:1120px;padding:0 var(--pad);margin:0 auto}.lead{max-width:820px;padding:clamp(32px,7vw,72px) 0 28px}.kicker{color:var(--accent);margin:0 0 12px;font-size:14px}h1{letter-spacing:-.015em;margin:0 0 18px;font-size:clamp(40px,7.2vw,76px);font-weight:500;line-height:1}h1 em{color:var(--accent)}.standfirst{max-width:720px;margin:0;font-size:clamp(18px,2.2vw,21px)}h2{letter-spacing:-.005em;margin:0 0 8px;font-size:28px;font-weight:600}h3{margin:0 0 4px;font-size:18px;font-weight:600}.tape{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:56px;padding:26px 0 18px}.tape-top{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.asset{font-family:var(--sans);color:var(--slate);margin-left:8px;font-size:14px;font-weight:400}.controls{flex-wrap:wrap;gap:10px;display:flex}.seg{border:1px solid var(--ink);border-radius:4px;display:inline-flex;overflow:hidden}.seg button{font:500 14px var(--sans);color:var(--ink);background:0 0;border:0;min-width:52px;min-height:44px;padding:0 16px}.seg button+button{border-left:1px solid var(--ink)}.seg button:hover{background:var(--wash)}.seg button:active{background:var(--rule)}.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.tape-sub{font-family:var(--sans);color:var(--slate);margin:10px 0 14px;font-size:13px}.tape-sub.err{color:var(--accent)}.lanes{gap:2px;display:grid}.lane{border-top:1px solid var(--rule);grid-template-columns:minmax(150px,1.1fr) 2fr minmax(150px,.9fr);align-items:center;gap:18px;padding:12px 0;display:grid}.lane:first-child{border-top:0}.lane .who b{font-size:18px;display:block}.lane .who span{font-family:var(--sans);color:var(--slate);font-size:12.5px}.bar{height:22px;position:relative}.bar:before{content:"";border-top:1px solid var(--ink);position:absolute;top:50%;left:0;right:0}.bar i{background:var(--slate);border-radius:2px;min-width:3px;height:10px;position:absolute;top:6px;left:0}.lane.best .bar i{background:var(--accent)}.lane.ely .bar:before{border-top-style:dashed;border-color:var(--slate)}.num{font-family:var(--sans);font-variant-numeric:tabular-nums;text-align:right}.num b{font-size:17px;font-weight:500;display:block}.num span{color:var(--slate);font-size:12.5px}.lane.best .num b:after{content:" best";color:var(--accent);font-size:12px;font-weight:600}.legend{font-family:var(--sans);color:var(--slate);max-width:760px;margin:12px 0 0;font-size:12.5px}.grade{border-bottom:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:24px 48px;margin-bottom:48px;padding-bottom:56px;display:grid}.grade-copy p{max-width:460px;margin:0 0 12px}.grade-form{align-content:start;gap:8px;display:grid}.grade-form label{font-family:var(--sans);font-size:14px;font-weight:500}.opt{color:var(--slate);font-weight:400}.grade-form input{font:15px var(--sans);border:1px solid var(--ink);min-height:48px;color:var(--ink);background:#fbf9f4;border-radius:4px;width:100%;padding:12px}.grade-form input+label{margin-top:8px}.primary{font:600 15px var(--sans);background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:4px;justify-self:start;min-height:48px;margin-top:12px;padding:0 22px}.primary:hover{background:#2c3038}.primary:active{background:#000}.primary:disabled{opacity:.55}.msg{font-family:var(--sans);min-height:20px;margin:6px 0 0;font-size:14px}.msg.err{color:var(--accent)}.receipt{border:1.5px solid var(--ink);background:#fbf9f4;grid-column:1/-1;grid-template-columns:auto 1fr;gap:8px 28px;padding:22px clamp(16px,3vw,28px);display:grid}.receipt .letter{color:var(--accent);grid-row:span 3;font-size:88px;font-weight:500;line-height:.9}.receipt .headline{font-size:22px;font-weight:600}.receipt dl{font-family:var(--sans);grid-template-columns:max-content 1fr;gap:4px 18px;margin:0;font-size:13.5px;display:grid}.receipt dt{color:var(--slate)}.receipt dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.receipt .actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ghost{font:500 14px var(--sans);border:1px solid var(--ink);min-height:44px;color:var(--ink);background:0 0;border-radius:4px;padding:0 16px}.ghost:hover{background:var(--wash)}.method-cols{grid-template-columns:repeat(2,1fr);gap:20px 48px;margin-top:12px;display:grid}.method-cols p{margin:0;font-size:16px}.method,.api{padding-bottom:48px}.endpoints{grid-template-columns:max-content 1fr;gap:10px 24px;margin:16px 0 0;display:grid}.endpoints dd{margin:0}.foot{border-top:1.5px solid var(--ink)}.foot p{max-width:1120px;padding:18px var(--pad) 32px;font-family:var(--sans);color:var(--slate);margin:0 auto;font-size:13px}@media (width<=760px){.lane{grid-template-columns:1fr auto;gap:6px 12px}.lane .bar{grid-area:2/1/auto/-1}.grade,.method-cols{grid-template-columns:1fr}.endpoints{grid-template-columns:1fr;gap:4px}.endpoints dd{margin-bottom:10px}.receipt{grid-template-columns:1fr}.receipt .letter{grid-row:auto;font-size:64px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
