
/* PW v0.4 — Light/dark and sectional composition */
:root{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark;--paper:#121922;--ink:#edf3f8;--blue:#98b7dc;--stone:#344354;--muted:#aab9ca;--white:#202c39;--ui-panel:#202b39;--ui-line:#394b5f;--ui-shadow:0 14px 40px #0003}
html[data-theme="dark"] body{background:linear-gradient(155deg,#101720,#182230 58%,#111c27);color:var(--ink)}
html[data-theme="dark"] body::before{background:radial-gradient(ellipse at 65% 38%,#55789a30,transparent 70%)}
html[data-theme="dark"] header nav{background:#243243;border-color:#405367;box-shadow:0 6px 20px #0002}
html[data-theme="dark"] header nav a{color:#bac9d9}
html[data-theme="dark"] header nav a:hover,html[data-theme="dark"] header nav a[aria-current="page"]{background:#394b60;color:white}
html[data-theme="dark"] .brand,html[data-theme="dark"] .hero,html[data-theme="dark"] .hero h1,html[data-theme="dark"] .intro,html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] blockquote{color:#edf3f8}
html[data-theme="dark"] .hero .subtitle,html[data-theme="dark"] .section-description,html[data-theme="dark"] .deck,html[data-theme="dark"] .intro .deck,html[data-theme="dark"] .idea p,html[data-theme="dark"] .about p,html[data-theme="dark"] .manifesto p,html[data-theme="dark"] .manifesto blockquote,html[data-theme="dark"] .venture p,html[data-theme="dark"] .work p,html[data-theme="dark"] .prose p,html[data-theme="dark"] .chapter p,html[data-theme="dark"] .cta p,html[data-theme="dark"] #summary,html[data-theme="dark"] .dialog p,html[data-theme="dark"] .body{color:#b8c6d6!important}
html[data-theme="dark"] .small,html[data-theme="dark"] .note,html[data-theme="dark"] .meta,html[data-theme="dark"] footer,html[data-theme="dark"] .meterlabel{color:#a1b9d3!important}
html[data-theme="dark"] .idea,html[data-theme="dark"] .venture,html[data-theme="dark"] .about>div:last-child,html[data-theme="dark"] .chapter,html[data-theme="dark"] #article,html[data-theme="dark"] .live,html[data-theme="dark"] .section.two,html[data-theme="dark"] .work,html[data-theme="dark"] .writing-card{background:linear-gradient(140deg,#253343,#1c2938)!important;border-color:#394b60!important;box-shadow:0 12px 35px #0002!important;color:#edf3f8}
html[data-theme="dark"] .idea::before{background:linear-gradient(90deg,transparent,#a3c2e2,transparent)}
html[data-theme="dark"] .manifesto,html[data-theme="dark"] .cta,html[data-theme="dark"] .elsewhere{background:linear-gradient(130deg,#1b2b3d,#233448)!important;box-shadow:none}
html[data-theme="dark"] .manifesto .kicker{color:#a2c6ed!important}
html[data-theme="dark"] .prose .pull{background:#273a4e!important;color:#bed7f3!important}
html[data-theme="dark"] .action,html[data-theme="dark"] .button{background:#7395bd!important;color:#0d1927!important}
html[data-theme="dark"] .outline{background:#253546!important;color:#dce9f5;border-color:#55708e!important}
html[data-theme="dark"] .dialog{background:#243244!important;border:1px solid #4a5f76;color:#edf3f8}
html[data-theme="dark"] .close{background:#38495c!important;color:white}
html[data-theme="dark"] .mobile-dock{background:#253343eF;border-color:#425870}
html[data-theme="dark"] .mobile-dock a{color:#b6cbe0}
html[data-theme="dark"] .mobile-dock a.active,html[data-theme="dark"] .mobile-dock a:hover{background:#3b526c;color:#fff}
html[data-theme="dark"] .segment{background:#425367!important}
html[data-theme="dark"] .segment.on{background:linear-gradient(90deg,#7c9fc7,#a2c3ea)!important}
html[data-theme="dark"] .rule,html[data-theme="dark"] footer,html[data-theme="dark"] .section,html[data-theme="dark"] .list a{border-color:#344659!important}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #cbd8e5;border-radius:50%;background:#ffffffc9;color:#365879;box-shadow:0 4px 14px #243c5511;transition:transform .2s,background .2s;flex-shrink:0;margin-left:8px}
.theme-toggle:hover{transform:rotate(15deg);background:#eaf1f8}
.theme-toggle svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="dark"] .theme-toggle{background:#32465e;color:#dbeaff;border-color:#59728d}
html[data-theme="dark"] .theme-toggle:hover{background:#435c77}
html[data-theme="dark"] .moon{display:none}
html:not([data-theme="dark"]) .sun{display:none}
header{gap:14px}
header .theme-toggle{margin-left:auto}
header nav{margin-left:auto}
header .theme-toggle{margin-left:0}
.hero{border-radius:38px;background:linear-gradient(115deg,#f9f9f8,#edf2f7 78%);padding-left:clamp(25px,5.5vw,72px)!important;padding-right:clamp(25px,4vw,50px)!important;box-shadow:inset 0 1px #fff,0 14px 50px #34485808;margin:12px 0 36px!important}
html[data-theme="dark"] .hero{background:linear-gradient(120deg,#243549,#1a2838 80%);box-shadow:inset 0 1px #ffffff10}
#questions{border-radius:34px;background:linear-gradient(165deg,#ecf2f7,#f3f6f8);padding:60px 38px 64px!important;margin:55px 0 80px!important}
html[data-theme="dark"] #questions{background:linear-gradient(145deg,#172535,#202d3d)}
.elsewhere{border-top:1px solid #dbe2e9;border-bottom:1px solid #dbe2e9}
.manifesto{border:1px solid #d7e3ed}
.about{margin-top:50px}
#published{margin-top:48px!important}
#published .writing-link{display:inline-flex;align-items:center;gap:9px;margin-top:22px;color:#4b6688;font-weight:700;font-size:13px}
html[data-theme="dark"] #published .writing-link{color:#a4c5ea}
@media(max-width:820px){.theme-toggle{width:39px;height:39px;margin-left:auto!important}header nav{display:none!important}.hero{border-radius:28px;padding-left:24px!important;padding-right:24px!important;margin-top:0!important}.hero::after{opacity:.45}#questions{padding:30px 18px 42px!important;margin:30px 0 55px!important;border-radius:26px}.section-head{gap:14px}.manifesto{margin-top:0!important}.elsewhere{padding:65px 0 75px!important}}
.writing-hero{padding:78px 0 55px}
.writing-hero h1{font-size:clamp(62px,10vw,120px);letter-spacing:-.085em;line-height:.94;margin:22px 0}
.writing-hero p{font:clamp(24px,3vw,37px)/1.3 "Instrument Serif",Georgia,serif;color:var(--ink);max-width:790px}
.writing-layout{padding:22px 0 95px}
.writing-feature{padding:35px;border-radius:30px;background:linear-gradient(130deg,#e9eff6,#f9fafb);margin-bottom:32px}
html[data-theme="dark"] .writing-feature{background:linear-gradient(130deg,#243749,#172739)}
.writing-feature h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.06em;margin:14px 0}
.writing-feature p{color:var(--muted);line-height:1.8;max-width:700px}
.writing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.writing-card{padding:30px;border-radius:25px;background:linear-gradient(140deg,#fff,#f5f8fa);border:1px solid #dfe7ef;min-height:225px;transition:transform .2s}
.writing-card:hover{transform:translateY(-4px)}
.writing-card h3{font-size:27px;line-height:1.17;letter-spacing:-.04em;margin:20px 0 12px}
.writing-card p{color:var(--muted);font-size:14px;line-height:1.7}
.writing-meta{font-size:11px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.writing-status{color:var(--muted);padding:30px 0}
.writing-pills{display:flex;gap:9px;flex-wrap:wrap;margin:23px 0 35px}
.writing-pills span{border-radius:100px;background:var(--ui-panel);border:1px solid var(--ui-line);padding:10px 16px;font-size:12px;font-weight:600}
@media(max-width:720px){.writing-grid{grid-template-columns:1fr}.writing-hero{padding:65px 0 25px}.writing-feature{padding:24px}}
