/* Blog styles (served at /blog.css, outside /blog/ which is rewritten to the blog function), layered on top of /legal.css (shared header, colours and article card). */
header.site .links{display:flex;align-items:center;gap:14px}
header.site .links>a:not(.cta){color:#fff;text-decoration:none;font-weight:600;font-size:14px;opacity:.9}
footer.site p{margin:6px 0}
main.blog-index,main.post{max-width:960px}
main.post article{max-width:860px}
.crumbs{font-size:13px;color:var(--muted);padding:8px 2px 0}
.crumbs a{color:var(--muted);text-decoration:none}
.cat{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}
article h2{font-size:22px;margin:34px 0 10px}
article p,article li{font-size:17px}
article blockquote{margin:18px 0;padding:12px 18px;border-left:4px solid var(--accent);background:var(--bg);border-radius:0 12px 12px 0}
article blockquote p{margin:6px 0}
article code{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:.92em}
article pre{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px;overflow-x:auto;font-size:15px;line-height:1.6}
article pre code{border:0;padding:0;background:none}
article table{font-size:15px}
article th{background:var(--bg)}
.disclaimer{margin-top:30px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:14px !important}
.cta-box{background:linear-gradient(120deg,#4c1d95,#1e3a8a);color:#fff;border-radius:20px;padding:26px 22px;margin:0 0 36px;text-align:center}
.cta-box h2{margin:0 0 8px;font-size:22px;color:#fff}
.cta-box p{margin:0 auto 18px;max-width:560px;color:#e0e7ff}
.cta-box .btn{background:#fff;color:#4c1d95}
.intro{padding:24px 2px 4px}
.intro h1{margin-bottom:10px}
.intro p{color:var(--muted);font-size:18px;max-width:680px;margin:0}
.cat-section h2{font-size:20px;margin:30px 2px 12px}
.related h2{font-size:20px;margin:0 2px 12px}
.related{margin-bottom:40px}
.grid{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:900px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{display:flex;flex-direction:column;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}
.card:hover{border-color:var(--accent);transform:translateY(-2px)}
.card h3{margin:0;font-size:17px;line-height:1.35}
.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55;flex:1}
.card .meta{font-size:12px;color:var(--muted)}