body{font-family:Figtree,system-ui,-apple-system,Segoe UI,sans-serif;margin:0;background:#f7f3eb;color:#1e293b;line-height:1.6}
main{max-width:760px;margin:0 auto;padding:32px 20px 64px}
h1{font-size:1.9rem;margin:0 0 4px}h2{font-size:1.2rem;margin:28px 0 8px}
.meta{color:#64748b;font-size:.9rem;margin:0 0 24px}
a{color:#0f766e}header{padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#fff}
header a{font-weight:700;text-decoration:none;color:#0f766e}
ul{padding-left:22px}li{margin:4px 0}
html[data-theme="green"] body{background:#f8fafc}
html[data-theme="night"]{color-scheme:dark}
html[data-theme="night"] body{background:#141a19;color:#dcd6c8}
html[data-theme="night"] header{background:#1d2625;border-bottom-color:#34413f}
html[data-theme="night"] header a{color:#5eead4}
html[data-theme="night"] a{color:#5eead4}
html[data-theme="night"] h1,html[data-theme="night"] h2{color:#f3eee2}
html[data-theme="night"] .meta{color:#a9aea5}
html[data-theme="night"] hr{border-color:#34413f}

/* Locked KinSpeak logo size (same vars as src/styles.css). */
:root{--logo-h-desktop:100px;--logo-h-mobile:80px;--logo-h:var(--logo-h-desktop)}
@media (max-width:768px){:root{--logo-h:var(--logo-h-mobile)}}
img.ks-logo{height:var(--logo-h);width:auto;max-width:100%;display:inline-block}
header.guide-header,html[data-theme="night"] header.guide-header{background:transparent;border:0;padding:28px 20px 0;text-align:center}