:root{--bg:#0b0f14;--panel:rgba(17,24,33,.78);--text:#e6edf3;--muted:#9fb0c0;--line:#243040;--accent:#7cc7ff} html[data-theme="light"]{--bg:#f6f8fb;--panel:rgba(255,255,255,.9);--text:#122033;--muted:#5f7186;--line:#d8e1ea;--accent:#2563eb} html[data-theme="glass"]{--bg:linear-gradient(135deg,#0b1020 0%,#10192b 45%,#1b2540 100%);--panel:rgba(255,255,255,.12);--text:#eef4ff;--muted:#bfd0ea;--line:rgba(255,255,255,.16);--accent:#8bd3ff} *{box-sizing:border-box} html,body{max-width:100%;overflow-x:hidden} body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.65} img{max-width:100%} a{color:var(--accent);text-decoration:none} .wrap{width:min(100%,1180px);margin:0 auto;padding:clamp(18px,3vw,32px) clamp(16px,3vw,24px) 64px} .topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;flex-wrap:wrap} .brand{color:var(--muted);font-size:14px;letter-spacing:.08em;text-transform:uppercase} .hero,.card,.post-card,.prose{border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:24px} .hero{padding:clamp(20px,3vw,32px)}.hero h1,.prose h1{line-height:1.05}.hero h1{font-size:clamp(40px,8vw,68px)} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;margin-top:24px} .card{display:block;padding:22px;color:inherit}.post-card{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:18px;overflow:hidden;padding:0;align-items:stretch}.post-card-body{padding:18px}.post-card-media{min-height:180px;background:rgba(127,127,127,.08)} .post-card-media img,.post-thumb img,.post-hero-image img{display:block;width:100%;height:100%;object-fit:cover}.post-thumb,.post-hero-image{display:block;margin:18px 0 10px;border-radius:18px;overflow:hidden;border:1px solid var(--line)} .post-thumb img,.post-hero-image img{max-height:min(58vh,520px)}.list{display:grid;gap:14px}.muted,.eyebrow,.brand{color:var(--muted)} .eyebrow{font-size:14px;text-transform:uppercase;letter-spacing:.08em} .theme-select{border:1px solid var(--line);background:transparent;color:var(--text);padding:10px 14px;border-radius:12px} .prose{width:min(100%,820px);padding:clamp(18px,3vw,32px)} @media (min-width:1400px){.wrap{width:min(100%,1320px)} .prose{width:min(100%,900px)}} @media (max-width:720px){.post-card{grid-template-columns:1fr}.post-card-media{min-height:220px}} @media (max-width:640px){.topbar{flex-direction:column;align-items:flex-start}.hero,.prose{border-radius:20px}.post-card-body{padding:16px}}

/* Voiceover audio player */
.voiceover{margin:18px 0;padding:16px 20px;border:1px solid var(--line);border-radius:16px;background:rgba(127,127,127,.06);display:flex;flex-direction:column;gap:10px}
.voiceover-label{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.voiceover audio{width:100%;height:40px}
/* Digest tables */
.digest-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.digest-table th,.digest-table td{padding:10px 12px;border:1px solid var(--line);text-align:left;vertical-align:top}
.digest-table th{background:rgba(127,127,127,.1);font-weight:600}
.digest-table a{word-break:break-word}
/* Horizontal rules inside prose */
.prose hr{border:none;border-top:1px solid var(--line);margin:24px 0}
/* Ordered lists */
.prose ol{padding-left:1.4em;margin:8px 0}
.prose ul{padding-left:1.4em;margin:8px 0}

/* Section cards with latest post on homepage */
.section-card{display:flex;flex-direction:column;gap:14px;padding:22px}
.section-card-header h2{margin:0 0 2px}
.section-card-header p{margin:0}
.section-card-latest{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--line)}
.section-card-thumb{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line);max-height:200px}
.section-card-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.section-card-title{font-size:16px;line-height:1.3}
.section-card-title:hover{color:var(--accent)}
.section-card-desc{font-size:13px;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.section-card-link{font-weight:600;font-size:14px;margin-top:2px}
.voiceover-mini{padding:10px 12px;margin:4px 0}
.voiceover-mini audio{height:36px}
.section-empty{margin-top:8px;font-size:14px}

/* Post prev/next navigation */
.post-nav{display:flex;justify-content:space-between;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.post-nav-prev,.post-nav-next{display:flex;flex-direction:column;gap:4px;max-width:48%;text-decoration:none}
.post-nav-next{text-align:right}
.post-nav-dir{font-size:12px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:0.5px}
.post-nav-title{font-size:14px;line-height:1.3;color:var(--text)}
.post-nav-prev:hover .post-nav-title,.post-nav-next:hover .post-nav-title{color:var(--accent)}
.post-nav-spacer{max-width:48%}