/* Blog styles: same look as legal.css (butter background, blue ink, paper card with offset shadow). */
:root{--butter:#fff3b5;--blue:#273fc7;--paper:#fffbed;--pale:#dfe6f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--butter);color:var(--blue);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.shell{width:min(920px,calc(100% - 48px));margin:auto}
.nav{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid #273fc744}.brand{font-size:24px;font-weight:900;line-height:.92;letter-spacing:-1.2px;text-decoration:none}.nav-links{display:flex;align-items:baseline;gap:24px;font-size:14px}.nav-links a{text-decoration:none}.nav-links a:hover{text-decoration:underline}.nav-links a[aria-current="page"]{font-weight:700}.nav-arrow{line-height:1}
.hero{padding:70px 0 36px}.eyebrow{font:700 12px monospace;letter-spacing:2px;text-transform:uppercase;margin:0 0 18px}.eyebrow a{text-decoration:none}.eyebrow a:hover{text-decoration:underline}h1{font-size:clamp(52px,8vw,84px);line-height:.94;letter-spacing:-4px;margin:0 0 24px;font-weight:900}.lede{font-size:21px;line-height:1.5;max-width:720px;margin:0 0 20px}
.post-meta{font:700 12px monospace;letter-spacing:1px;text-transform:uppercase;margin:0}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:16px 0 0}.tags li{background:var(--pale);border:2px solid var(--blue);border-radius:999px;padding:6px 11px;font:700 11px monospace}
.paper{background:var(--paper);border:3px solid var(--blue);border-radius:18px;padding:clamp(24px,5vw,58px);box-shadow:7px 7px 0 var(--blue);margin:12px 0 70px}
.post-list{list-style:none;margin:0;padding:0}.post-card{padding:0 0 30px;margin:0 0 30px;border-bottom:3px solid var(--blue)}.post-card:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.post-card h2{font-size:clamp(26px,4vw,34px);line-height:1.08;letter-spacing:-1.2px;margin:10px 0 12px;font-weight:900}.post-card h2 a{text-decoration:none}.post-card h2 a:hover{text-decoration:underline}.post-card p{font-size:16px;line-height:1.6;margin:0 0 12px}.read-more{font-weight:700;font-size:15px}
.empty{text-align:left}.empty-title{font-size:clamp(30px,5vw,42px);font-weight:900;letter-spacing:-1.5px;line-height:1.05;margin:0 0 14px}.empty p{font-size:17px;line-height:1.65;margin:0 0 12px;max-width:640px}
.prose{font-size:17px;line-height:1.7;margin-bottom:28px}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose h1,.prose h2{font-size:28px;line-height:1.1;letter-spacing:-1px;margin:46px 0 14px;font-weight:900}.prose h3{font-size:21px;letter-spacing:-.5px;margin:32px 0 10px}.prose h4,.prose h5,.prose h6{font-size:17px;margin:26px 0 8px}.prose p,.prose li{font-size:17px;line-height:1.7}.prose ul,.prose ol{padding-left:24px}.prose li{margin:4px 0}.prose img{max-width:100%;height:auto;border:3px solid var(--blue);border-radius:12px;display:block;margin:24px 0}.prose code{font-family:monospace;font-size:.92em;background:var(--pale);border-radius:5px;padding:2px 5px}.prose pre{background:var(--blue);color:var(--butter);border-radius:12px;padding:20px 22px;overflow-x:auto;line-height:1.5}.prose pre code{background:none;padding:0;color:inherit;font-size:14px}.prose blockquote{background:var(--pale);border-left:5px solid var(--blue);margin:26px 0;padding:14px 20px}.prose blockquote p{margin:8px 0}.prose hr{border:0;border-top:3px solid var(--blue);margin:36px 0}
.all-posts{margin:0 0 60px;font-weight:700}.all-posts a{text-decoration:none}.all-posts a:hover{text-decoration:underline}
.footer{border-top:1px solid #273fc744;padding:28px 0 38px;display:flex;justify-content:space-between;gap:24px;font-size:13px;line-height:1.7}.footer p{margin:0;max-width:440px}.footer-links{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:6px}
.skip{position:absolute;top:-100px}.skip:focus{top:8px;left:8px;background:var(--paper);padding:12px;z-index:2}
@media(max-width:600px){.shell{width:min(100% - 30px,920px)}.nav-links{gap:16px;font-size:13px}.hero{padding-top:48px}h1{letter-spacing:-2.5px}.paper{box-shadow:4px 4px 0 var(--blue)}.footer{display:block}.footer p{margin-top:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Follow strip (server/follow_strip.py) */
.follow-strip{border-top:3px solid var(--blue);padding:28px 0 32px;margin:28px 0 0}.follow-strip h2{font-size:27px;line-height:1.1;margin:0 0 8px}.follow-strip p{margin:0 0 16px;line-height:1.5;max-width:620px}.follow-strip__links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}.follow-strip__links a{display:inline-flex;gap:6px;align-items:center;border:2px solid var(--blue);border-radius:999px;padding:9px 16px;font-weight:700;text-decoration:none;background:var(--paper);color:var(--blue)}.follow-strip__links a:hover{background:var(--blue);color:var(--paper)}.follow-strip__links span{font-weight:400}@media(max-width:560px){.follow-strip__links span{display:none}}
