/* Shared sea-and-sky edition. Latest user direction: open, bright, no yellow base. */
:root{--paper:#f5fbff;--panel:#fff;--bg:#f5fbff;--white:#fff;--ink:#173c55;--muted:#516e80;--line:#cfe2ec;--accent:#086caa;--orange:#086caa;--green:#177d8b;--light:#e8f5fa;--yellow:#e3f2fc;--blue:#dceff9;color-scheme:light}
body{background:#f5fbff!important;color:var(--ink)}
::selection{background:#bce5f8;color:#143d56}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0879b4;outline-offset:4px}
input,textarea,select{background:#fff;border-color:#97b6c8;accent-color:#0879b4}
dialog{background:#f5fbff!important;color:#173c55}dialog::backdrop{background:#173c5566}
.header,.top,.topbar{background:transparent;border-color:var(--line)}
.nav,.mainnav,.main-nav{border-color:var(--line)}
.brand-mark,.mark{background:#0879b4!important;color:#fff!important}
.color-emblem{transform:none}.color-emblem b{border-radius:8px 8px 3px 3px}
.button,.primary,.solid{background:#086caa;border-color:#086caa;color:#fff}
.primary,.solid{background:#086caa!important;border-color:#086caa!important;color:#fff}
.button.secondary,.color-story .button{background:#fff;color:#173c55;border-color:#cfe2ec}
.color-story .button.primary,.color-story .filters .button{background:#086caa;color:#fff}
.panel,.reader,.reading,.notebook,.record,.place,.reading-card,.connection-card,.series-card,.object-choice{background:#fff;border-color:#cfe2ec}
.panel.tint,.banner,.tag,.tag.warm,.notice,.field-note,.looking-note,.family-gateway,.note-hint{background:#e8f5fa;color:#285b73;border-color:#b8dce9}
.tag,.tag.warm{color:#25617c}.page-head .eyebrow,.eyebrow{color:#39758e}
.paper-nav,body>nav:first-of-type{background:#eaf5fb!important;border-color:#cfe2ec}
.paper-nav a[aria-current]{background:#176b91;color:#fff;border-color:#176b91}
.mainnav button.active,.days button.active,.main-nav a[aria-current]{color:#086caa;border-color:#086caa}
.days button.active{background:#176b91;color:#fff}
.ai-launch{background:#176b91}
.ai-dialog,.ai-dialog button{color:#173c55;border-color:#cfe2ec}.ai-dialog button{background:#e8f5fa}
.paper-short-intro{border-bottom-color:#87cde8}
.paper-pager button,.paper-page-nav .button.secondary{background:#fff;border-color:#cfe2ec;color:#173c55}
#page-listener{background:#f5fbfff5;border-color:#cfe2ec;position:static}
.listen-trigger{color:#176b91;border-color:#b8dce9;background:#eaf5fb}

/* An open panorama, with live text and an unobstructed horizon. */
#main:has(.sky-hero){padding-top:20px}
.sky-hero{display:block;position:relative;isolation:isolate;overflow:hidden;min-height:348px;padding:36px 40px;margin-bottom:22px;border-radius:12px;background:#d8f1ff}
.sky-panorama{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.sky-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#effaffc9, #effaff40 48%,transparent 70%);z-index:-1}
.sky-hero .color-hero-copy{width:max-content;max-width:100%}
.sky-hero .eyebrow{color:#285f7c;letter-spacing:2px;margin-bottom:16px}
.sky-hero h1{font-size:42px;line-height:1.3;letter-spacing:2px;color:#123e60}
.sky-hero h1 em{color:#076ca9}.sky-hero h1 em:after{display:none}
.sky-hero .color-lead{color:#365c74;margin:14px 0 18px;line-height:1.7}
.sky-hero .color-cta{box-shadow:none;border-radius:6px;background:#086caa;color:#fff;gap:25px;font-weight:600}
.color-section-label{margin:0 0 14px;color:#516e80}
.color-door{background:#e3f2fc;border:1px solid #d4e9f4;border-radius:9px}
.color-door:nth-child(2){background:#e1f5f6}.color-door:nth-child(3){background:#e8f0fa}.color-door:nth-child(4){background:#e4f3f9}
.color-door img{mix-blend-mode:normal;height:105px}
.color-door strong{font-size:20px}.color-door small{color:#486779}
.color-door-text{padding:12px 15px 14px}.color-news{border-color:#cfe2ec;padding-top:12px}
.color-news a{color:#176b91}.color-dot{background:#1484ba}

/* Directories remain short; a horizon gives the headings a visual anchor. */
.paper-title{background:#e3f3fc url('/assets/open-horizon.webp') center 36%/cover;padding:24px 28px;border-radius:10px;position:relative;isolation:isolate;overflow:hidden}
.paper-title:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#eefaffed, #eefaff90 50%,transparent);z-index:-1}
.paper-title h1{margin:0;color:#123e60}.paper-title .eyebrow{color:#39718b}
.paper-doors{gap:18px;margin-top:22px}
.paper-doors>a,.paper-doors>a:nth-child(even){border:1px solid #d1e6f0;background:#fff;border-radius:9px;min-height:145px}
.paper-doors>a:nth-child(2){background:#e7f6f8}.paper-doors>a:nth-child(3){background:#edf5fd}.paper-doors>a:nth-child(4){background:#e6f3fa}
.paper-doors .door-number{color:#3a94b9;opacity:1}.paper-doors span{color:#486779}.paper-doors h2{color:#173c55}
.color-story-head{background:#176b91;color:#fff}.color-story-head .kicker,.color-story-head p:last-child{color:#e0f3fc}
.color-story-count{color:#a5e7ff}.color-story-count small{color:#e0f3fc}
.color-ribbon{background:#c5effb;color:#173c55}.color-story .reader{border-top-color:#87cde8}
.color-story .choice{background:#e3f2fc}.color-story .choice:nth-child(2){background:#def5f5}.color-story .choice:nth-child(3){background:#e8f0fa}.color-story .choice:nth-child(4){background:#e2f2f6}
.color-story .choice.primary{background:#086caa;color:#fff}.color-story .choice.primary small{color:#fff}
.color-story .visual,.color-story .listen-layout img{box-shadow:3px 4px 0 #d6eaf4}

/* News: compact controls, full-width readable headlines on a phone. */
.news-search-panel{border:1px solid #cfe2ec;background:#fff;border-radius:8px;margin:14px 0}
.news-search-panel>summary{cursor:pointer;padding:10px 16px;min-height:44px;color:#28627f;font-size:14px}
.news-search-panel .news-filters{padding:2px 16px 16px}
.news-update{margin-bottom:8px}.news-period{margin:14px 0}
#news-content .section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}
.news-period button[aria-pressed=true]{background:#176b91;border-color:#176b91;color:#fff}
.news-grid .news-card{border:1px solid #cfe2ec;border-top:3px solid #65b9dc;border-radius:8px;background:#fff;padding:22px}
.news-grid .news-card:nth-child(even){border-top-color:#5dbbbf}
.news-grid .news-card h3{line-height:1.65;font-size:20px}.news-card .tag{align-self:flex-start}
.news-grid .news-source{color:#516e80;font-size:13px}

/* Maps and museum objects keep their own content and natural colors. */
.mapwrap{background-color:#eaf6fc;background-image:linear-gradient(#bddfec55 1px,transparent 1px),linear-gradient(90deg,#bddfec55 1px,transparent 1px);background-size:32px 32px;border-color:#cfe2ec}
.maptop,.mapcaption,.mapcol,.video-frame,.tripstamp,.noteactions,.object-detail,.object-list{border-color:#cfe2ec}
.video-frame,.tripstamp,.object-space,.object-stage,.artifact-image,.artifact-tile,.museum-door,.door-objects{background:#eaf5fb}
.museum-door.banpo{background:#eaf5fb}.door-copy{background:#fff}.door-kicker,.door-copy>p{color:#516e80}.door-copy h2{color:#173c55}.door-footer{border-color:#cfe2ec}
.door-image-type{background:#f2f9fdee;color:#365c71;font-size:12px}
.maptag,.promptchips button,.reading-filters button,.tool-intro{background:#e8f5fa;color:#285b73}
.city.active circle{stroke:#0879b4}.creator-intro .video-slot{background:#e3f2fc}
.artifact-type,.artifact-tile .artifact-type{font-size:12px;color:#365c71;background:#f2f9fd;line-height:1.6}
.artifact-tile-copy p,.gallery-note{color:#516e80}.gallery-note{font-size:12px}
.series-card,.object-choice{border-color:#cfe2ec}.sidebar nav button.active{background:#e3f2fc;color:#176b91}
.museum-lobby .lobby-intro{padding-top:16px}.museum-lobby .lobby-intro p{color:#516e80}

/* The design studio uses the same blue actions, with teal diagram feedback. */
body:has(.main-nav){--blue:#176b91}
body:has(.main-nav) .button:not(.primary){background:#fff;color:#173c55;border-color:#cfe2ec}
.hero-art:has(svg){background:#fff;border-color:#cfe2ec;box-shadow:4px 4px 0 #d6eaf4;transform:none}
.entry,.entry:nth-child(2),.selection-note,.setting-box,.empty{background:#e3f2fc}.entry:nth-child(2){background:#def5f5}
.diagram,.large-map{background:#eaf5fb}.check,.reason,.status-badge{background:#def5f5}
.discovery-card{border-top-color:#56b6dc}.discovery-card.outside{border-top-color:#43a4ae}

@media(max-width:650px){
 .header,.top,.topbar{padding-top:15px;padding-bottom:15px}
 #main:has(.sky-hero){padding-top:14px}.sky-hero{min-height:310px;padding:24px 22px;margin-bottom:18px;border-radius:10px}
 .sky-panorama{object-position:62% center}.sky-hero:before{background:linear-gradient(90deg,#effaffe8,#effaff90 52%,#effaff00)}
 .sky-hero h1{font-size:32px;letter-spacing:1px;line-height:1.3}.sky-hero .eyebrow{font-size:11px;letter-spacing:1px;margin-bottom:13px}
 .sky-hero .color-lead{font-size:13px;margin:14px 0 17px}.sky-hero .color-cta{font-size:13px;padding:10px 14px;gap:18px}
 .color-door img{height:82px}.color-door strong{font-size:18px}.color-door-text{padding:10px 11px 12px}.color-door small{font-size:11px}
 .paper-title{padding:20px}.paper-title h1{font-size:30px}.paper-doors{gap:12px;margin-top:16px}.paper-doors>a,.paper-doors>a:nth-child(even){min-height:152px;padding:18px 14px}.paper-doors h2{font-size:20px}
 .news-grid.school-question-grid{grid-template-columns:1fr;gap:14px}.news-grid .news-card{padding:18px 20px}.news-grid .news-card h3{font-size:20px}
 #news-content .section-heading{gap:12px;align-items:center}#news-title{font-size:28px;margin-bottom:8px}#news-content .section-heading button{font-size:12px}
 .news-period span{width:auto;margin-left:auto;font-size:12px}.news-period button{padding:8px 12px}
 #page-listener{padding:6px 16px}.listen-trigger{min-height:40px}
 .paper-nav{margin-bottom:14px}.paper-nav a{min-height:44px}.sidebar nav button{min-height:44px}
 .creator-intro{padding-top:10px!important;padding-bottom:10px!important}.sectionline h2{font-size:23px}
 .artifact-type,.artifact-tile .artifact-type{font-size:12px}.museum-lobby .lobby-intro h1{font-size:30px!important}
}
@media(prefers-reduced-motion:reduce){.color-door,.color-story .catalog img{transition:none}}