:root{--bg-canvas:#faf6ef;--bg-surface:#fffdf8;--bg-surface-hover:#f5ecdf;--text-primary:#2b211a;--text-muted:#66584c;--accent-primary:#c2562e;--accent-secondary:#6b7a3a;--border-subtle:#d9cdbd;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:none;--glow-accent:none;--glass-backdrop:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:16px/1.7 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.15;text-wrap:balance}h1{font-size:clamp(2.3rem,5vw,4.5rem);max-width:20ch;margin:.25em 0}h2{font-size:clamp(1.7rem,3vw,2.5rem)}h3{font-size:1.4rem}a{color:#8e3b20;text-underline-offset:4px}a:hover{color:#495627}button,input,textarea{font:inherit}button,.button{border:1px solid var(--text-primary);border-radius:0;background:transparent;color:var(--text-primary);padding:.7rem 1rem;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;cursor:pointer;display:inline-block;text-decoration:none;transition:background .25s,transform .25s var(--ease-kinetic)}button:hover,.button:hover{background:var(--bg-surface-hover);transform:translateY(-2px)}:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:4px}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}figcaption,.small{font-size:.85rem;color:var(--text-muted)}.skip{position:absolute;left:1rem;top:-100px;background:var(--bg-surface);padding:1rem;z-index:10}.skip:focus{top:1rem}.site-header{position:relative;padding:1.1rem max(20px,calc((100% - 1200px)/2));border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--bg-surface)}.brand{display:flex;align-items:center;gap:9px;color:var(--text-primary);font-weight:750;text-decoration:none;font-size:.95rem;white-space:nowrap}.brand-mark{width:29px;height:29px;border:1px solid var(--accent-primary);border-radius:50%;display:grid;place-items:center;color:var(--accent-primary);font-family:Georgia,serif;font-size:21px}.nav{display:flex;gap:22px;align-items:center}.nav-group{display:flex;gap:15px}.nav a{font-size:.8rem;text-decoration:none;color:var(--text-primary);white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{color:#8e3b20;text-decoration:underline}.menu-toggle{display:none;font-size:1.6rem;padding:0 .7rem}.wrap{max-width:1200px;margin:auto;padding:0 24px}.hero{padding:36px 0 30px}.dots{background-image:radial-gradient(#d9cdbd .8px,transparent .8px);background-size:16px 16px}.eyebrow{font-size:.72rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase;color:#59672f}.section{padding:38px 0;border-top:1px solid var(--border-subtle)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:22px}.panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;padding:25px;transition:background .3s,transform .4s var(--ease-kinetic)}.panel:hover{background:var(--bg-surface-hover)}.panel h2,.panel h3{margin-top:.15em}.panel p:last-child{margin-bottom:0}.experiment-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.media{aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:#eee5d7}.banner-media{aspect-ratio:16/9}.thumbnail{width:100px;aspect-ratio:1;border-radius:20px;overflow:hidden;flex:none}.compact{display:flex;gap:20px;align-items:center}.stats{display:flex;flex-wrap:wrap;border-block:1px solid var(--border-subtle);margin:22px 0}.stats div{flex:1;min-width:150px;padding:12px 20px}.stats strong{display:block;font-family:Georgia,serif;font-size:1.45rem}.safety{border-left:4px solid var(--accent-secondary);padding:12px 16px;background:#eef0e4;font-size:.9rem}.tabs{display:flex;gap:8px;margin:20px 0}.tabs [aria-selected=true]{background:var(--text-primary);color:var(--bg-surface)}[hidden]{display:none!important}.quiz-options{display:grid;gap:10px}.quiz-options button{text-align:left}.quiz-options button[aria-pressed=true]{background:#e7eadb;border-color:var(--accent-secondary)}.feedback{min-height:3em;padding-top:12px}.fact-row{display:grid;grid-template-columns:130px 1fr;gap:20px;border-top:1px solid var(--border-subtle);padding:16px 0}.fact-row strong{color:#59672f}.reading{max-width:70ch;margin:0 auto}.reading h2{margin-top:1.6em}.reading p,.reading li{line-height:1.85}.article-header{padding:40px 0 25px}.article-header h1{max-width:22ch}.article-header .lead{max-width:65ch;font-size:1.12rem;color:var(--text-muted)}.article-photo{margin:24px 0}.article-photo .media{max-height:370px}.article-body{padding-bottom:50px}details{border-top:1px solid var(--border-subtle);padding:18px 0}summary{font-weight:650;cursor:pointer}details p{max-width:70ch}label{display:block;font-weight:650;margin:16px 0 6px}input,textarea{width:100%;padding:12px;border:1px solid #9c8d7a;background:var(--bg-surface);color:var(--text-primary);border-radius:0}textarea{min-height:160px;resize:vertical}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.output{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg-surface);padding:20px;border:1px solid var(--border-subtle);font:inherit}.site-footer{border-top:1px solid var(--border-subtle);padding:30px 24px;margin-top:30px}.footer-inner{max-width:1200px;margin:auto;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-links{display:flex;gap:15px;flex-wrap:wrap;align-content:start}.site-footer p{margin:0}.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.reveal-visible{opacity:1;transform:translateY(0)}.references{font-size:.9rem}.pill{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#59672f}.callout{padding:20px;border:1px solid var(--border-subtle);border-radius:20px;margin:25px 0}.back-link{font-size:.85rem}
@media(min-width:1025px){.hero h1{max-width:21ch}.nav{gap:28px}}
@media(min-width:769px) and (max-width:1024px){.site-header{flex-wrap:wrap;gap:14px}.nav{width:100%;justify-content:space-between}.experiment-layout{grid-template-columns:1.1fr 1fr}}
@media(min-width:481px) and (max-width:768px){.wrap{padding:0 22px}.experiment-layout{grid-template-columns:1fr}.split-panel{gap:18px}}
@media(max-width:767px){.site-header{padding:14px 20px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:5;background:var(--bg-surface);padding:22px;border-bottom:1px solid var(--border-subtle)}.nav.is-open{display:block;animation:menuEnter .25s var(--ease-kinetic)}.nav-group{display:grid;gap:13px;margin-bottom:13px}.nav a{font-size:1rem}.section-heading{align-items:flex-start;flex-direction:column;gap:0}.hero{padding-top:25px}}
@media(max-width:480px){.wrap{padding:0 18px}.brand{font-size:.82rem}.experiment-layout,.split-panel{grid-template-columns:1fr}.panel{padding:20px}.section{padding:28px 0}.fact-row{grid-template-columns:1fr;gap:3px}.stats div{padding:10px;min-width:100px}.compact{align-items:flex-start}.thumbnail{width:75px}.tabs button{padding:.65rem}.hero h1{font-size:2.4rem}}
@keyframes menuEnter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}}