:root{color-scheme:light;--ink:#202329;--muted:#606974;--line:#e4e7ec;--blue:#1665d8;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;color:var(--ink);background:#fafbfc}*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #7fb4ff;outline-offset:4px}header,main,footer{max-width:1100px;margin:auto;padding:24px 32px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:750;color:var(--ink);letter-spacing:-.03em}nav{display:flex;gap:24px;align-items:center;font-size:14px}.button,button{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 14px;color:var(--ink);font:inherit;cursor:pointer}.button:hover,button:hover{background:#f0f4fa}main{padding-top:0;padding-bottom:72px}.intro{padding:76px 0 52px;max-width:750px}.eyebrow{font-size:12px;color:var(--muted);letter-spacing:.06em;font-weight:650}h1{font-size:clamp(32px,5vw,56px);letter-spacing:-.04em;line-height:1.18;margin:20px 0}p{line-height:1.85}.intro>p:last-child{font-size:18px;color:var(--muted);max-width:640px}.posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.posts article{border-top:1px solid var(--line);padding:20px 0}.posts h2{font-size:24px;line-height:1.4;letter-spacing:-.02em}.posts h2 a{color:var(--ink)}.posts p{color:var(--muted)}aside{border:1px solid var(--line);border-radius:12px;padding:24px;margin-top:40px;background:#fff}aside h2{font-size:21px;margin-top:0}aside p{color:var(--muted)}.article{max-width:740px;margin:auto;padding:56px 0 0}.article>p{font-size:17px}.article .eyebrow{margin-top:36px;font-size:12px}.article .subtitle{font-size:16px;color:var(--muted)}.article .meta{font-size:13px;color:var(--muted);margin:20px 0 40px}.choices{display:flex;flex-wrap:wrap;gap:12px}footer{display:flex;flex-wrap:wrap;gap:24px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}footer span{margin-right:auto}@media(max-width:640px){header,main,footer{padding-left:20px;padding-right:20px}nav{gap:12px;font-size:12px}.brand{font-size:18px}.button{padding:8px}h1{font-size:36px}.intro{padding-top:48px}.posts{grid-template-columns:1fr}.article{padding-top:32px}.choices button{width:100%}}