:root{color-scheme:light;--ink:#0f2438;--muted:#53697d;--paper:#f6f1e7;--card:#fffdf8;--blue:#0b5f7a;--coral:#ef6a4c;--line:#d8d0c0;--focus:#ffb000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 12% 0,#fbd9bd 0,transparent 31rem),linear-gradient(145deg,#f8f2e8,#edf4f4);color:var(--ink);min-height:100vh}a{color:var(--blue)}a:focus-visible,button:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.shell{width:min(1180px,calc(100% - 32px));margin:auto;padding:56px 0 80px}.eyebrow{font:700 12px/1.2 ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--coral)}h1{font:800 clamp(2.5rem,8vw,6.8rem)/.86 Georgia,serif;max-width:980px;margin:18px 0 26px;letter-spacing:-.055em}.intro{max-width:760px;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55;color:var(--muted)}.status{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 48px}.pill{border:1px solid var(--line);border-radius:999px;background:#ffffffb8;padding:8px 12px;font:700 12px/1 ui-monospace,monospace}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.card{grid-column:span 6;background:var(--card);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 22px 60px #1e35431a;display:flex;flex-direction:column}.preview{aspect-ratio:16/9;width:100%;object-fit:cover;border-bottom:1px solid var(--line);background:#e6eceb}.body{padding:24px;display:flex;flex-direction:column;gap:15px;height:100%}.meta{display:flex;justify-content:space-between;gap:14px;align-items:start}.meta h2{font:800 1.65rem/1 Georgia,serif;margin:0}.category{font:700 11px/1.35 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--coral);text-align:right}.summary{color:var(--muted);line-height:1.5;margin:0}.detail{font-size:.88rem;line-height:1.45;border-top:1px solid var(--line);padding-top:12px}.detail strong{display:block;color:var(--ink);margin-bottom:3px}.endpoint{font:600 12px/1.5 ui-monospace,monospace;overflow-wrap:anywhere;background:#eef2f0;padding:12px;border-radius:12px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto}.copy{border:0;border-radius:999px;background:var(--ink);color:#fff;padding:12px 17px;font-weight:800;cursor:pointer}.copy:hover{background:var(--blue)}.copy-status{font-size:.82rem;color:var(--muted);min-height:1.2em}.how{margin-top:60px;padding:clamp(24px,5vw,48px);background:var(--ink);color:#f9f5ec;border-radius:28px}.how h2{font:800 clamp(1.8rem,4vw,3.3rem)/1 Georgia,serif;margin:0 0 18px}.how ol{padding-left:22px;line-height:1.8}code{overflow-wrap:anywhere}.how code{color:#fff2b6}.footer{margin-top:34px;color:var(--muted);font-size:.9rem;line-height:1.6}@media(max-width:760px){.shell{width:min(100% - 20px,1180px);padding-top:32px}.card{grid-column:span 12}.body{padding:18px}.meta{display:block}.category{text-align:left;margin-top:8px}h1{font-size:clamp(2.7rem,16vw,5rem)}}@media(max-width:340px){.shell{width:calc(100% - 12px)}.body{padding:14px}.endpoint{font-size:10px}}