:root{
  color-scheme:light;
  /* Clopenly: Prussian Blue & Ivory. Legacy --green variable now holds Prussian blue. */
  --bg:#F7F5F0; --paper:#FFFEFB; --ink:#202C36;
  --muted:#56636D; --faint:#687681; --line:#D7DEE1;
  --green:#003153; --mint:#E9EDF0; --sea:#AAC5D1;
  --brass:#B18A57; --button-bg:#003153; --button-ink:#FFFFFF;
  --shadow:0 16px 48px rgba(0,35,65,.055);
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#101D29; --paper:#1B2B3A; --ink:#F3F1EB;
  --muted:#C0CDD5; --faint:#A5B7C3; --line:#344958;
  --green:#ACD3E9; --mint:#253A49; --sea:#547F99;
  --brass:#D0B184; --button-bg:#C8E0EE; --button-ink:#10253B;
  --shadow:0 16px 55px rgba(0,0,0,.20);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--green);outline-offset:4px}::selection{background:var(--mint)}.site-shell{width:min(1210px,calc(100% - 7.5vw));margin:auto}.skip-link{position:absolute;left:-9999px;top:10px;background:var(--paper);padding:10px;z-index:100}.skip-link:focus{left:10px}.site-header{min-height:97px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:2rem}.brand{font:700 30px/1 Georgia,"Times New Roman",serif;letter-spacing:-1.8px;text-decoration:none;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;width:31px;height:31px;margin-right:10px;color:var(--green);font-family:Georgia;font-size:25px;vertical-align:1px}.brand-dot,.footer-brand span{color:var(--green)}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{text-decoration:none;font-size:13px;font-weight:650;letter-spacing:.02em}.nav-links a:hover,.text-link:hover{color:var(--green)}.theme-toggle,.menu-toggle{background:none;border:1px solid var(--line);border-radius:100px;color:var(--ink);cursor:pointer}.theme-toggle{width:35px;height:35px;font-size:21px;line-height:1}.menu-toggle{display:none;padding:7px 12px}.section-pad{padding-left:3.1%;padding-right:3.1%}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:600px;gap:6%;padding-top:84px;padding-bottom:100px}.eyebrow,.kicker,.article-meta,.section-rule,.card-number,.card-tag,.label-outline,.art-label{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:750}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--green)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em}h1{font-size:clamp(60px,6.8vw,106px);line-height:1.06;margin:22px 0 27px}h1 em,h2 em{color:var(--green);font-weight:400}.hero-description{font-size:18px;line-height:1.8;max-width:480px;color:var(--muted)}.hero-actions{display:flex;gap:29px;align-items:center;flex-wrap:wrap;margin-top:35px}.button{display:inline-flex;align-items:center;gap:28px;padding:13px 22px;border-radius:4px;text-decoration:none;font-size:13px;font-weight:700}.button-primary{background:var(--ink);color:var(--bg)}.button-primary:hover{background:var(--green);color:#fff}.text-link{text-decoration:none;font-size:13px;font-weight:750;display:inline-flex;gap:11px;align-items:center}.hero-art{min-height:390px;height:min(35vw,500px);background:radial-gradient(ellipse at 65% 30%,rgba(99,146,180,.16),transparent 45%),radial-gradient(ellipse at 18% 80%,rgba(177,138,87,.08),transparent 55%),var(--paper);border:1px solid var(--line);border-radius:4px;position:relative;box-shadow:var(--shadow);overflow:hidden}.hero-art canvas{width:100%;height:100%;display:block}.art-label{position:absolute;bottom:19px;left:25px;color:var(--faint);font-size:9px}.art-label span{padding:0 8px}.section-rule{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:14px 3.1%;color:var(--faint);font-size:10px}.content-section{padding-top:62px;padding-bottom:106px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:8%;margin-bottom:43px}.section-heading>div{max-width:660px}.section-heading>p{max-width:270px;font-size:14px;color:var(--muted);margin:0 0 7px}.kicker{color:var(--green);margin-bottom:15px}.section-heading h2,.about-strip h2{font-size:clamp(38px,4vw,62px);line-height:1.15;margin-bottom:0}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{background:var(--paper);border:1px solid var(--line);padding:26px 25px 27px;min-height:307px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-number{color:var(--faint)}.card-symbol{font-family:Georgia,serif;font-size:63px;line-height:1.1;margin:19px 0 19px;color:var(--green)}.feature-card h3{font:500 22px Georgia,serif;letter-spacing:-.025em;margin-bottom:13px}.feature-card p{color:var(--muted);font-size:13px;line-height:1.8}.card-tag{color:var(--green);font-size:9px;margin-top:auto}.placeholder-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;border:1px dashed var(--line);padding:22px 24px}.placeholder-row strong{font-size:14px}.placeholder-row p{font-size:12px;color:var(--muted);margin:4px 0 0}.label-outline{border:1px solid var(--line);border-radius:3px;padding:6px 8px;white-space:nowrap;font-size:9px;color:var(--muted)}.article-preview{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 10px 37px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;text-decoration:none;transition:padding .2s}.article-preview:hover{padding-left:13px}.article-meta{font-size:10px;color:var(--green)}.article-meta span{padding:0 8px;color:var(--faint)}.article-preview h3,.experiment-preview h3{font:normal clamp(27px,3.6vw,44px) Georgia,serif;letter-spacing:-.04em;line-height:1.2;margin:17px 0 10px}.article-preview p,.experiment-preview p{color:var(--muted);font-size:14px;margin:0}.article-arrow{font-size:25px;color:var(--green)}.experiment-preview{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:var(--paper);border:1px solid var(--line);padding:35px;text-decoration:none;align-items:center;transition:box-shadow .25s}.experiment-preview:hover{box-shadow:var(--shadow)}.experiment-preview .text-link{margin-top:28px;color:var(--green)}.mini-graph{background:var(--bg);padding:18px}.mini-graph svg{width:100%;display:block;min-height:175px}.about-strip{padding-top:65px;padding-bottom:70px;display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--mint);margin-left:-3.1%;margin-right:-3.1%;padding-left:6.1%;padding-right:6.1%}.about-strip>div:nth-child(2){max-width:470px}.about-strip p{font-size:16px;line-height:1.85}.about-strip .small{font-size:12px}.muted{color:var(--muted)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:39px 3.1%;color:var(--muted);font-size:12px}.footer-brand{font:700 23px Georgia,serif;color:var(--ink);letter-spacing:-.04em}.subpage-main{max-width:900px;margin:0 auto;padding:65px 30px 110px}.back-link{font-size:13px;text-decoration:none;color:var(--green);font-weight:700}.article-header{padding-top:44px;border-bottom:1px solid var(--line);padding-bottom:35px;margin-bottom:45px}.article-header h1{font-size:clamp(49px,6vw,80px);margin:18px 0 20px}.article-header p{color:var(--muted);font-size:18px;line-height:1.75}.prose{max-width:740px;font-size:17px;line-height:1.9}.prose h2{font-size:33px;margin-top:50px;margin-bottom:15px}.prose p{margin:19px 0}.prose code{font-family:ui-monospace,monospace;background:var(--mint);padding:2px 5px;border-radius:3px;font-size:.88em}.math-display{overflow-x:auto;padding:10px 0}.note-box{background:var(--mint);border-left:3px solid var(--green);padding:17px 21px;margin:30px 0;font-size:15px}.demo-wrap{background:var(--paper);border:1px solid var(--line);padding:26px;margin-top:30px}.demo-header{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.demo-header h2{font:normal 24px Georgia,serif;margin:0}.demo-wrap canvas{width:100%;height:340px;display:block;margin:16px 0;border:1px solid var(--line);background:var(--bg)}.slider-row{display:flex;align-items:center;gap:20px}.slider-row label{font-size:13px;font-weight:750;white-space:nowrap}.slider-row input{width:100%;accent-color:var(--green)}.slider-value{min-width:50px;text-align:right;font-size:20px;font-weight:700;color:var(--green)}.caption-small{font-size:12px;color:var(--muted);margin-top:12px}
@media(max-width:830px){.site-shell{width:calc(100% - 36px)}.site-header{min-height:77px;position:relative}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:72px;right:0;left:0;background:var(--paper);z-index:5;border:1px solid var(--line);padding:19px 20px;box-shadow:var(--shadow);align-items:flex-start;gap:17px;flex-direction:column}.nav-links.open{display:flex}.hero{grid-template-columns:1fr;gap:30px;padding-top:65px;padding-bottom:75px}.hero-art{min-height:330px;height:400px}.card-grid{grid-template-columns:1fr}.feature-card{min-height:235px}.section-heading{display:block}.section-heading>p{margin-top:19px}.experiment-preview{grid-template-columns:1fr}.about-strip{grid-template-columns:1fr;gap:18px}.site-footer{flex-wrap:wrap}.content-section{padding-bottom:75px}.section-pad{padding-left:1%;padding-right:1%}.about-strip{margin-left:-18px;margin-right:-18px;padding-left:30px;padding-right:30px}}
@media(max-width:450px){h1{font-size:59px}.hero-description{font-size:16px}.hero-art{min-height:270px;height:290px}.button{width:100%;justify-content:center}.hero-actions{gap:18px}.section-heading h2{font-size:38px}.placeholder-row{align-items:flex-start;flex-direction:column}.experiment-preview{padding:22px}.subpage-main{padding-left:5px;padding-right:5px}.demo-wrap{padding:13px}.demo-wrap canvas{height:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* Prussian & Ivory refinements. Maintains existing HTML classes and mobile layout. */
.button-primary{background:var(--button-bg);color:var(--button-ink)}
.button-primary:hover{background:var(--ink);color:var(--bg)}
.brand-dot,.footer-brand span{color:var(--brass)}
.status-dot{background:var(--brass)}
.mini-graph svg path[stroke="#5e9b85"]{stroke:var(--green)}
:root[data-theme="dark"] .hero-art{
  background:radial-gradient(ellipse at 65% 30%,rgba(95,147,181,.15),transparent 45%),
  radial-gradient(ellipse at 18% 80%,rgba(177,138,87,.06),transparent 55%),var(--paper);
}