.hs{--bg:#fbf7f0;--ink:#16130f;--muted:#6b6259;--line:#e2d9cc;--card:#fff;--accent:#b23a6b;background:var(--bg);color:var(--ink);font-family:var(--font-inter,Inter), -apple-system, "Segoe UI", Roboto, sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}@media (prefers-color-scheme:dark){.hs{--bg:#121110;--ink:#f2eee7;--muted:#a49a8e;--line:#2e2a25;--card:#1a1816;--accent:#ef7fae}}.hs.wrap{max-width:1120px;margin:0 auto;padding:0 24px 96px}.hs *{box-sizing:border-box}.hs header{border-bottom:1px solid var(--line);padding:88px 0 56px}.hs h1{font-family:var(--font-instrument-serif,"Instrument Serif"), Georgia, serif;letter-spacing:-.01em;margin:0 0 18px;font-size:clamp(38px,6vw,68px);font-weight:400;line-height:1.05}.hs .lede{max-width:62ch;color:var(--muted);margin:0 0 8px}.hs .lede strong{color:var(--ink);font-weight:500}.hs section{border-bottom:1px solid var(--line);padding:64px 0 8px}.hs section:last-of-type{border-bottom:0}.hs h2{font-family:var(--font-instrument-serif,"Instrument Serif"), Georgia, serif;letter-spacing:-.01em;margin:0 0 6px;font-size:clamp(26px,3.4vw,40px);font-weight:400}.hs .sub{color:var(--muted);max-width:62ch;margin:0 0 32px}.hs .note{border-left:2px solid var(--accent);max-width:62ch;color:var(--muted);margin:0 0 32px;padding:2px 0 2px 16px}.hs .grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:40px 28px;display:grid}.hs .card{margin:0}.hs .card img{border:1px solid var(--line);border-radius:3px;width:100%;height:auto;display:block;box-shadow:0 14px 34px #0000001a}.hs .card h3{margin:14px 0 2px;font-size:16px;font-weight:600}.hs .meta{color:var(--muted);margin:0 0 6px;font-size:13px}.hs .cap{margin:0 0 8px;font-size:14.5px}.hs details{color:var(--muted);font-size:13px}.hs summary{cursor:pointer;color:var(--accent);padding:2px 0;font-weight:500;list-style:none}.hs summary::-webkit-details-marker{display:none}.hs summary:before{content:"+ "}.hs details[open] summary:before{content:"−"}.hs .prompt{margin:6px 0 0;line-height:1.5}.hs .cardtest{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:36px;display:grid}@media (max-width:720px){.hs .cardtest{grid-template-columns:1fr}}.hs pre{background:var(--card);border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;border-radius:4px;margin:0 0 18px;padding:16px;font-size:12.5px;line-height:1.5;overflow-x:auto}.hs .tools li{margin-bottom:8px}.hs footer{color:var(--muted);padding:56px 0 0;font-size:14px}.hs a{color:var(--accent)}
