/* Article-specific preview layer; PHP's production tokens and styles remain intact. */
.review-bar {background:var(--color-surface-2);border-bottom:1px solid var(--color-divider);font-family:var(--font-mono);font-size:var(--text-xs)}
.review-bar>.container {display:flex;gap:var(--space-3);justify-content:space-between;align-items:center;padding-block:var(--space-3);flex-wrap:wrap}
.review-bar nav {display:flex;gap:var(--space-5)}
.review-bar a {padding-block:var(--space-2);color:var(--color-text-muted)}
.review-bar a[aria-current] {color:var(--color-text);text-decoration:underline;text-underline-offset:5px}
.review-bar {color:var(--color-text)}
[data-theme="dark"] .review-bar a,
[data-theme="dark"] .nav-links a,
[data-theme="dark"] .brand-tag {color:#c8c2b7}
.article-hero {padding-top:var(--space-12);padding-bottom:var(--space-4)}
.article-hero h1 {max-width:24ch;font-size:clamp(2.1rem,4.1vw,3.7rem);line-height:1.1}
.article-hero h1 span {color:var(--color-text)}
.article-hero .lede {font-style:normal}
.termite-hero {aspect-ratio:auto;overflow:visible;border:0;background:none;max-width:100%;margin-bottom:var(--space-4)}
.figure-open {display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.termite-hero picture,.termite-hero img {width:100%;height:auto;display:block;border-radius:var(--radius-md)}
.termite-hero figcaption {font:var(--text-xs)/1.6 var(--font-body);color:var(--color-text-muted);padding-top:var(--space-3);max-width:none}
.reading-nav {display:flex;gap:var(--space-3) var(--space-6);flex-wrap:wrap;border-bottom:1px solid var(--color-divider);padding-block:var(--space-5);font-size:var(--text-sm)}
.reading-nav a {color:var(--color-primary-hover);padding-block:var(--space-2)}
.article-body {padding-top:var(--space-8)}
.article-body ul {padding-left:var(--space-6)}
.article-body li {font-size:1.075rem;line-height:1.75;margin-bottom:var(--space-3)}
.article-body .cite {font:var(--text-xs)/1 var(--font-mono);margin-left:3px}
.article-body .cite a {padding:2px;text-decoration:none}
.article-body h2,.sources li {scroll-margin-top:var(--space-6)}
.article-body .sources {border-top:1px solid var(--color-divider);margin-top:var(--space-16);padding-top:var(--space-3)}
.sources ol {padding-left:var(--space-6)}
.sources li {font-size:var(--text-sm);padding:var(--space-3);border-bottom:1px solid var(--color-divider)}
.source-url {display:block;font-size:var(--text-xs);color:var(--color-text-muted);overflow-wrap:anywhere}
.sources li:target {background:var(--color-primary-highlight)}
.preview-menu {display:none;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm)}
.figure-dialog {max-width:96vw;width:1500px;max-height:95dvh;margin:auto;padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text)}
.figure-dialog::backdrop {background:rgb(0 0 0 / .8)}
.figure-dialog form {text-align:right;margin-bottom:var(--space-3)}
.close-figure {padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm)}
.figure-dialog img {width:100%;height:auto}
.feed-section {padding-block:var(--space-12) var(--space-20)}
.post-card picture {display:block;height:100%}
.skip-link {position:absolute;top:-100px;left:var(--space-4);z-index:100;background:var(--color-bg);padding:var(--space-3)}
.skip-link:focus {top:var(--space-3)}
:focus-visible {outline:2px solid var(--color-primary-hover);outline-offset:4px}
@media(max-width:799px) {
 .preview-menu {display:block}
 .site-header.menu-open nav[aria-label="Primary"] {grid-template-rows:1fr}
 .site-header nav[aria-label="Primary"] {z-index:5}
 .nav-actions {gap:var(--space-2)}
 .article-hero {padding-top:var(--space-8)}
 .article-meta {gap:var(--space-2) var(--space-4);margin-top:var(--space-5)}
 .reading-nav {font-size:var(--text-xs);gap:var(--space-2) var(--space-4)}
 .blog-hero {padding-block:var(--space-10)}
}
@media(max-width:390px) {.brand-name {max-width:165px}.brand-tag {max-width:165px}}
/* Layout review 2: preserve copy and brand, improve reading and scanning. */
.article-hero h1 {text-wrap:balance}
.article-hero .lede {max-width:58ch;line-height:1.5}
.article-meta {margin-top:var(--space-6)}
.termite-hero {margin-top:var(--space-8)}
.termite-hero figcaption {max-width:80ch}
.reading-nav {
 display:grid;grid-template-columns:1.4fr 1fr 1fr .6fr;
 gap:0;padding-block:var(--space-3);
}
.reading-nav a {
 display:flex;align-items:center;min-height:44px;
 padding:var(--space-2) var(--space-3);
 border-left:1px solid var(--color-divider);
 text-decoration:none;line-height:1.4;
}
.reading-nav a:first-child {border-left:0;padding-left:0}
.reading-nav a:hover {background:var(--color-surface-2);text-decoration:underline;text-underline-offset:4px}
.article-body {max-width:50rem;padding-top:var(--space-10)}
.article-body p {max-width:none}
.article-body h2 {text-wrap:balance;margin-top:var(--space-12)}
.article-body > p:first-child {
 padding-left:var(--space-5);border-left:3px solid var(--color-primary);
}
#questions-to-ask-before-accepting-a-blanket-warning + p + ul {
 list-style:none;padding:0;border-top:1px solid var(--color-divider);
}
#questions-to-ask-before-accepting-a-blanket-warning + p + ul > li {
 margin:0;padding:var(--space-5) var(--space-4);
 border-bottom:1px solid var(--color-divider);
}
#questions-to-ask-before-accepting-a-blanket-warning + p + ul > li:nth-child(odd) {
 background:var(--color-surface);
}
#questions-to-ask-before-accepting-a-blanket-warning + p + ul strong {
 display:block;margin-bottom:var(--space-1);
}
.sources li {padding-block:var(--space-4)}
.source-url {margin-top:var(--space-1);line-height:1.55}
.post-card {display:flex;flex-direction:column}
.post-card .thumb {flex-shrink:0}
.post-card .meta {margin-top:auto;padding-top:var(--space-5)}
@media(max-width:799px) {
 .review-bar>.container {row-gap:0;padding-block:var(--space-2)}
 .review-bar nav {gap:var(--space-5)}
 .article-hero {padding-top:var(--space-6)}
 .article-hero h1 {font-size:clamp(2rem,5.3vw,2.8rem);margin-bottom:var(--space-5)}
 .article-hero .lede {font-size:1.2rem;line-height:1.5}
 .article-meta {margin-top:var(--space-5);gap:var(--space-2) var(--space-4);line-height:1.6}
 .termite-hero {margin-top:var(--space-6)}
 .reading-nav {grid-template-columns:1fr 1fr;padding-block:var(--space-2)}
 .reading-nav a {font-size:var(--text-sm);padding:var(--space-3) var(--space-2)}
 .reading-nav a:nth-child(odd) {border-left:0;padding-left:0}
 .reading-nav a:nth-child(-n+2) {border-bottom:1px solid var(--color-divider)}
 .article-body {padding-top:var(--space-8)}
 .article-body h2 {margin-top:var(--space-10)}
 .article-body p,.article-body li {font-size:1rem;line-height:1.75}
 .article-body > p:first-child {padding-left:var(--space-4)}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}* {transition:none!important}}