:root{--navy:#1a2b3c;--gold:#c5a059;--gold-dark:#9a7a3a;--gold-soft:#f5ebd2;--cream:#faf8f0;--slate:#4a4658;--text-muted:#6b6470;--border-subtle:#e8e0d2;--bark:#2c2018;--surface:#f5efe3;--white:#fff;--cheto-primary:#c5a059;--cheto-dark:#9a7a3a;--cheto-soft:#f5ebd2;--cheto-accent:#e8d5a8;--mila-primary:#d4537e;--mila-dark:#b83c66;--mila-soft:#fbedf1;--mila-accent:#e8b8b8;--mila-lavender:#afa3c0;--mila-lav-soft:#ede9f5;--mila-lav-mid:#d4cde8;--tabo-primary:#1d9e75;--tabo-dark:#146a50;--tabo-soft:#e8f2ea;--tabo-accent:#bfd8c1;--ella-primary:#c89090;--ella-dark:#b07474;--ella-soft:#f5ecdc;--ella-accent:#ddb8a8;--bg-primary:var(--cream);--bg-elevated:var(--white);--bg-surface:var(--surface);--bg-deep:var(--navy);--bg-dark:var(--bark);--text-primary:var(--navy);--text-secondary:var(--slate);--text-tertiary:var(--text-muted);--text-inverse:var(--cream);--border-line:var(--border-subtle);--border-default:rgba(26,43,60,.12);--border-strong:var(--gold);--link-default:var(--gold-dark);--link-hover:var(--gold);--font-display:"Lora",Georgia,serif;--font-body:"DM Sans",system-ui,sans-serif;--font-ui:var(--font-body);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-xxl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--width-reading:720px;--width-medium:600px;--width-grid:1120px;--width-wide:1280px;--width-max:1440px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-round:999px;--radius-card:var(--radius-lg);--radius-input:var(--radius-sm);--radius-btn:var(--radius-md);--radius-pill:var(--radius-round);--shadow-sm:0 1px 2px rgba(26,32,24,.04);--shadow-md:0 4px 16px rgba(26,32,24,.06);--shadow-lg:0 12px 40px rgba(44,32,24,.1);--shadow-xl:0 24px 64px rgba(44,32,24,.12);--shadow-card:var(--shadow-lg);--shadow-btn:0 4px 16px rgba(197,160,89,.3);--shadow-nav:var(--shadow-sm);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:400ms ease;--lavender:var(--mila-lavender);--lavender-soft:var(--mila-lav-soft);--lavender-mid:var(--mila-lav-mid)}[data-theme=dark]{--bg-primary:#0f1923;--bg-surface:#1a2b3c;--bg-elevated:#243347;--bg-deep:#0a111a;--bg-dark:#080e15;--text-primary:var(--cream);--text-secondary:#d1cfc8;--text-tertiary:#9ca3af;--text-inverse:#1a2b3c;--gold:#c5a059;--gold-dark:#e6c36a;--gold-soft:rgba(197,160,89,.15);--border-subtle:hsla(48,50%,96%,.08);--border-line:hsla(48,50%,96%,.08);--border-default:hsla(48,50%,96%,.1);--shadow-card:0 8px 40px rgba(0,0,0,.3),0 1px 4px rgba(0,0,0,.2);--shadow-btn:0 4px 16px rgba(197,160,89,.2);--shadow-nav:0 2px 12px rgba(0,0,0,.3);--shadow-sm:0 1px 2px rgba(0,0,0,.1);--shadow-md:0 4px 16px rgba(0,0,0,.2);--shadow-lg:0 12px 40px rgba(0,0,0,.3)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:light dark}body{font-family:var(--font-body);background:var(--bg-primary);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background var(--transition-slow),color var(--transition-slow)}body,h1,h2,h3,h4{color:var(--text-primary)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.005em}h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.1;letter-spacing:-.01em}h2{font-size:clamp(1.7rem,3.5vw,2.4rem);line-height:1.2}h3{font-size:clamp(1.15rem,2.5vw,1.35rem)}h3,h4{line-height:1.3}h4{font-size:1rem}p{font-size:clamp(.95rem,2vw,1.05rem);line-height:1.7;color:var(--text-secondary)}.article-body p{font-size:clamp(1rem,2vw,1.1rem);line-height:1.75}a{color:var(--link-default);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--link-hover)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--width-grid);margin:0 auto;padding:0 1.25rem}@media (min-width:768px){.container{padding:0 2rem}}@media (min-width:1024px){.container{padding:0 2.5rem}}.section{padding:var(--space-4xl) 0}.bg-primary{background:var(--bg-primary)}.bg-surface{background:var(--bg-surface)}.bg-elevated{background:var(--bg-elevated)}.bg-deep{background:var(--bg-deep)}.bg-dark{background:var(--bg-dark)}.text-primary{color:var(--text-primary)}.text-muted{color:var(--text-muted)}.gold-accent{color:var(--gold)}