/* Idea Cove v1.3.1 — approved editorial layout, 8 November 2026.
   Visual reference: docs/design-reference/approved-idea-cove-layout.png.
   Preserves every existing interface and backend feature by overriding layout only.
*/
:root {
  --cove-navy:#071c38;
  --cove-teal:#006a78;
  --cove-teal-light:#c9e9e7;
  --cove-gold:#ae7614;
  --cove-ivory:#fffaf1;
  --cove-paper:#fffdf8;
  --cove-rule:#e7e0d5;
  --cove-serif:"Source Serif 4", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --cove-sans:"Inter", "Segoe UI", system-ui, sans-serif;
  --ink:var(--cove-navy);
  --forest:var(--cove-teal);
  --forest-2:#167c7d;
  --muted:#65727d;
  --canvas:#fcfaf6;
  --cream:var(--cove-ivory);
  --line:var(--cove-rule);
  --shadow:0 10px 30px rgb(50 38 19 / 8%);
  font-family:var(--cove-sans);
}
html,body{overflow-x:clip}body{background:#efede7;color:var(--cove-navy);font-family:var(--cove-sans)}
body::selection{background:#c9e8e6;color:#061c34}
:where(button,a,input,textarea,select):focus-visible{outline:3px solid #bd851f;outline-offset:3px}
button{touch-action:manipulation}
h1,h2,h3,h4,blockquote,.detail-title,.history-chapter p,.history-deck,.journal-entry p,.day-card p,.ask-answer p{font-family:var(--cove-serif)}
:where(.page-heading,.section-heading,.feature-paper,.journal-entry,.journey-detail) h1,
:where(.page-heading,.section-heading,.feature-paper,.journal-entry,.journey-detail) h2,
:where(.page-heading,.section-heading,.feature-paper,.journal-entry,.journey-detail) h3{color:var(--cove-navy)}
.app-layout{display:block;max-width:1480px;min-height:calc(100dvh - 78px);background:var(--cove-paper);margin:0 auto;border-radius:0 0 20px 20px;box-shadow:0 12px 28px rgb(35 35 25 / 5%)}
.sidebar,.right-rail{display:none}
.main-content{width:100%;max-width:none;padding:0 34px 90px;margin:0 auto}
.top-row{height:0;min-height:0;margin:0!important;padding:0!important;overflow:hidden;visibility:hidden}
.site-header{display:flex;align-items:center;gap:20px;max-width:1480px;margin:0 auto;min-height:90px;padding:12px 34px;background:#fffdf9;border-bottom:1px solid #e9e1d7;border-radius:18px 18px 0 0;box-shadow:0 0 15px rgb(37 26 12 / 4%);position:relative;z-index:12}
.site-brand{color:var(--cove-navy);text-decoration:none;display:flex;align-items:center;flex:none;min-width:254px;border-right:1px solid var(--cove-rule);padding-right:24px}
.site-brand-identity{display:inline-flex;align-items:center;gap:9px}
.cove-logo{width:76px;height:51px;flex-shrink:0;overflow:visible}
.site-brand-text{display:flex;flex-direction:column;gap:2px;white-space:nowrap}
.site-brand-text strong{font:700 32px/.98 var(--cove-serif);letter-spacing:-1.5px;color:var(--cove-navy)}
.site-brand-text em{font:italic 15px/1.2 var(--cove-serif);color:var(--cove-navy)}
.desktop-main-nav{flex:1;display:flex;align-items:center;justify-content:space-between;gap:2px;min-width:0}
.site-header .desktop-main-nav .nav-button{border:0;background:transparent;color:var(--cove-navy);border-radius:10px;display:inline-flex;align-items:center;gap:4px;padding:10px 12px;font:650 13px/1.1 var(--cove-sans);min-height:41px;white-space:nowrap}
.site-header .desktop-main-nav .nav-button.active{background:#cfece8;color:#104a58}
.site-header .desktop-main-nav .nav-button:hover{background:#e7f5f1}
.desktop-header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.header-aa{display:inline-grid;place-items:center;height:38px;min-width:38px;padding:0 5px;border:1px solid #b9b8b0;border-radius:999px;background:#fffdf9;color:#081a32;font:700 18px var(--cove-serif)}
.header-profile{width:33px;height:39px;border:0;background:none;padding:4px;display:grid;place-items:center;color:var(--cove-navy)}
.header-profile svg{height:23px;width:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round}
.mobile-topbar{display:none}
/* The approved coastal hero has a live quote, not flattened UI artwork. */
.hero.editorial-hero{min-height:384px;width:100%;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,355px);gap:clamp(18px,4vw,85px);align-items:center;padding:39px 44px 34px;margin:0;border:0;border-radius:0;background:linear-gradient(92deg,#fffaf0 0%,#fffaf0 24%,#fffaf0da 36%,#fffaf030 74%,#fffaf000 100%),linear-gradient(170deg,#dbe9e8,#f6e6cd);color:var(--cove-navy);box-shadow:none;overflow:hidden}
.hero.editorial-hero::before,.hero.editorial-hero::after{content:none}
.coastal-hero-scene{position:absolute;z-index:-1;inset:0 0 0 29%;pointer-events:none;background:linear-gradient(90deg,#fffaf0 0%,rgb(255 250 240 / 85%) 17%,rgb(255 250 240 / 4%) 57%),url('/static/media/coastal-light.webp') center center / cover no-repeat;opacity:.93}
.coastal-hero-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#f9ecda4d,transparent 35%),linear-gradient(95deg,#fffaf080 0%,transparent 68%)}
.hero.editorial-hero .hero-content{padding:0;width:auto;max-width:560px;position:relative;z-index:1}
.hero-overline{font:800 14px/1.2 var(--cove-sans);letter-spacing:3.2px;color:#a36f16;display:flex;align-items:center;gap:20px;margin-bottom:17px;text-shadow:none}
.hero-overline .hero-rule{display:inline-block;width:49px;height:1px;background:#b17b17}
.hero.editorial-hero h1{color:#071b37;font:700 clamp(43px,4.55vw,69px)/.99 var(--cove-serif);letter-spacing:-2.9px;text-shadow:none;margin:0 0 14px;max-width:660px}
.hero.editorial-hero p{font:400 clamp(18px,1.72vw,26px)/1.28 var(--cove-serif);letter-spacing:-.32px;color:#0a1a2d;max-width:535px;margin:0 0 25px}
.hero.editorial-hero .hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hero.editorial-hero .button-dark{background:#006a79;color:#fff;border-radius:10px;font:750 17px var(--cove-sans);padding:13px 23px;min-height:48px;box-shadow:none}
.hero.editorial-hero .button-dark svg{height:23px;width:23px}
.hero-create-inline{color:#075c66;background:rgb(255 250 240 / 75%);border:0;border-radius:7px;padding:9px 10px;font:650 13px var(--cove-sans)}
.hero-create-inline:hover{text-decoration:underline}
.hero.editorial-hero .quote-feature{position:relative;z-index:1;min-height:289px;max-width:355px;width:100%;display:flex;flex-direction:column;justify-content:center;margin:0 0 0 auto;padding:24px 26px;border:1px solid #e5ddcf;border-radius:19px;background:#fffaf2;box-shadow:0 10px 25px rgb(57 44 16 / 14%)}
.hero.editorial-hero .quote-feature::after{display:none}
.hero.editorial-hero .quote-feature-heading{margin-bottom:10px;border-bottom:1px solid #d6c9b7;padding-bottom:10px}
.hero.editorial-hero .quote-kicker{font:800 13px var(--cove-sans);letter-spacing:2px;color:#a96f10}
.hero.editorial-hero .quote-kicker svg{display:none}
.hero.editorial-hero #homeQuoteDate{display:none}
.hero.editorial-hero .quote-feature blockquote{color:#07182e;font:italic 500 clamp(24px,2.25vw,33px)/1.15 var(--cove-serif);letter-spacing:-.55px;margin:7px 0 20px;max-height:none;overflow-wrap:anywhere}
.hero.editorial-hero .quote-feature-footer{margin-top:auto;display:flex;align-items:flex-start;gap:8px}
.hero.editorial-hero .quote-credit{font:400 17px var(--cove-serif);letter-spacing:0;color:#09172b}
.hero.editorial-hero .quote-credit::before{content:"— ";color:var(--cove-navy)}
.hero.editorial-hero .quote-theme{display:none}
.hero.editorial-hero .quote-buttons{display:none}
/* Four contextual metrics, populated from actual signed-in account records. */
.editorial-stats{margin:0 18px 30px;padding:19px 8px;min-height:96px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fffaf1;border:1px solid #efe7d8;border-radius:16px;box-shadow:0 5px 15px rgb(61 53 34 / 8%)}
.editorial-stat{display:flex;align-items:center;gap:16px;padding:0 18px;border-right:1px solid #d5c9b9;min-width:0}
.editorial-stat:last-child{border-right:0}
.editorial-stat>svg{width:35px;height:35px;flex:none;fill:none;stroke:#087580;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.editorial-stat:nth-child(n+2)>svg{stroke:#ae7413}
.editorial-stat-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.editorial-stat-copy>span{color:#0b1b31;font:650 13px/1.2 var(--cove-sans)}
.editorial-stat-copy strong{font:700 22px/1.15 var(--cove-serif);color:#071b33;overflow-wrap:anywhere}
.editorial-stat-copy small{font:400 12px/1.3 var(--cove-sans);color:#344451}
.editorial-mini-progress{width:130px;max-width:100%;height:9px;border-radius:999px;background:#ece6db;overflow:hidden;border:1px solid #d4cbbd}
.editorial-mini-progress>div{height:100%;width:0;background:#04717b;border-radius:999px;transition:width .3s ease}
#view-home{padding:0 2px}
#dailyCovePanel.daily-cove{margin:22px 0 36px;padding:0 0 30px;border-bottom:1px solid var(--cove-rule)}
#dailyCovePanel>.section-heading{margin:0 0 16px;display:flex;align-items:center;justify-content:space-between}
#dailyCovePanel .section-heading h2{font:700 clamp(31px,3.4vw,43px)/1.1 var(--cove-serif);letter-spacing:-1.1px;margin:0;color:var(--cove-navy)}
#dailyCovePanel .section-heading .eyebrow{display:none}
#dailyCovePanel .section-heading .section-subtitle{display:none}
#dailyCovePanel .section-heading .small-link{font:650 15px var(--cove-sans);color:#006a7b}
.cove-personalized-line{font:400 13px/1.3 var(--cove-sans);color:#647178;margin:8px 0 0}
.cove-picks{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr);gap:16px;align-items:stretch}
.cove-pick{min-width:0;min-height:330px;border:1px solid #e9dfd1;background:#fffaf3;border-radius:13px;padding:0;overflow:hidden;box-shadow:0 3px 7px rgb(42 41 34 / 6%);display:flex;flex-direction:column;gap:0}
.cove-pick-art{display:block;position:relative;height:144px;width:100%;overflow:hidden;background:#c1dbd7}
.cove-pick-art img{height:100%;width:100%;display:block;object-fit:cover;object-position:center;filter:saturate(1.02)}
.cove-pick-category{position:absolute;left:14px;bottom:9px;background:#c6ecea;color:#063d4c;border-radius:999px;padding:8px 11px;font:800 11px/1 var(--cove-sans);white-space:nowrap;max-width:calc(100% - 26px);overflow:hidden;text-overflow:ellipsis}
.cove-pick h3{color:#06192f;font:700 clamp(22px,2.3vw,28px)/1.05 var(--cove-serif);letter-spacing:-.6px;margin:13px 17px 6px}
.cove-pick p{font:400 16px/1.43 var(--cove-serif);color:#121f2e;margin:0 17px 10px;flex:1}
.cove-pick-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 17px 15px;margin-top:auto}
.cove-pick-readtime{display:inline-flex;align-items:center;gap:5px;font:400 12px var(--cove-sans);color:#293846}
.cove-pick-readtime svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
.cove-pick-footer button{border:0;background:transparent;padding:6px;color:var(--cove-navy);display:inline-grid;place-items:center;border-radius:7px}
.cove-pick-footer button:hover{background:#e6f2f0}
.cove-pick-footer svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.cove-pick.cove-history-feature{border-color:#d6a245}
.cove-history-feature .cove-pick-art{height:151px}
.cove-history-feature .cove-pick-category{background:#b97805;color:#fff}
.cove-history-feature .cove-pick-footer button{background:#006f7e;color:#fff;border-radius:999px;width:39px;height:39px}
.cove-history-feature .cove-pick-footer svg{stroke:white}
.cove-history-feature h3{font-size:clamp(24px,2.45vw,29px)}
.cove-extra-idea{grid-column:1/-1;min-height:auto;border:1px solid #d6e9e6;border-radius:10px;background:#f1f9f6;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.cove-extra-idea p{font:400 13px/1.45 var(--cove-sans);color:#51646c;margin:4px 0 0}
.cove-extra-idea strong{font:700 17px var(--cove-serif);color:#16334a}
.cove-extra-idea .small-link{flex-shrink:0}
.cove-lower{margin-top:24px;gap:20px}
.cove-lower>div{border:1px solid #e5e6dc;border-radius:14px;background:#fffdfa;padding:24px}
.cove-lower h3{font:700 26px/1.2 var(--cove-serif)}
.cove-lower .cove-reflection blockquote{font:italic 22px/1.5 var(--cove-serif)}
#coveJourneyStatus{padding:15px 0;margin-top:8px}
#view-home>.section-heading{margin-top:32px}
#view-home>.section-heading h2{font:700 30px/1.2 var(--cove-serif)}
#view-home>.idea-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.idea-body h3{font-family:var(--cove-serif)}
.idea-body .idea-hook{font:400 16px/1.5 var(--cove-serif)}
.page-heading h1{font:700 clamp(36px,4vw,52px)/1.1 var(--cove-serif);color:var(--cove-navy)}
.page-heading>p{font-size:17px}
/* History reader reproduces the approved mobile article hierarchy without losing source controls. */
.history-reader{max-width:900px;margin:0 auto;padding-top:14px}
.history-back{display:none}
.history-story-header{position:relative;border:0;padding:0 0 18px;display:flex;flex-direction:column}
.history-breadcrumb{display:flex;align-items:center;gap:12px;padding:11px 0 16px;border-bottom:1px solid #e9e5dd;color:#1d2d3a;font-size:13px;line-height:1.4;margin:2px 0 21px}
.history-breadcrumb button{border:0;background:none;color:#006b7a;font-weight:700;padding:0}
.history-breadcrumb>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.history-progress-block{margin:0 0 22px}
.history-progress-caption{display:flex;justify-content:space-between;color:#253643;gap:12px;font-size:13px;margin:0 0 7px}
.history-progress-block .history-progress-track{width:100%;max-width:none;height:7px;background:#e7e3db;border:1px solid #d0ccc1;border-radius:20px;margin:0}
.history-progress-block .history-progress-track>div{height:100%;background:#007380;border-radius:20px}
.history-story-header .eyebrow{font-size:11px;color:#7b7264}
.history-story-header h1{font:700 clamp(35px,4.5vw,55px)/1.05 var(--cove-serif);letter-spacing:-1.4px;color:var(--cove-navy);margin:8px 0 7px}
.history-story-header .history-deck{font:400 calc(21px * var(--reading-scale))/1.35 var(--cove-serif);color:#1a2b38;margin:0 0 12px}
.history-reading-meta{color:#354451;font:400 13px var(--cove-sans);margin:0 0 19px}
.history-story-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.history-story-controls .button{padding:11px 21px;min-height:44px;font-size:14px;white-space:nowrap}
#historyReadStart{background:#006f7e;border:1px solid #006f7e;color:white}
#historyListen{background:#fffdf8;border:1px solid #b8b6ae;color:#0d2337}
#historyReaderAa{height:44px;min-width:44px;border:1px solid #c1bdb5;border-radius:50%;background:#fffdf8;color:#0e2133;font:700 18px var(--cove-serif)}
#historySave{background:#fffdf8;color:#0e3145;border:1px solid #d7d3ca}
.history-story-controls select{min-height:44px;background:#fffdfa;color:var(--cove-navy)}
.history-chapter{padding:3px 0 23px;min-height:0}
.history-chapter-num{font:400 13px var(--cove-sans);letter-spacing:2px;color:#9f7b37}
.history-chapter h2{font:700 clamp(26px,2.7vw,36px)/1.2 var(--cove-serif);color:#11233a;letter-spacing:-.45px;margin:8px 0 13px}
.history-chapter p{font:400 calc(20px * var(--reading-scale))/1.62 var(--cove-serif);color:#101d2a;max-width:69ch;margin:0 0 14px;overflow-wrap:break-word}
.history-inline-scene{display:block;margin:19px 0 0;width:100%;max-height:260px;object-fit:cover;border-radius:12px}
.history-inline-caption{font:400 12px var(--cove-sans);color:#67727a;margin-top:7px}
.history-quiz-paper h2,.history-sources h2,.history-insight h2,.history-timeline-paper h2{font-family:var(--cove-serif)}
.mobile-bottom-nav{display:none}
/* Comprehensive responsive adaptation. The reader is the mobile design reference. */
@media(max-width:1240px){
 .site-header{padding:10px 21px;gap:10px;min-height:81px}
 .site-brand{min-width:205px;padding-right:12px}.cove-logo{width:55px;height:41px}
 .site-brand-text strong{font-size:27px}.site-brand-text em{font-size:13px}
 .site-header .desktop-main-nav .nav-button{font-size:12px;padding:8px 9px}
 .main-content{padding:0 20px 85px}
 .hero.editorial-hero{padding:35px 35px 32px;gap:20px}
 .editorial-stat{padding:0 12px;gap:9px}.editorial-stat>svg{width:29px;height:29px}
}
@media(max-width:880px){
 .desktop-main-nav{gap:0}
 .site-header .desktop-main-nav .nav-button{font-size:11px;padding:8px 5px}
 .site-brand{min-width:166px}.site-brand-text strong{font-size:23px}.site-brand-text em{font-size:11px}.cove-logo{width:46px}
 .desktop-header-actions{gap:5px}.header-aa{height:34px;min-width:34px}
 .hero.editorial-hero{min-height:348px;grid-template-columns:1fr 300px;padding:25px;gap:15px}
 .hero.editorial-hero h1{font-size:43px;letter-spacing:-1.7px}.hero.editorial-hero p{font-size:18px}
 .hero.editorial-hero .quote-feature{max-width:300px;min-height:250px;padding:19px}
 .hero.editorial-hero .quote-feature blockquote{font-size:25px}
 .editorial-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0}
 .editorial-stat:nth-child(2){border-right:0}.editorial-stat:nth-child(-n+2){padding-bottom:14px;border-bottom:1px solid #e2d8ca}
 .cove-picks{grid-template-columns:1fr 1fr}.cove-history-feature{grid-column:1/-1;display:grid;grid-template-columns:42% 1fr;min-height:240px}
 .cove-history-feature .cove-pick-art{grid-row:1/4;height:100%}.cove-history-feature .cove-pick-art img{height:100%;object-fit:cover}
 #view-home>.idea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:770px){
 body{background:#fffdf8}
 .site-header{display:none}
 .mobile-topbar{display:flex!important;align-items:center;justify-content:space-between;gap:8px;height:77px;padding:8px 15px;position:sticky;top:0;z-index:18;background:#fffdf8;border-bottom:1px solid #e7dfd5;box-shadow:0 1px 6px rgb(0 0 0 / 2%)}
 .mobile-menu-toggle{border:0!important;background:none!important;color:#001c32!important;flex:none;width:37px!important;height:37px!important;padding:4px!important;display:grid;place-items:center}
 .mobile-topbar .mobile-menu-toggle svg{width:25px;height:25px}
 .mobile-brand{margin:auto;flex:0 1 auto;min-width:0;text-decoration:none;color:var(--cove-navy)}
 .mobile-brand .site-brand-identity{gap:5px}
 .mobile-brand .cove-logo{width:51px;height:39px}
 .mobile-brand .site-brand-text strong{font-size:25px;line-height:.98}
 .mobile-brand .site-brand-text em{font-size:11px;line-height:1.13}
 .mobile-header-actions{display:flex;align-items:center;gap:7px;flex:none}
 .mobile-header-actions .header-aa{height:34px;min-width:34px;font-size:16px}
 .mobile-library-toggle{height:35px;width:29px;border:0;background:none;padding:4px;display:grid;place-items:center;color:#071b30}
 .mobile-library-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}
 .sidebar{display:flex!important;position:fixed;z-index:21;top:0;bottom:0;left:0;width:min(310px,86vw);transform:translateX(-108%);transition:transform .25s ease;background:#fffdf8;overflow-y:auto}
 .sidebar.open{transform:translateX(0)}.sidebar-scrim:not([hidden]){display:block;z-index:20}
 .app-layout{width:100%;display:block;max-width:none;border-radius:0;box-shadow:none;min-height:calc(100dvh - 76px)}
 .main-content{padding:0 16px 104px;max-width:710px;margin:auto}
 .top-row{display:none}
 .hero.editorial-hero{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding:31px 22px 24px;min-height:0;border-radius:0 0 15px 15px}
 .coastal-hero-scene{inset:0 0 31% 0;background-position:center;opacity:.4}
 .hero.editorial-hero .hero-content{width:100%;max-width:620px}
 .hero-overline{font-size:11px;letter-spacing:2px}
 .hero.editorial-hero h1{font-size:clamp(38px,8vw,53px);line-height:1.04;letter-spacing:-1.8px}
 .hero.editorial-hero p{font-size:19px;max-width:570px;line-height:1.42}
 .hero.editorial-hero .quote-feature{max-width:none;min-height:0;width:100%;margin:0;padding:20px 23px}
 .hero.editorial-hero .quote-feature blockquote{font-size:clamp(24px,5vw,31px);margin:9px 0 17px}
 .editorial-stats{margin:15px 0 28px;min-height:auto;padding:13px 5px}
 .editorial-stat{padding:11px 10px!important;gap:9px;border-bottom:0!important}
 .editorial-stat:first-child,.editorial-stat:nth-child(2){border-bottom:1px solid #e5dacb!important}
 .editorial-stat:nth-child(1),.editorial-stat:nth-child(3){border-right:1px solid #dfd2bf!important}
 .editorial-stat>svg{width:27px;height:27px}
 .editorial-stat-copy strong{font-size:19px}.editorial-stat-copy>span{font-size:11px}.editorial-stat-copy small{font-size:11px}
 #dailyCovePanel .section-heading h2{font-size:36px}
 .cove-picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
 .cove-pick h3{font-size:24px}.cove-pick p{font-size:16px}
 .cove-history-feature{grid-column:1/-1;min-height:0;display:flex}.cove-history-feature .cove-pick-art{height:186px}
 #view-home>.idea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mobile-bottom-nav{display:grid!important;position:fixed;z-index:17;bottom:0;left:0;right:0;width:100%;height:77px;padding-bottom:env(safe-area-inset-bottom);background:#fffdfa;grid-template-columns:repeat(5,minmax(0,1fr));box-shadow:0 -1px 8px #1118271a;border-top:1px solid #e6e0d5}
 .mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;background:none;color:#081b31;padding:5px 0;font:500 10px/1.25 var(--cove-sans);min-width:0}
 .mobile-bottom-nav button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65}
 .mobile-bottom-nav button.active{color:#006e7d;font-weight:800}
 .mobile-bottom-nav button span{max-width:100%;text-align:center}
 .history-reader{padding-top:0}.history-back{display:none}
 .history-story-header h1{font-size:clamp(33px,6.8vw,44px)}
 .history-story-header .history-deck{font-size:calc(21px * var(--reading-scale))}
 .history-chapter p{font-size:calc(19px * var(--reading-scale));line-height:1.59}
 .history-chapter h2{font-size:29px}
 .history-reading-meta{font-size:12px}
}
@media(max-width:510px){
 .main-content{padding-left:15px;padding-right:15px;padding-bottom:101px}
 .mobile-topbar{height:73px;padding:6px 11px}
 .mobile-brand .cove-logo{width:43px;height:34px}.mobile-brand .site-brand-text strong{font-size:22px}.mobile-brand .site-brand-text em{font-size:10px}
 .mobile-header-actions{gap:3px}.mobile-header-actions .header-aa{width:33px;height:33px}
 .hero.editorial-hero{margin-left:-15px;margin-right:-15px;padding:28px 17px 24px}
 .hero.editorial-hero h1{font-size:41px}.hero.editorial-hero p{font-size:18px}
 .hero.editorial-hero .button-dark{font-size:15px;padding:11px 16px;min-height:44px}
 .editorial-stats{margin-top:12px;gap:0}
 .editorial-stat{padding:11px 8px!important}.editorial-stat>svg{width:24px;height:24px;flex:none}
 .editorial-stat-copy>span{font-size:10px}.editorial-stat-copy strong{font-size:17px}
 #dailyCovePanel>.section-heading{align-items:flex-start;gap:8px}
 #dailyCovePanel .section-heading h2{font-size:30px}
 #dailyCovePanel .section-heading .small-link{font-size:12px;white-space:nowrap}
 .cove-picks{grid-template-columns:1fr}
 .cove-pick{min-height:0}.cove-pick-art{height:171px}
 .cove-pick h3{font-size:27px}.cove-pick p{font-size:18px}
 .cove-history-feature{grid-column:auto}.cove-history-feature .cove-pick-art{height:170px}
 .cove-extra-idea{flex-direction:column;align-items:flex-start;gap:5px}
 .cove-lower{grid-template-columns:1fr;gap:12px}
 #view-home>.idea-grid{grid-template-columns:1fr}
 .history-reader{margin:0}
 .history-story-header{padding:0 0 5px}
 .history-breadcrumb{padding:11px 0 15px;margin-bottom:17px}
 .history-progress-block{margin:0 0 20px}
 .history-story-header .eyebrow{display:none}
 .history-story-header h1{font:700 clamp(33px,8.6vw,40px)/1.02 var(--cove-serif);letter-spacing:-.8px;margin:0 0 6px}
 .history-story-header .history-deck{font-size:calc(21px * var(--reading-scale));line-height:1.18;margin:0 0 13px}
 .history-story-controls{flex-wrap:wrap;gap:7px}
 #historyReadStart,#historyListen{flex:1;min-width:0}
 .history-story-controls .button{padding:9px 10px;min-height:42px;font-size:14px}
 #historyReaderAa{height:42px;min-width:42px}
 #historySave{flex:0 0 100%;min-height:34px;font-size:12px;background:#f7f5ec;border:0}
 .history-story-controls select{min-height:36px;padding:3px 6px;width:100%;font-size:13px}
 .history-chapter{padding-top:8px}
 .history-chapter-num{display:none}.history-chapter h2{font-size:24px;margin:5px 0 12px}
 .history-chapter p{font-size:calc(18px * var(--reading-scale));line-height:1.55;margin-bottom:13px}
 .history-chapter-controls{gap:8px}
 .history-chapter-controls .button{min-width:0;flex:1;font-size:12px}
}
/* Reading modes and accessible motion preserved across all refreshed pages. */
html[data-reading-theme="dark"] body{background:#081a29}
html[data-reading-theme="dark"] .app-layout,html[data-reading-theme="dark"] .site-header,html[data-reading-theme="dark"] .mobile-topbar{background:#102c3b;color:#f0f3ef}
html[data-reading-theme="dark"] .site-brand-text strong,html[data-reading-theme="dark"] .site-brand-text em,html[data-reading-theme="dark"] .desktop-main-nav .nav-button,html[data-reading-theme="dark"] .header-profile,html[data-reading-theme="dark"] .mobile-library-toggle{color:#edf5f5}
html[data-reading-theme="dark"] .hero.editorial-hero{background:linear-gradient(115deg,#112a3b,#1e4b51)}
html[data-reading-theme="dark"] .hero.editorial-hero h1,html[data-reading-theme="dark"] .hero.editorial-hero p{color:#f0f6f3}
html[data-reading-theme="dark"] .hero.editorial-hero .quote-feature{background:#163547;border-color:#335565}
html[data-reading-theme="dark"] .hero.editorial-hero .quote-feature blockquote,html[data-reading-theme="dark"] .hero.editorial-hero .quote-credit{color:#fffaf0}
html[data-reading-theme="dark"] .editorial-stats,html[data-reading-theme="dark"] .cove-pick,html[data-reading-theme="dark"] .cove-lower>div{background:#153544;color:#f3f5f1;border-color:#45616b}
html[data-reading-theme="dark"] .editorial-stat-copy strong,html[data-reading-theme="dark"] .editorial-stat-copy>span,html[data-reading-theme="dark"] .cove-pick h3,html[data-reading-theme="dark"] .cove-pick p,html[data-reading-theme="dark"] #dailyCovePanel .section-heading h2{color:#f5f7f2}
html[data-reading-theme="dark"] .history-story-header h1,html[data-reading-theme="dark"] .history-story-header .history-deck,html[data-reading-theme="dark"] .history-chapter h2,html[data-reading-theme="dark"] .history-chapter p{color:#f3f6f1}
html[data-reading-theme="dark"] .history-breadcrumb,html[data-reading-theme="dark"] .history-progress-caption{color:#d4e5e5}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.history-reader{scroll-margin-top:92px}
.history-scene-figure{margin:17px 0 0}
.history-story-controls .button svg{height:18px;width:18px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-right:7px}
@media(max-width:770px){.history-reader{scroll-margin-top:80px}}

@media(max-width:510px){
  #historySave{display:none}
  .history-story-controls #historySpeed{display:none}
  html[data-history-audio="active"] .history-story-controls #historySpeed{display:block}
}