/* Everyday Economy: an editorial desk with three reading lights. */
:root{--paper:#f7f0e6;--ink:#26322d;--accent:#b65d3f;--soft:#fff9ef;--wash:#ebd9c8;--edge:#d2bca8;--display:'Manrope';--text:Georgia}
body{background:var(--paper)}body[data-mood=evening]{--paper:#eee4d7;--ink:#332e2a;--accent:#97543e;--soft:#f6ebdb;--wash:#d9bfaa;--edge:#bda38f}body[data-mood=ink]{--paper:#192e31;--ink:#f2eddd;--accent:#eab587;--soft:#213b3e;--wash:#335052;--edge:#6d8581}body.alternate{--paper:#121c1f;--ink:#fff9e9;--accent:#efb997;--soft:#1e2f32;--wash:#355054;--edge:#7c9692}
.app-shell{max-width:1530px}.topbar{height:75px;background:var(--soft);border-bottom:3px double var(--edge)}.identity{font:800 22px var(--display),sans-serif;letter-spacing:-.06em}.identity img{border-radius:0;transform:rotate(-4deg)}.edition{letter-spacing:.08em;color:var(--accent);opacity:1}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(220px,32%);min-height:395px;background:var(--soft);border-bottom:3px solid var(--accent)}
.hero-copy{padding:48px clamp(24px,5vw,76px)}.hero h1{font:800 clamp(40px,5vw,78px)/1.02 var(--display),sans-serif;letter-spacing:-.065em;margin:18px 0}.hero .deck{max-width:540px;margin:20px 0}.hero .eyebrow{letter-spacing:.13em}
.hero-actions button{font:700 13px var(--display),sans-serif;border-radius:0}.hero-actions .primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.hero-actions .secondary{background:transparent;border-color:var(--edge);color:var(--ink)}
.mood-strip{display:flex;flex-direction:column;align-items:stretch;gap:8px;justify-content:center;padding:18px;background:var(--wash);border-left:1px solid var(--edge)}.mood-strip span{font:700 10px var(--display),sans-serif;text-transform:uppercase;letter-spacing:.13em;margin-bottom:7px}.mood-strip button{border:1px solid var(--edge);background:var(--soft);color:var(--ink);padding:11px 7px;text-align:left;font:700 11px var(--display),sans-serif}.mood-strip button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 4px 0 var(--accent)}
.hero-art{border:0;background:#22423e;overflow:hidden;min-height:0}.economy-collage{width:100%;height:100%;min-height:330px;position:relative;display:flex;align-items:center;justify-content:center;color:#f4e4ce;font:800 clamp(22px,3vw,45px) var(--display),sans-serif;letter-spacing:-.06em}.economy-collage span:not(.collage-orbit){position:absolute;z-index:2}.collage-one{left:8%;top:17%;transform:rotate(-8deg)}.collage-two{right:8%;top:47%;transform:rotate(6deg)}.collage-three{left:15%;bottom:12%;transform:rotate(-5deg)}.collage-orbit{position:absolute;width:180px;height:180px;border:24px solid #d89c76;border-radius:50%;box-shadow:0 0 0 28px #315e56;transform:rotate(18deg)}
.workspace{grid-template-columns:minmax(0,1fr) 190px}.rail{grid-column:2;grid-row:1;position:sticky;top:0;align-self:start;min-height:70vh;padding:32px 18px;background:var(--wash);border-left:1px solid var(--edge);border-right:0}.rail button{font:700 12px var(--display),sans-serif;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--edge);border-radius:0}.rail button:hover{background:var(--soft)}
.reader-area{grid-column:1;grid-row:1;max-width:1050px;padding:48px clamp(22px,6vw,90px) 90px}.reading-sheet{background:var(--soft);border:0;border-top:4px solid var(--accent);box-shadow:0 20px 50px #39261414;max-width:800px;padding:clamp(28px,5vw,62px)}.reading-sheet h2{font:800 clamp(29px,3.3vw,45px)/1.08 var(--display),sans-serif;letter-spacing:-.05em}.page-text{font:var(--reading-size,19px)/var(--reading-line,1.75) Georgia,serif}.page-text p:first-of-type::first-letter{font:800 2.6em/.8 var(--display),sans-serif;float:left;padding:7px 8px 0 0;color:var(--accent)}
.progress-track{height:4px}.page-actions button,.jump-row button{font-family:var(--display),sans-serif;font-weight:700}.archive-note{border:0;border-bottom:2px solid var(--accent);border-radius:0;padding:4px 0 15px;max-width:620px}
.palette-options{display:grid;gap:12px;margin-top:22px}.palette-choice{width:100%;display:grid;grid-template-columns:54px 1fr;gap:5px 12px;align-items:center;text-align:left;border:1px solid var(--edge);background:var(--soft);padding:10px;color:var(--ink)}.palette-choice[aria-pressed=true]{outline:2px solid var(--accent)}.palette-chip{grid-row:span 2;width:54px;height:54px;background:linear-gradient(145deg,#fff9ef 50%,#b65d3f 50%)}.palette-evening .palette-chip{background:linear-gradient(145deg,#f6ebdb 50%,#97543e 50%)}.palette-ink .palette-chip{background:linear-gradient(145deg,#213b3e 50%,#eab587 50%)}.palette-choice strong{font:700 15px var(--display),sans-serif}.palette-choice small{font:12px var(--display),sans-serif;opacity:.75}
@media(max-width:950px){.hero{grid-template-columns:minmax(0,1fr) 140px}.hero-art{display:none}.workspace{grid-template-columns:minmax(0,1fr) 150px}.rail{padding:25px 10px}.reader-area{padding:35px 25px 70px}}
@media(max-width:700px){body[data-concept=freshpage] .hero{display:block!important}.hero-copy{padding:26px 20px 25px}.hero h1{font-size:39px}.hero-art{display:none}.mood-strip{display:flex;flex-direction:row;align-items:center;padding:10px 12px;gap:6px;border-left:0;border-top:1px solid var(--edge)}.mood-strip span{margin:0 5px 0 0;white-space:nowrap}.mood-strip button{padding:8px 7px;font-size:10px}.workspace{display:flex;flex-direction:column;width:100%;min-width:0}.rail{order:0;position:static;display:flex;width:100%;max-width:100%;min-width:0;box-sizing:border-box;min-height:0;overflow:auto;white-space:nowrap;border:0;border-bottom:1px solid var(--edge);padding:6px 10px}.rail button{border:0;flex:none}.reader-area{order:1;padding:26px 10px 70px}.reader-intro{display:none}.reading-sheet{padding:24px 20px}.reading-sheet h2{font-size:30px}}