/* Approved illustrated edition. Keep reading, media and route behavior independent. */
:root{--paper:#f5fbff;--panel:#ffffff;--bg:#f5fbff;--ink:#173c55;--accent:#086caa;--orange:#086caa;--green:#177d8b;--line:#cfE2ec;--muted:#516e80;--blue:#dcebf2;color-scheme:light}
body{background:var(--paper);color:var(--ink)}
.header,.top{border-bottom:1px solid var(--line);background:transparent}
.brand{font-family:"Songti SC","SimSun",serif;letter-spacing:1.5px}
.color-emblem{display:flex;flex:none;align-items:center;gap:3px;transform:rotate(-8deg);width:42px;height:34px}
.color-emblem b{width:11px;height:28px;display:block;border-radius:2px;background:#1a81bd}
.color-emblem b:nth-child(2){background:#66bde5;transform:translateY(-5px)}
.color-emblem b:nth-child(3){background:#258f9b}
.brand small{font:11px/1.6 "PingFang SC","Microsoft YaHei",sans-serif;color:var(--muted);display:block;letter-spacing:1px}
.nav a{border-radius:0}.nav a[aria-current=page]{color:var(--accent);border-color:var(--accent)}
.button,.chip,.panel,.reader,.feature,.choice,.gate{border-radius:4px}
.button{background:var(--accent);border-color:var(--accent)}
.button.secondary{background:var(--panel);color:var(--ink);border-color:var(--line)}
.panel,.reader{background:var(--panel)}
#main:has(.color-hero){padding-top:10px;padding-bottom:20px;min-height:0}
.color-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:315px;padding:28px 18px 30px;gap:36px}
.color-hero .eyebrow{font-size:12px;letter-spacing:1.5px;margin:0 0 15px;display:flex;align-items:center;gap:8px}
.color-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1484ba;flex:none}
.color-hero h1{font-size:clamp(32px,4.7vw,46px);line-height:1.32;letter-spacing:2px;margin:0;font-weight:600}
.color-hero h1 em{font-style:normal;color:var(--accent);position:relative;white-space:nowrap}
.color-hero h1 em:after{content:"";position:absolute;height:4px;background:#8bd5ee;bottom:-8px;left:0;right:0;border-radius:45% 70% 25% 40%;transform:rotate(-2deg)}
.color-lead{font-size:14px;color:var(--muted);line-height:1.8;margin:22px 0 18px}
.color-cta{display:inline-flex;align-items:center;gap:25px;background:var(--accent);color:#ffffff;border-radius:3px;padding:12px 20px;font-size:14px;box-shadow:3px 3px 0 #c2e5f4;text-decoration:none;min-height:44px}
.color-collage{position:relative;height:245px;max-width:430px;width:100%;justify-self:end}
.color-collage:before{content:"";position:absolute;inset:5% 2% 0 5%;border-radius:50%;background:#dceff7}
.color-print{margin:0;position:absolute;padding:7px 7px 27px;background:#ffffff;box-shadow:0 6px 14px #133a3d20}
.color-print img{width:100%;height:100%;object-fit:cover;display:block}
.color-print figcaption{position:absolute;bottom:7px;left:10px;font-size:11px;line-height:1.4;color:#3b635e}
.color-print.one{width:70%;height:170px;top:6px;left:0;transform:rotate(-7deg)}
.color-print.two{width:68%;height:160px;bottom:0;right:0;transform:rotate(7deg)}
.color-print i{position:absolute;top:-8px;left:36%;width:60px;height:19px;background:#79bfdfc4;transform:rotate(3deg)}
.color-stamp{position:absolute;right:0;top:-7px;background:#b6e8f4;border:1px dashed #3c7f9e;border-radius:50%;width:66px;height:66px;display:grid;place-content:center;line-height:1.5;transform:rotate(10deg);font-size:12px;color:#173c55;text-align:center}
.color-section-label{display:flex;align-items:center;gap:15px;margin:12px 0 15px;font-size:12px;color:var(--muted)}
.color-section-label:after{content:"";height:1px;background:var(--line);flex:1}
.color-doors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-bottom:25px}
.color-door{border-radius:5px;overflow:hidden;background:#e3f2fc;position:relative;color:var(--ink);text-decoration:none;transition:transform .2s}
.color-door:nth-child(2){background:#def5f5}.color-door:nth-child(3){background:#e8f0fa}.color-door:nth-child(4){background:#e2f2f6}
.color-door img{width:100%;height:106px;object-fit:cover;display:block;mix-blend-mode:multiply}
.color-door-text{display:block;padding:13px 14px 16px}
.color-door strong{display:block;font:600 21px/1.5 "Songti SC","SimSun",serif;letter-spacing:1px}
.color-door strong span{float:right}.color-door small{display:block;font-size:12px;margin-top:6px;color:#516e80}
.color-news{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:15px 0 0;font-size:13px}
.color-news a{display:inline-flex;align-items:center;gap:8px;min-height:36px;color:#176b91;text-decoration:none}
.paper-title{padding:15px 0 5px}.paper-title .eyebrow{font-size:12px;margin:0 0 8px}
.paper-doors{border:0;gap:18px;margin-top:16px}
.paper-doors>a,.paper-doors>a:nth-child(even){display:flex;align-items:center;gap:24px;background:#e3f2fc;border:0;border-radius:5px;padding:25px 22px}
.paper-doors>a:nth-child(2){background:#def5f5}.paper-doors>a:nth-child(3){background:#e8f0fa}.paper-doors>a:nth-child(4){background:#e2f2f6}
.paper-doors .door-number{font:italic 42px/1 Georgia,serif;color:#3380a0;opacity:.7}.paper-doors span{color:#516e80}.paper-doors h2{font-size:25px;margin:6px 0 0}
#modal,.dialogtop{background:var(--paper)}
.color-story .brand{display:flex;align-items:center;gap:12px;font-size:21px;line-height:1.5}
.color-story .top{padding-top:22px;padding-bottom:22px}
.color-story main{min-height:0}
.color-story .button{background:var(--panel);color:var(--ink);border-color:var(--line)}
.color-story .button.primary,.color-story .filters .button{background:var(--accent);border-color:var(--accent);color:#ffffff}
.color-story-head{background:#176b91;color:#ffffff;position:relative;padding:24px 30px;overflow:hidden;border-radius:5px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.color-story-head:before,.color-story-head:after{content:"";position:absolute;border:1px solid #c0d8c746;border-radius:50%;pointer-events:none}
.color-story-head:before{width:185px;height:185px;right:45px;top:-105px}.color-story-head:after{width:240px;height:240px;right:18px;top:-132px}
.color-story-head .kicker{color:#d6f3ff;font-size:11px;margin-bottom:10px}
.color-story-head h1{font-size:36px;letter-spacing:3px;margin:0}
.color-story-head p:last-child{font-size:13px;color:#e0f3fc;margin:12px 0 0}
.color-story-count{color:#a5e7ff;font:italic 40px/1.2 Georgia,serif;transform:rotate(-6deg);flex-shrink:0;text-align:center}
.color-story-count small{font:11px/1.6 "PingFang SC","Microsoft YaHei",sans-serif;display:block;color:#d0f0ff;margin-top:5px}
.color-story .filters{margin:19px 0;gap:10px}.color-story .filters input,.color-story .filters select{border-radius:3px;font-size:16px;min-height:44px;color:var(--ink)}
.color-story .catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 25px}
.color-cover{height:160px;position:relative;overflow:hidden;border-radius:4px}
.color-story .catalog img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .2s}
.color-ribbon{position:absolute;right:12px;top:0;padding:8px 9px 14px;background:#c5effb;color:#173c55;font-size:11px;clip-path:polygon(0 0,100% 0,100% 100%,50% 90%,0 100%)}
.color-story .catalog h2{display:flex;justify-content:space-between;font:600 21px/1.4 "Songti SC","SimSun",serif;margin:10px 0 5px;gap:10px}
.color-story .catalog h2 span{color:var(--accent)}
.color-story .catalog p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:13px;line-height:1.7;margin:0;color:var(--muted)}
.color-story .work{gap:36px;align-items:center}.color-story .visual{padding:8px;background:#ffffff;box-shadow:3px 5px 0 #d6eaf4;border-radius:4px}.color-story .visual img{height:auto;aspect-ratio:960/450;border-radius:2px}
.color-story .work-copy h1{font-size:36px}.color-story .work-copy .intro{font-size:15px}
.color-story .choice{background:#e3f2fc;border-color:#cfE2ec;border-radius:4px}.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:var(--accent);border-color:var(--accent);color:#ffffff}.color-story .choice.primary small{color:#ffffff}
.color-story .work-copy>[data-fav]{margin-top:18px}.color-story .reader{padding:22px 25px;border-top:4px solid #66bde5;border-radius:3px}.color-story .reading-text{color:var(--ink)}
.color-story .listen-layout img{aspect-ratio:960/450;height:auto;border:7px solid var(--panel);box-shadow:3px 4px 0 #d6eaf4}
@media(hover:hover){.color-door:hover{transform:translateY(-3px)}.color-story .catalog a:hover img{transform:scale(1.025)}.paper-doors>a:hover{outline:1px solid #177d8b}}
@media(max-width:650px){
 .header{padding:18px 20px}.brand{gap:9px;font-size:19px}.color-emblem{width:34px;gap:2px}.color-emblem b{width:9px;height:25px}.utilities{font-size:12px;gap:10px}
 #main:has(.color-hero){padding:10px 20px 18px}.color-hero{padding:15px 1px 20px;min-height:230px;gap:8px;grid-template-columns:1.05fr 1fr}.color-hero h1{font-size:29px;letter-spacing:0}.color-hero .eyebrow{font-size:11px;letter-spacing:0;margin-bottom:13px;gap:5px}.color-lead{font-size:13px;margin:20px 0 15px}.color-cta{padding:10px 12px;font-size:12px;gap:10px}
 .color-collage{height:190px}.color-print.one,.color-print.two{width:98%;height:111px}.color-print.one{top:15px}.color-print.two{bottom:5px}.color-print{padding:4px 4px 20px}.color-print figcaption{font-size:9px;left:6px;bottom:5px;white-space:nowrap}.color-print i{width:34px;height:12px;top:-4px}.color-stamp{width:45px;height:45px;font-size:9px;right:-4px;top:0}
 .color-doors{grid-template-columns:1fr 1fr;gap:12px;padding-bottom:20px}.color-door img{height:85px}.color-door strong{font-size:18px}.color-door small{font-size:11px}.color-door-text{padding:11px 12px 13px}.color-news{font-size:12px}.color-section-label{margin:4px 0 13px}
 .paper-doors{gap:12px}.paper-doors>a,.paper-doors>a:nth-child(even){display:block;padding:20px 14px}.paper-doors .door-number{display:block;font-size:30px;margin-bottom:15px}.paper-doors h2{font-size:21px}.paper-doors span{font-size:12px}
 .color-story .top{padding:18px 20px;gap:8px}.color-story .brand{font-size:18px;gap:7px;letter-spacing:0}.color-story .brand small{display:none}.color-story .top nav{gap:12px;flex-wrap:nowrap}.color-story .top-link{font-size:13px;text-decoration:none;display:inline-flex;align-items:center}
 .color-story-head{padding:22px 18px;gap:10px}.color-story-head h1{font-size:27px;letter-spacing:1px}.color-story-head p:last-child{font-size:12px;max-width:215px}.color-story-count{font-size:29px}.color-story-count small{font-size:10px;max-width:65px}
 .color-story .filters{gap:8px;margin:16px 0}.color-story .filters input{min-width:110px;width:100%;flex-basis:100%}.color-story .filters select{flex:1}.color-story .filters .button{padding:8px 22px}
 .color-story .catalog{gap:18px 12px}.color-cover{height:110px}.color-ribbon{font-size:10px;padding:5px 7px 10px;right:7px}.color-story .catalog h2{font-size:18px;gap:6px;margin-top:9px}.color-story .catalog p{font-size:12px;-webkit-line-clamp:2}
 .color-story .work{gap:22px}.color-story .work-copy h1{font-size:28px}.color-story .visual{max-width:440px;align-self:center}.color-story .visual img{height:auto}.color-story .choice strong{font-size:17px}.color-story .choice small{font-size:12px}.color-story .reader{padding:15px 12px}.color-story .listen-layout img{width:190px;height:auto}
}
@media(max-width:360px){.color-hero h1{font-size:26px}.color-hero .eyebrow{font-size:10px}.color-cta{gap:5px;padding:10px}.color-print figcaption{font-size:8px}.color-story .top nav{gap:8px}.color-story .brand{font-size:17px}.color-story-head h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.color-door,.color-story .catalog img{transition:none}}