/* Economic Perspective: compact dashboard, page slider, and pocket card. */
:root{--paper:#e6ebec;--ink:#263b45;--accent:#cd7957;--soft:#fff;--wash:#d8e1e2;--edge:#b5c4c8;--display:'Manrope';--text:Georgia}
body{background:#dce3e5}.app-shell{max-width:960px;min-height:100vh;background:#f7f9f8;box-shadow:0 20px 90px #233f4b2b}body[data-concept=pocketreader] main{display:block}
.topbar{height:64px;background:#233c46;color:#f7f9f8;border:0;padding:0 25px}.identity{font:800 17px var(--display),sans-serif;letter-spacing:0}.identity img{border-radius:4px}.edition{font:700 10px var(--display),sans-serif;letter-spacing:.12em;opacity:.8}.topbar .icon-button{color:#fff;border-color:#7d9ca1}
.hero{display:grid;position:relative;height:auto;overflow:hidden;min-height:230px;grid-template-columns:1fr 170px;background:#e7edec;border:0;border-bottom:1px solid var(--edge)}.hero-copy{padding:25px 35px}.hero h1{font:800 clamp(34px,4.5vw,57px)/1.08 var(--display),sans-serif;letter-spacing:-.06em;margin:12px 0 5px}.hero .deck{font-size:14px;margin:13px 0 18px}.hero .author{font-size:14px}.hero-actions button{border-radius:5px;padding:10px 13px;font:700 11px var(--display),sans-serif}.hero-actions .primary{background:#233c46;border-color:#233c46}.hero-meta{margin-top:15px;font-size:10px}
.hero-art{display:grid;min-height:0;border:0;background:transparent}.perspective-device{width:120px;height:170px;border:6px solid #233c46;border-radius:17px;background:#fff9f0;box-shadow:10px 12px 0 #b8cbcd;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;transform:rotate(7deg)}.device-bar{width:27px;height:4px;border-radius:8px;background:#738e94}.perspective-device strong{font:800 12px/1.15 var(--display),sans-serif}.device-chart{display:flex;align-items:end;gap:5px;height:46px}.device-chart i{width:12px;background:var(--accent);height:40%}.device-chart i:nth-child(2){height:68%}.device-chart i:nth-child(3){height:52%}.device-chart i:nth-child(4){height:92%}.perspective-device small{font:800 6px var(--display),sans-serif;letter-spacing:.1em}
.workspace{display:flex;flex-direction:column}.rail{order:0;display:flex;flex-direction:row;justify-content:space-between;gap:0;padding:0 18px;background:#f7f9f8;border:0;border-bottom:1px solid var(--edge)}.rail button{flex:1;text-align:center;font:700 11px var(--display),sans-serif;text-transform:uppercase;letter-spacing:.04em;border-radius:0;padding:15px 6px}.rail button:hover{background:var(--wash)}
.reader-area{order:1;padding:20px 24px 80px;max-width:850px}.pocket-controls{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:auto minmax(140px,1fr) auto;align-items:center;gap:16px;padding:13px 18px;margin:0 0 22px;background:#233c46;color:#fff;border-radius:9px;box-shadow:0 8px 18px #233c4626}.pocket-kicker{display:block;color:#b8d5d4;font:700 9px var(--display),sans-serif;letter-spacing:.14em}.pocket-controls strong{font:800 19px var(--display),sans-serif;font-variant-numeric:tabular-nums}.pocket-controls label{display:flex;flex-direction:column;gap:4px;font:700 10px var(--display),sans-serif;text-transform:uppercase;letter-spacing:.08em}.pocket-controls input{width:100%;accent-color:var(--accent)}.pocket-controls button{border:1px solid #a5c3c4;border-radius:5px;background:transparent;color:#fff;padding:10px 12px;font:700 11px var(--display),sans-serif}.pocket-controls button[aria-pressed=true]{background:var(--accent);color:#233c46;border-color:var(--accent)}
.reader-top{margin:0 4px}.progress-track{height:3px;margin:10px 4px 22px}.reading-sheet{max-width:700px;margin:auto;background:var(--soft);border:1px solid var(--edge);border-radius:4px;padding:30px clamp(25px,5vw,65px);box-shadow:0 9px 35px #233c4610}.reading-sheet h2{font:800 clamp(28px,3.2vw,39px)/1.15 var(--display),sans-serif;letter-spacing:-.04em}.page-text{font:var(--reading-size,18px)/var(--reading-line,1.75) Georgia,serif}.compact .reading-sheet{max-width:560px;padding:19px 25px}.compact .page-text{font-size:clamp(15px,var(--reading-size,17px),18px);line-height:1.48}
.page-actions{position:sticky;bottom:0;z-index:4;max-width:700px;background:#f7f9f8;margin:0 auto;padding:12px 2px;border-top:1px solid var(--edge)}.page-actions button,.jump-row button{border-radius:5px;font:700 11px var(--display),sans-serif}.jump-row{max-width:700px}.archive-note{border:0;border-top:1px solid var(--edge);padding:12px 0 0;border-radius:0}
@media(max-width:700px){body[data-concept=pocketreader] .hero{display:block!important;min-height:0}.hero-copy{padding:20px}.hero h1{font-size:34px}.hero-art{display:none}.hero-meta{display:none}.reader-intro{display:none}.rail{position:sticky;bottom:0;z-index:7;order:2;overflow:auto;padding:4px;background:#233c46;border:0}.rail button{flex:0 0 auto;color:#fff;font-size:10px;padding:10px}.reader-area{order:1;padding:16px 9px 95px}.pocket-controls{grid-template-columns:auto minmax(100px,1fr);gap:8px;padding:10px;border-radius:0;margin-bottom:17px}.pocket-controls button{grid-column:1/-1;padding:7px}.reading-sheet{padding:24px 18px}.page-actions{bottom:40px;margin:0 -2px;padding:7px 0}.page-actions button{font-size:10px;padding:8px 7px}}