/* Blog (/blog/): mobile-first; every color reads the site theme variables (dark/light via theme.js). */
.blog{max-width:820px;margin:0 auto}.blog h1{font-size:1.7rem;line-height:1.2;margin:.2em 0 .4em}.blog h2{margin:1.6em 0 .4em;line-height:1.25}.blog h3{margin:1.2em 0 .3em}
.blog-bc,.blog-meta,.blog-feed,.blog-biz{color:var(--fg-475569);font-size:.9rem}.blog-bc a{color:var(--fg-1e3a8a)}
.blog-body{font-size:1.06rem;line-height:1.7}.blog-body p{margin:0 0 1.05em}.blog-body a{color:var(--fg-1e3a8a);overflow-wrap:anywhere}.blog-body li{margin:.3em 0}
.blog-fig{margin:1.6em 0}.blog-fig img{width:100%;height:auto;border-radius:12px;display:block;background:var(--bg-e2e8f0)}.blog-fig figcaption{font-size:.85rem;color:var(--fg-475569);margin-top:.5em}
.blog-ai{display:inline-block;background:var(--bg-fef3c7);color:var(--fg-78350f);border:1px solid var(--bd-f59e0b);border-radius:6px;padding:1px 7px;font-weight:700;font-size:.78rem;margin-right:.4em}
.blog-noaff{margin:1.4em 0}.blog-toc{margin:1em 0}.blog-toc ol{margin:.4em 0 0;padding-left:1.2em}.blog-toc a{color:var(--fg-1e3a8a)}
.blog-chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.blog-chip{padding:6px 12px;border-radius:999px;border:1px solid var(--bd-cbd5e1);background:var(--bg-fff);color:var(--fg-334155);text-decoration:none;font-size:.9rem;font-weight:600}.blog-chip.on{background:var(--bg-0f172a);color:var(--fg-fff);border-color:var(--bg-0f172a)}
.blog-grid{display:grid;grid-template-columns:1fr;gap:18px;margin:18px 0}.blog-card{padding:0;overflow:hidden}.blog-card img{width:100%;height:auto;display:block}.blog-card-b{padding:14px 16px 16px}.blog-card h2{font-size:1.15rem;margin:.3em 0}.blog-card h2 a{color:inherit;text-decoration:none}.blog-card h2 a:hover{text-decoration:underline}
.blog-cat{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-0f766e);text-decoration:none}
.blog-signup,.blog-comments{margin:2em 0}.blog-signup input[type=email],.blog-comments input:not([type=checkbox]),.blog-comments textarea{width:100%;max-width:520px;padding:10px;border:1px solid var(--bd-cbd5e1);border-radius:9px;font:inherit;background:var(--bg-fff);color:inherit}
.blog .consent{display:block;margin:.6em 0;font-size:.92rem}.blog .consent input{width:auto;margin-right:6px}.blog .hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.blog-credit-disc{background:var(--bg-ecfdf5);border:1px solid var(--bd-10b981);border-radius:10px;padding:10px 14px;font-size:.9rem}
.bc{border-top:1px solid var(--bd-e5e7eb);padding:12px 0}.bc-r{margin-left:16px;padding-left:12px;border-left:3px solid var(--bd-cbd5e1)}.bc-by{margin:0;color:var(--fg-475569);font-size:.9rem}.bc-rep{background:none;border:0;color:var(--fg-64748b);text-decoration:underline;cursor:pointer;font-size:.8rem;padding:0}
.cm-ok{color:var(--fg-0f766e);font-weight:700}.ba-list{list-style:none;padding:0}.ba-list .card{margin:10px 0}
@media(min-width:700px){.blog h1{font-size:2.2rem}.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-post .blog-body{font-size:1.1rem}}
@media(prefers-reduced-motion:no-preference){.blog-card{transition:transform .15s}.blog-card:hover{transform:translateY(-2px)}}
.blog form label:not(.consent){display:block;font-weight:600;margin:.7em 0 .25em}.bc .bc-rep{margin-right:10px}.blog-comments .row{margin:10px 0}
/* Blog collage ads (free spots for every ad on the site). Fixed aspect ratios keep layout shift at zero; colors use theme variables. */
.blog-collage{margin:1.8em 0;padding:10px 12px 12px;border:1px dashed var(--bd-94a3b8);border-radius:12px;background:var(--bg-f1f5f9);clear:both;contain:layout}
.bc-label{margin:0 0 8px;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-64748b)}
.bc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.bc-tile{position:relative;display:block;aspect-ratio:6/5;overflow:hidden;border-radius:8px;background:var(--bg-e2e8f0);border:1px solid var(--bd-cbd5e1)}
.bc-tile img{display:block;width:100%;height:100%;object-fit:cover}
.bc-wide{aspect-ratio:970/120;margin-bottom:8px}.bc-wm{aspect-ratio:640/200}.bc-wide img{object-fit:contain}
.bc-aff{position:absolute;right:4px;bottom:4px;background:var(--bg-fff);color:var(--fg-334155);border:1px solid var(--bd-cbd5e1);border-radius:5px;font-size:.62rem;font-weight:700;padding:1px 5px}
.bc-note{margin:8px 0 0;font-size:.78rem;color:var(--fg-475569)}
.bc-a .bc-grid{grid-template-columns:repeat(3,1fr)}.bc-d .bc-grid{grid-template-columns:repeat(3,1fr)}
.bc-c .bc-grid{grid-template-columns:repeat(2,1fr)}
.bc-b .bc-tile:nth-child(1){grid-row:span 1}
@media(min-width:700px){.bc-grid{gap:10px}.bc-c .bc-grid{grid-template-columns:repeat(3,1fr)}.bc-b .bc-grid{grid-template-columns:repeat(4,1fr)}.bc-wm{aspect-ratio:970/120}}
@media(max-width:699px){.bc-a .bc-grid,.bc-d .bc-grid{grid-template-columns:repeat(3,1fr);gap:6px}.bc-aff{font-size:.55rem}}
@media(prefers-reduced-motion:no-preference){.bc-tile{transition:transform .15s,box-shadow .15s}.bc-tile:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.18)}}