:root{--navy:#0a1b4d;--blue:#0a3df9;--blue-deep:#0733c9;--blue-soft:#e9eeff;--teal:#10e0d4;--teal-dark:#0a9e96;--teal-soft:#ddfbf8;--paper:#f5f7fc;--card:#fff;--line:#dce2f0;--text:#131f45;--muted:#5a6690}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:var(--blue);text-decoration:none}.wrap{max-width:960px;margin:0 auto;padding:0 24px}.nav{border-bottom:1px solid var(--line);background:#fff;padding:16px 0}.brand{color:var(--navy);font-size:20px;font-weight:800}.brand span{color:var(--blue)}h1{color:var(--navy);letter-spacing:-.02em;margin:36px 0 8px;font-size:34px;line-height:1.15}.sub{color:var(--muted);margin-bottom:28px}.story{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:20px 22px}.story h3{color:var(--navy);margin-bottom:6px;font-size:17px}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;font-size:12.5px;display:flex}.chip{letter-spacing:.06em;text-transform:uppercase;background:var(--blue-soft);color:var(--blue-deep);border-radius:6px;padding:3px 9px;font-size:10.5px;font-weight:700}.att{color:var(--teal-dark);font-size:12px;font-weight:700}.snippet{color:var(--muted);font-size:14px}.setup{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-top:36px;padding:28px}.setup code{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:2px 7px;font-size:13px}.setup li{margin:8px 0 8px 20px}