:root{--poster-display: "Bricolage Grotesque Variable", "Avenir Next", "Segoe UI", system-ui, sans-serif;--poster-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--gallery-card: var(--rhp-color-gray);--gallery-radius: var(--page-border-radius-4, .5rem);--gallery-accent: #f2cc8f;--gallery-accent-ink: #f2cc8f}:root[data-theme=light]{--gallery-accent-ink: #9a6b1c}.poster{margin:0;padding:20px 20px 14px;border-radius:16px;background:#ffffff;color:#1c2433;overflow:hidden;line-height:1.5}.poster figcaption{display:grid;gap:5px;margin-bottom:16px}.poster .kicker{font:600 10.5px/1.3 var(--poster-mono);letter-spacing:.16em;text-transform:uppercase;opacity:.72}.poster .headline{font:800 32px/1 var(--poster-display);letter-spacing:-.02em;text-wrap:balance}.poster .dek{font-size:14px;line-height:1.45;opacity:.82;max-width:46ch}.poster .note{display:block;margin-top:12px;font-size:11px;line-height:1.4;opacity:.62}.poster .keys{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px}.poster .keys i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}@media (max-width: 480px){.poster{padding:16px 14px 12px}.poster .headline{font-size:26px}}.poster.medals{background:#f7f3ec;color:#111214}.poster.medals .kicker{color:#8a6412;opacity:1}.poster.medals .headline{font:800 46px/.92 Barlow Condensed,Arial Narrow,sans-serif;letter-spacing:.01em;text-transform:uppercase}.poster.medals .keys i.gold{background:radial-gradient(circle at 30% 26%,#fff4c4,#e0b43f 46%,#a87a14)}.poster.medals .keys i.silver{background:radial-gradient(circle at 30% 26%,#fff,#bfc5cb 46%,#858d95)}.poster.medals .keys i.bronze{background:radial-gradient(circle at 30% 26%,#ffe2c9,#cf8a55 46%,#8a4b23)}.poster.coffee{background:#f3ebe0;color:#2b1b12}.poster.coffee .kicker{color:#9a5a2a;opacity:1}.poster.coffee .headline{font:800 38px/1 Fraunces Variable,Georgia,serif;letter-spacing:-.02em}.poster.coffee .keys i.espresso{background:linear-gradient(90deg,#24150c,#8d5b33)}.poster.coffee .keys i.milk{background:#e9dac4;box-shadow:inset 0 0 0 1px #d8c6ac}.poster.coffee .keys i.foam{background:#fff;box-shadow:inset 0 0 0 1px #d8c6ac}.poster.battery{background:#f5f5f7;color:#1d1d1f}.poster.battery .kicker{font-family:system-ui,sans-serif;letter-spacing:.08em;opacity:.6}.poster.battery .headline{font:800 34px/1.02 system-ui,-apple-system,sans-serif;letter-spacing:-.035em}.poster.battery .keys button{font:inherit;color:inherit;background:none;border:0;border-radius:99px;padding:2px 8px 2px 4px;margin:0 -8px 0 -4px;cursor:pointer}.poster.battery .keys button:hover{background:rgb(29 29 31 / .07)}.poster.battery .keys button.off{opacity:.35}.poster.books{background:#f7f1e6;color:#2a2118}.poster.books .kicker{color:#8a5a3a;opacity:1}.poster.books .headline{font:800 38px/1 Fraunces Variable,Georgia,serif;letter-spacing:-.02em}.poster.books .dek{font-style:italic}.poster.wind{background:linear-gradient(165deg,#eef6f9,#d4e8f1);color:#0b2a3c}.poster.wind .kicker{color:#ff6b4a;opacity:1}.poster.wind .headline{font:800 34px/1.02 system-ui,-apple-system,sans-serif;letter-spacing:-.035em}.poster.census{background:#f4f1ea;color:#1f2933}.poster.census .headline{font-size:36px}.poster.climate{background:#0d1117;color:#e8ecf2}.poster.climate .kicker{color:#f58058;opacity:1}.poster.climate .headline{font:800 36px/1 system-ui,-apple-system,sans-serif;letter-spacing:-.035em;background:linear-gradient(90deg,#78b1d6,#e8ecf2 45%,#f58058);-webkit-background-clip:text;background-clip:text;color:transparent}.poster.budget{background:#fff;color:#1c2433;box-shadow:inset 0 0 0 1px #e6e9ef}.poster.budget .kicker{color:#0b8a63;opacity:1}.poster.budget .headline{font:800 32px/1.02 system-ui,-apple-system,sans-serif;letter-spacing:-.035em}.poster.budget .dek b{font-size:20px;letter-spacing:-.02em;color:#0b8a63}.poster.watch{background:#0a0a0c;color:#f5f5f7}.poster.watch .kicker{color:#f43f5e;opacity:1}.poster.watch .headline{font:800 36px/1 system-ui,-apple-system,sans-serif;letter-spacing:-.04em}.poster.weather{background:linear-gradient(170deg,#fbf4ea,#eef4fa 70%);color:#1f2a37}.poster.weather .kicker{color:#c4342c;opacity:1}.poster.weather .headline{font:800 40px/.95 Barlow Condensed,Arial Narrow,sans-serif;text-transform:uppercase;letter-spacing:.01em}.poster.weather .heat-key{display:inline-flex;align-items:center;gap:6px;margin-left:4px;font-size:12px;opacity:.85}.poster.weather .heat-key i{width:96px;height:8px;border-radius:99px;background:linear-gradient(90deg,rgb(59 130 196),rgb(120 181 196),rgb(233 196 106),rgb(238 129 72),rgb(196 52 44))}.poster.strings{background:#121110;color:#f3e9d2}.poster.strings .kicker{color:#d08a3c;opacity:1}.poster.strings .headline{font:800 38px/1 Fraunces Variable,Georgia,serif;letter-spacing:-.02em}.poster.strings .dek{font-style:italic}.poster.clinic{background:#f3faf8;color:#0f3d3a}.poster.clinic .kicker{color:#0e9f8a;opacity:1}.poster.clinic .headline{font:800 32px/1.02 system-ui,-apple-system,sans-serif;letter-spacing:-.035em}.poster.sound{background:radial-gradient(120% 90% at 50% 0%,#2a1d48,#0e0c14 62%);color:#f4f1ff}.poster.sound .kicker{color:#ec4899;opacity:1}.poster.sound .headline{font:800 36px/1 system-ui,-apple-system,sans-serif;letter-spacing:-.04em}.poster.sound .strike{cursor:pointer;border-radius:10px}.poster.sound .strike:focus-visible{outline:2px solid #ec4899;outline-offset:6px}.poster.alpine{background:linear-gradient(180deg,#dce9f4,#f4ede3);color:#13293d}.poster.alpine .kicker{color:#c96524;opacity:1}.poster.alpine .headline{font:800 44px/.92 Barlow Condensed,Arial Narrow,sans-serif;text-transform:uppercase;letter-spacing:.01em}.poster.drawing{color:#141414;background-color:#fbfaf7;background-image:linear-gradient(#efece6 1px,transparent 1px),linear-gradient(90deg,#efece6 1px,transparent 1px);background-size:16px 16px}.poster.drawing .kicker{color:#ff5a1f;opacity:1}.poster.drawing .headline{font:800 34px/1 system-ui,-apple-system,sans-serif;letter-spacing:-.04em}.poster.market{background:#fff1e5;color:#33302e}.poster.market .kicker{color:#990f3d;opacity:1}.poster.market .headline{font:600 36px/1.05 Fraunces Variable,Georgia,serif;letter-spacing:-.015em}.poster.market .ohlc{display:flex;flex-wrap:wrap;gap:2px 14px;margin:-4px 0 14px;padding:7px 0;border-block:1px solid #eadbcc;font-size:12px;font-variant-numeric:tabular-nums}.poster.market .ohlc .up{color:#0d7680}.poster.market .ohlc .down{color:#990f3d}.playground .heat-readout{margin:0 0 10px;min-height:1.5em;font-size:14px;font-variant-numeric:tabular-nums;color:var(--sl-color-white)}.playground .buttons{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.playground button.mini{font:inherit;font-size:13px;padding:4px 11px;margin-bottom:8px;border-radius:var(--gallery-radius);cursor:pointer;border:1px solid var(--sl-color-gray-5);background:transparent;color:var(--sl-color-text)}.playground button.mini:hover{background:var(--gallery-card);color:var(--sl-color-white)}.playground .slider{display:inline-flex;align-items:center;gap:8px;margin:0 0 8px 8px;font-size:13px;color:var(--sl-color-text)}.playground .slider input{width:160px;margin:0;accent-color:var(--gallery-accent)}.playground .slider output{min-width:2.5ch;font-weight:600;font-variant-numeric:tabular-nums;color:var(--sl-color-white)}.playground .v1-card{background:#2e2f43;border-radius:16px;padding-bottom:24px;box-shadow:inset 0 0 0 1px var(--sl-color-gray-5)}:root[data-theme=light] .playground .v1-card{background:#ffffff;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px}.playground .dots-fit{contain:inline-size}.playground .dots-window{width:-moz-fit-content;width:fit-content;margin:0 auto}.playground .rhp-chart.dots{box-sizing:content-box}.playground .rhp-chart.dots[data-rhp-o=h]{width:660px}.playground .rhp-chart.dots[data-rhp-o=v]{width:540px}.playground .legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 10px;font-size:14px;color:var(--sl-color-text)}.playground .legend i{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:3px;vertical-align:-1px}.playground{container-type:inline-size;margin-block:1.5rem 2rem;font-size:15px;line-height:1.5;color:var(--sl-color-text)}.pg-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:14px}.pg-seg{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--gallery-card);border:1px solid var(--sl-color-gray-5)}.pg-seg button{font:500 14px/1 var(--__sl-font);padding:8px 14px;border:0;border-radius:999px;background:none;color:var(--sl-color-text);cursor:pointer}.pg-seg button:hover{color:var(--sl-color-white)}.pg-seg button[aria-checked=true]{background:var(--sl-color-text);color:var(--sl-color-bg)}.pg-button{font:500 14px/1 var(--__sl-font);padding:10px 18px;border:0;border-radius:999px;background:var(--gallery-accent);color:#2e2f43;cursor:pointer}.pg-button:hover{filter:brightness(1.06)}.playground :is(.pg-seg button,.pg-button,.pg-tabs button,.pg-actions button):focus-visible{outline:2px solid var(--gallery-accent);outline-offset:2px}.pg-body{display:grid;gap:18px}@container (min-width: 900px){.pg-body{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start}.pg-code{position:sticky;top:calc(var(--sl-nav-height) + 1rem)}}.pg-preview{min-width:0}.playground[data-version=simple] .pg-preview{padding:18px 16px 12px;border-radius:var(--gallery-radius);background:var(--gallery-card);border:1px solid var(--sl-color-gray-5)}.pg-code{display:flex;flex-direction:column;min-width:0;max-height:min(740px,calc(100vh - var(--sl-nav-height) - 3rem));overflow:hidden;border-radius:var(--gallery-radius);background:var(--gallery-card);border:1px solid var(--sl-color-gray-5);box-shadow:var(--sl-shadow-md)}.playground[data-version=simple] .pg-code{max-height:min(560px,calc(100vh - var(--sl-nav-height) - 3rem))}.pg-tabs{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:8px 10px 0;border-bottom:1px solid var(--sl-color-gray-5)}.pg-tabs [role=tablist]{display:flex;gap:2px}.pg-tabs [role=tab]{font:500 13px/1 var(--sl-font-mono, var(--sl-font-system-mono));padding:10px 13px 11px;border:0;border-radius:6px 6px 0 0;background:none;color:var(--sl-color-gray-3);cursor:pointer}.pg-tabs [role=tab]:hover{color:var(--sl-color-white)}.pg-tabs [role=tab][aria-selected=true]{color:var(--sl-color-white);box-shadow:inset 0 -2px 0 var(--gallery-accent)}.pg-dot{display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;vertical-align:1px;box-shadow:inset 0 0 0 1.5px var(--sl-color-gray-4)}.pg-dot.on{background:var(--gallery-accent);box-shadow:none}.pg-actions{display:flex;gap:6px;padding-bottom:7px}.pg-actions button{font:500 13px/1 var(--__sl-font);padding:7px 12px;border:1px solid var(--sl-color-gray-5);border-radius:6px;background:none;color:var(--sl-color-text);cursor:pointer}.pg-actions button:hover:not(:disabled){background:var(--gallery-card);color:var(--sl-color-white)}.pg-actions button:disabled{opacity:.4;cursor:default}.pg-file{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}.pg-file[hidden]{display:none}.pg-file .cm-scroller{overflow-x:auto}.pg-hint{margin:0;padding:10px 16px 11px;border-top:1px solid var(--sl-color-gray-5);font-size:13.5px;color:var(--sl-color-gray-3)}.pg-hint code{font-size:12.5px;color:var(--sl-color-white);background:none}.pg-loading{min-height:520px;border-radius:var(--gallery-radius);background:var(--gallery-card);border:1px solid var(--sl-color-gray-5)}.gallery-head{display:grid;gap:12px}.gallery-kicker{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;font:600 12.5px/1.4 var(--poster-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gallery-accent-ink)}.gallery-kicker a{color:var(--sl-color-text);text-decoration:none;letter-spacing:.06em}.gallery-kicker a:hover{color:var(--sl-color-white)}.gallery-lede{margin:0;font-size:var(--sl-text-lg);line-height:1.55;color:var(--sl-color-text);max-width:60ch}.gallery-chips{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none}.gallery-chips li{padding:3px 11px;border-radius:999px;font:500 13px/1.5 var(--sl-font-mono, var(--sl-font-system-mono));color:var(--sl-color-text);background:var(--gallery-card);border:1px solid var(--sl-color-gray-5)}.gallery-pager{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;margin-top:2.5rem}.gallery-pager a{text-decoration:none;color:var(--sl-color-text)}.gallery-pager .prev,.gallery-pager .next{display:grid;gap:2px;padding:14px 18px;border-radius:var(--gallery-radius);background:var(--gallery-card);border:1px solid var(--sl-color-gray-5);box-shadow:var(--sl-shadow-md);font-size:var(--sl-text-lg);font-weight:600;color:var(--sl-color-white)}.gallery-pager .next{text-align:right}.gallery-pager small{font-size:13px;font-weight:400;color:var(--sl-color-gray-3)}.gallery-pager :is(.prev,.next):hover{border-color:var(--sl-color-gray-2)}:root{--gallery-lift: 0 1px 2px rgb(0 0 0 / .18), 0 16px 32px -20px rgb(0 0 0 / .8);--gallery-lift-hover: 0 2px 4px rgb(0 0 0 / .2), 0 26px 44px -22px rgb(0 0 0 / .9)}:root[data-theme=light]{--gallery-lift: 0 1px 2px rgb(20 22 36 / .08), 0 14px 30px -22px rgb(20 22 36 / .55);--gallery-lift-hover: 0 2px 4px rgb(20 22 36 / .08), 0 22px 40px -22px rgb(20 22 36 / .6)}.gallery-intro{max-width:46rem;margin:1rem 0}.gallery-intro .gallery-kicker{margin:0 0 12px}.gallery-intro h1{margin:0;font-size:clamp(2.6rem,6vw,4rem);line-height:1.02;font-weight:600;letter-spacing:-.03em;color:var(--sl-color-white)}.gallery-intro .gallery-lede{margin-top:1rem}.gallery-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:30px 26px;margin:0;padding:0;list-style:none;align-items:start}.gallery-tiles.masonry{grid-auto-rows:4px;row-gap:0}.gallery-tile a{display:block;text-decoration:none;color:inherit}.gallery-tile a:focus-visible{outline:none}.gallery-shot{display:block;border-radius:16px;box-shadow:var(--gallery-lift);outline:1px solid transparent;outline-offset:-1px;transition:translate .25s cubic-bezier(.2,.8,.3,1),box-shadow .25s,border-color .25s,outline-color .25s}.gallery-shot img{display:block;width:100%;height:auto;border-radius:16px}.gallery-tile.on-page .gallery-shot{padding:14px;background:var(--gallery-card);border:1px solid var(--sl-color-gray-5);box-shadow:var(--sl-shadow-md)}.gallery-tile.on-page .gallery-shot img{border-radius:4px}.gallery-tile a:is(:hover,:focus-visible) .gallery-shot{translate:0 -4px;box-shadow:var(--gallery-lift-hover)}.gallery-tile.on-page a:is(:hover,:focus-visible) .gallery-shot{border-color:var(--sl-color-gray-2)}.gallery-tile:not(.on-page) a:hover .gallery-shot{outline-color:var(--sl-color-gray-2)}.gallery-tile a:focus-visible .gallery-shot{outline:2px solid var(--gallery-accent);outline-offset:3px}.gallery-meta{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:baseline;padding:14px 4px 0}.gallery-num{grid-row:span 2;font:600 12px/1.6 var(--poster-mono);letter-spacing:.08em;color:var(--gallery-accent-ink)}.gallery-title{font-size:var(--sl-text-lg);font-weight:600;line-height:1.3;color:var(--sl-color-white)}.gallery-poster{font-size:var(--sl-text-sm);color:var(--sl-color-gray-3)}.gallery-tile a:is(:hover,:focus-visible) .gallery-title{color:var(--gallery-accent-ink)}
