/* Alpha Takeaways pages — layout + long-form overrides on top of site.css.
   Generated HTML (index.html, digest/, entity/, theme/) is produced by
   scripts/sync-takeaways.mjs; this file is committed, not generated. */

a{color:inherit;text-decoration:none}

nav{max-width:1100px;margin:0 auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between}
nav .logo{font-size:var(--fs-lg);color:var(--ink)}
.nav-links{display:flex;align-items:center;gap:20px}
.nav-plain{font-size:var(--fs-sm);color:var(--ink2);transition:color .15s}
.nav-plain:hover{color:var(--ink)}
.nav-signin{font-size:var(--fs-sm);color:var(--ink2);border:1px solid var(--line);border-radius:var(--r-sm);padding:6px 14px;transition:border-color .15s,color .15s}
.nav-signin:hover{border-color:var(--ink3);color:var(--ink)}
.nav-signout{border-color:transparent;color:var(--ink3)}

.takeaways{max-width:720px;margin:32px auto 80px;padding:0 24px}
.crumb{margin-bottom:28px;font-size:var(--fs-xs)}
.crumb a{color:var(--ink3);transition:color .15s}
.crumb a:hover{color:var(--ink2)}

/* long-form type on top of .prose */
.takeaways h1{font-size:var(--fs-hero);font-weight:700;line-height:1.2;letter-spacing:-.02em;margin-bottom:18px}
.takeaways h2{font-size:var(--fs-xl);font-weight:600;color:var(--ink);letter-spacing:-.01em;margin:40px 0 14px}
.takeaways h3{font-size:var(--fs-lg);font-weight:600;margin:28px 0 10px}
.takeaways p{font-size:var(--fs-md);line-height:1.8;margin-bottom:16px}
.takeaways ul{font-size:var(--fs-md);line-height:1.8;margin-bottom:16px}
.takeaways li{margin-bottom:8px}
.takeaways a{color:var(--accent);text-underline-offset:3px}
.takeaways strong{color:var(--ink);font-weight:600}
.takeaways hr{border:none;border-top:1px solid var(--line);margin:36px 0}
/* italic lede under the h1 */
.takeaways h1 + p em{color:var(--ink2)}
.takeaways em{font-style:italic}

footer{max-width:1100px;margin:0 auto;padding:28px 24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-xs);color:var(--ink3);flex-wrap:wrap;gap:12px}
footer a{color:var(--ink3);transition:color .15s}
footer a:hover{color:var(--ink2)}
.footer-links{display:flex;gap:20px}

:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}