/* Blog pages only. New file: does not change any existing style. */
.blog{--b-ink:#172622;--b-muted:#60716b;--b-surface:#fff;--b-line:#dfe7df;--b-accent:#176b52}
html[data-theme="dark"] .blog{--b-ink:#e8f0ea;--b-muted:#9db0a5;--b-surface:#17251f;--b-line:#2b3e35;--b-accent:#5fcf9f}
html[data-theme="dark"] body{background:#0f1a16!important;color:#e8f0ea!important}
@media (prefers-color-scheme:dark){
 html:not([data-theme="light"]) .blog{--b-ink:#e8f0ea;--b-muted:#9db0a5;--b-surface:#17251f;--b-line:#2b3e35;--b-accent:#5fcf9f}
 html:not([data-theme="light"]) body{background:#0f1a16!important;color:#e8f0ea!important}
}
.blog{max-width:46rem;margin:0 auto;padding:1.4rem 0 3rem;line-height:1.75;font-size:1.02rem;color:var(--b-ink)}
.blog h1{font-size:clamp(1.7rem,4.5vw,2.4rem);line-height:1.2;letter-spacing:-.02em;margin:.4rem 0 1rem}
.blog h2{font-size:1.45rem;line-height:1.3;margin:2rem 0 .6rem;letter-spacing:-.01em}
.blog h3{font-size:1.15rem;margin:1.4rem 0 .4rem}
.blog h1,.blog h2,.blog h3,.blog p,.blog li{color:var(--b-ink)!important}
.blog ul,.blog ol{padding-left:1.4rem;margin:.6rem 0 1rem}
.blog ul{list-style:disc}.blog ol{list-style:decimal}
.blog li{margin:.3rem 0}
.blog a{color:var(--b-accent);text-decoration:underline;text-underline-offset:2px}
.blog a:hover{text-decoration-thickness:2px}
.blog code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;background:var(--b-surface);border:1px solid var(--b-line);border-radius:.35rem;padding:.08rem .35rem;word-break:break-word}
.blog .tbl{overflow-x:auto;margin:1rem 0;border:1px solid var(--b-line);border-radius:.75rem}
.blog table{border-collapse:collapse;width:100%;font-size:.95rem}
.blog th,.blog td{padding:.55rem .8rem;text-align:left;border-bottom:1px solid var(--b-line);vertical-align:top;color:var(--b-ink)}
.blog th{background:var(--b-surface);font-weight:600}
.blog tr:last-child td{border-bottom:0}
.blog .crumbs{font-size:.88rem;color:var(--b-muted)}
.blog .crumbs a{color:var(--b-muted)}
.blog .more{margin-top:2.5rem;padding:1rem 1.2rem;border:1px solid var(--b-line);border-radius:.9rem;background:var(--b-surface)}
.blog .more h2{margin:0 0 .4rem;font-size:1.1rem}
.blog .more p{margin:0}
.blog ul.guides{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.6rem}
.blog ul.guides li{margin:0}
.blog ul.guides a{display:block;height:100%;padding:.7rem .9rem;border:1px solid var(--b-line);border-radius:.75rem;background:var(--b-surface);text-decoration:none;color:var(--b-ink);font-weight:500;line-height:1.4}
.blog ul.guides a:hover{border-color:var(--b-accent)}