@font-face{font-family:Schibsted Grotesk;src:url(/fonts/schibsted-grotesk.woff2)format("woff2");font-style:normal;font-weight:400 800;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}:root,[data-theme=light]{color-scheme:light;--ground:#e7ece5;--surface:#f5f2e8;--layer:#d5dfd2;--ink:#172c24;--muted:#4e6658;--rule:#a1b0a2;--brand:#204c3b;--on-brand:#f5f2e8;--brand-soft:#c4d5c7;--accent:#e3e9ab;--accent-hover:#d5df91;--accent-pressed:#c4d073;--action-ink:#172c24;--focus:#754119;--disabled-bg:#d3dbd2;--disabled-ink:#58665a;--success:#285b40;--success-bg:#dcebdc;--warning:#69531e;--warning-bg:#e9e5cf;--error:#854b3e;--error-bg:#eae0d6;--sans:"Schibsted Grotesk",Arial,sans-serif;--mono:"IBM Plex Mono",monospace;--step:8px}[data-theme=dark]{color-scheme:dark;--ground:#14281f;--surface:#1e382b;--layer:#2a4838;--ink:#f5f2e8;--muted:#bacabd;--rule:#607967;--brand:#204c3b;--on-brand:#f5f2e8;--brand-soft:#c4d5c7;--focus:#f4d19c;--disabled-bg:#324c3c;--disabled-ink:#b2c1b3;--success:#b7dec0;--success-bg:#254b32;--warning:#d6c786;--warning-bg:#3e402b;--error:#ddb1a0;--error-bg:#483a32}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{background:var(--ground);color:var(--ink);font:400 17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit}a{color:inherit;text-underline-offset:5px}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{letter-spacing:-.04em;line-height:1.08}h1{font-weight:750}h2{font-size:clamp(30px,3.2vw,43px);font-weight:700}h3{font-size:23px;font-weight:650}p{max-width:62ch}svg{display:block}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}img{max-width:100%;display:block}.shell{width:min(1160px,100% - 80px);margin-inline:auto}.meta{font:400 14px/1.5 var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:14px;line-height:1.5}.topline{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:16px;padding-block:23px;display:flex}.wordmark{letter-spacing:-1px;align-items:center;gap:11px;min-height:44px;font-size:25px;font-weight:750;text-decoration:none;display:flex}.wordmark svg{width:32px;height:32px}.top-actions{align-items:center;gap:24px;display:flex}.top-actions a{align-items:center;min-height:44px;font-size:14px;text-decoration:none;display:flex}.theme-toggle{border:1px solid var(--rule);min-width:44px;min-height:44px;color:var(--ink);background:0 0;border-radius:50%;place-items:center;display:grid}.theme-toggle svg{width:20px;height:20px}.button{background:var(--accent);color:var(--action-ink);border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 22px;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex}.button:hover{background:var(--accent-hover)}.button:active,.button.is-pressed{background:var(--accent-pressed);transform:translateY(1px)}.button.secondary{border-color:var(--muted);color:var(--ink);background:0 0}.button.secondary:hover{background:var(--layer)}.button.secondary:active{background:var(--layer);box-shadow:inset 0 0 0 1px var(--muted)}.button:disabled{background:var(--disabled-bg);color:var(--disabled-ink);border-color:#0000;transform:none}.button.is-focused{outline:3px solid var(--focus);outline-offset:4px}.skip{background:var(--surface);z-index:99;padding:12px;position:absolute;top:-100px;left:15px}.skip:focus{top:15px}.row{border-top:1px solid var(--rule);grid-template-columns:220px minmax(0,1fr);gap:40px;padding-block:48px;display:grid}.row-label{padding-top:6px;font-size:15px;font-weight:500;line-height:1.5}.row-body{min-width:0}.row-body>p{margin-top:20px}.footer{border-top:1px solid var(--rule);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:20px;padding-block:30px 40px;font-size:14px;display:flex}.footer a{align-items:center;min-height:44px;display:inline-flex}.pill-state{align-items:baseline;gap:10px;padding:14px 18px;font-size:15px;line-height:1.5;display:flex}.success{color:var(--success);background:var(--success-bg)}.warning{color:var(--warning);background:var(--warning-bg)}.error{color:var(--error);background:var(--error-bg)}.study-heading{margin-block:45px 30px}.study-heading h1{max-width:17ch;font-size:clamp(38px,5vw,64px)}.study-heading p{color:var(--muted);margin-top:18px}.study-nav{flex-wrap:wrap;gap:22px;margin-bottom:30px;display:flex}.study-nav a{align-items:center;min-height:44px;font-size:14px;display:inline-flex}.study-section{border-top:1px solid var(--rule);padding-block:42px}.study-section>h2{margin-bottom:12px}.study-section>p{color:var(--muted);margin-bottom:30px}.two-up{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.study-caption{color:var(--muted);margin-top:15px;font-size:14px}.theme-panel{background:var(--ground);color:var(--ink);padding:24px}.theme-panel.dark{color:#f5f2e8;background:#14281f}.frame{border:1px solid var(--rule);background:var(--ground);width:100%;max-width:390px;height:844px;margin:auto;display:block}.swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.swatch-color{border:1px solid var(--rule);height:80px;margin-bottom:10px}.swatches h3{font-size:17px}.swatches p{margin-top:4px;font-size:14px}.controls{flex-wrap:wrap;gap:20px;margin-block:25px;display:flex}.tokens-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.token-note{background:var(--surface);margin-top:28px;padding:28px}.token-note p{margin-block:12px}.icon-strip{flex-wrap:wrap;align-items:end;gap:26px;display:flex}.icon-sample{text-align:center}.icon-sample figcaption{font:400 14px/1.4 var(--mono);margin-top:12px}.app-icon{color:#f5f2e8;background:#204c3b;border-radius:23%;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.app-icon svg{width:100%;height:100%}.app-icon.dark-icon{color:#f5f2e8;background:#2a4838;box-shadow:inset 0 0 0 1px #66816d}.app-icon.tinted-icon{color:#264b35;background:#d0dcc9}.icon-comparison{grid-template-columns:1fr 1fr;gap:40px;margin-top:30px;display:grid}.home-context{background:var(--surface);flex-wrap:wrap;gap:24px;margin-top:25px;padding:24px;display:flex}.home-context figure{text-align:center;width:60px}.home-context figcaption{margin-top:8px;font-size:14px}.neighbor-icon{background:var(--layer);width:60px;height:60px;color:var(--ink);border-radius:14px;place-items:center;font-size:24px;display:grid}.privacy-note{color:var(--muted);margin-top:24px;font-size:14px}.note-letter{border-top:1px solid var(--rule);margin-top:28px;padding:28px 0 0}.note-letter p{margin-block:14px;font-size:18px}.note-letter .author{color:var(--muted);font-size:14px}@media (width<=760px){.shell{width:calc(100% - 40px)}.topline{padding-block:12px}.wordmark{gap:7px;font-size:22px}.top-actions{gap:12px}.row{grid-template-columns:1fr;gap:18px;padding-block:30px}.row-label{padding:0}.two-up,.tokens-grid,.icon-comparison{grid-template-columns:1fr;gap:30px}.theme-panel{padding:14px}.swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.study-heading{margin-block:28px}.study-section{padding-block:30px}.frame{height:844px}.top-actions a,.footer{font-size:14px}.study-nav{gap:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.sleeve-mark .paper{fill:var(--mark-paper,#fffbed);stroke:var(--mark-sleeve,#31543e)}.sleeve-mark .photo{fill:var(--mark-photo,#dce5ce)}.sleeve-mark.plain-print .photo{display:none}.sleeve-mark .pocket{fill:var(--mark-sleeve,#31543e)}.sleeve-mark .lip{stroke:var(--mark-edge,#b4c8a9)}