/* Preserve the original AirBuild3G editorial design inside the shared blog shell. */
:root {
 --paper:var(--color-background);
 --panel:var(--color-surface);
 --ink:var(--color-ink);
 --muted:var(--color-secondary);
 --faint:var(--color-secondary);
 --line:var(--color-separator);
 --accent:var(--color-accent);
 --paper-deep:var(--color-background-secondary);
 --line-soft:var(--color-separator);
}
.site-header, .site-footer { font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif; }
:root[data-theme="dark"] .site-header { background:rgba(17,17,19,.94); }
.site-footer .footer-nav { color:var(--color-ink); mix-blend-mode:normal; }
.site-footer .footer-nav a:hover { color:var(--color-accent); }
.site-footer .footer-meta { color:var(--color-secondary); }
.site-nav a:hover { background:var(--color-background-secondary); }
.language-options { border-color:var(--color-separator); }
.language-options a.active { color:var(--color-ink); }
.page { padding-top:var(--header-height); }
.article-tools { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:31px; }
.article-breadcrumb { margin:0; display:flex; flex-wrap:wrap; }
.article-tools .theme-toggle { flex:none; }
.article-cover { padding-top:42px; }
.article-cover::after { top:26px; }
.reading-sidebar { top:88px; }
.chapter { scroll-margin-top:88px; }
html { scroll-padding-top:0; }
.sk-src pre { padding:0; border:0; border-radius:0; background:transparent; color:inherit; }
.article-end { border-radius:0; background:transparent; }
.language-options { background:var(--color-surface); }
.language-options a.active { background:var(--color-background-secondary); }
.site-header .language-options a:first-child { display:flex; }
@media(max-width:600px) {
 .article-tools { margin-top:25px; }
 .article-cover { padding-top:32px; }
 .page { padding-bottom:48px; }
}
@media print {
 .site-header,.site-footer,.article-tools,.skip-link { display:none; }
 .sk { break-inside:avoid; }
}

/* Match the current persistent site shell without changing its light theme. */
body[data-site-page] .page { padding-top:0; }
:root[data-theme="dark"] [data-site-header],
:root[data-theme="dark"] [data-site-header]::before { background:#111113; color:#f4f4f5; color-scheme:dark; }
:root[data-theme="dark"] [data-site-header] .brand img { filter:invert(1); }
:root[data-theme="dark"] [data-site-header] .site-nav a,
:root[data-theme="dark"] [data-site-header] .nav-download { color:#f4f4f5; }
:root[data-theme="dark"] [data-site-header] .nav-download-menu { background:#222226; border-color:#303037; }
:root[data-theme="dark"] [data-site-header] .nav-download-menu a:hover { background:#303037; }
:root[data-theme="dark"] [data-site-footer][data-theme="dark"] { --footer-surface:#111113; }
