/* Accepted direction: 探索手帐. Cool paper, meaningful visual objects and close-by notes. */
.nb-mobile-art{display:none}
:root{--nb-paper:#fff;--nb-desk:#e7f2f4;--nb-ink:#183f51;--nb-rule:#c8dddf;--nb-tab:#cce4e8;--nb-mint:#e8f4ef;--nb-blue:#e4f2fa;--nb-violet:#eef0fa}
body{background:var(--nb-desk);color:var(--nb-ink)}
.header,.top{padding-top:20px;padding-bottom:20px}.header,.nav,.top,main,#main,.footer,body>footer{max-width:1160px}
.nav,.top>nav,.paper-nav{background:#dceef2}.nav a[aria-current],.tabs a[aria-current],.paper-nav a.active{background:#fff;border-radius:7px 7px 0 0;border-bottom-color:#197797}
#main,main{padding-top:22px;padding-bottom:28px}h1,h2,h3{color:var(--nb-ink)}
.paper-title,.notebook-heading{background:transparent!important;min-height:0;padding:0 0 14px;margin:0 0 20px;border-bottom:2px solid #aacdd5;display:block}
.paper-title h1,.notebook-heading h1{font-size:34px}.paper-title .eyebrow{margin-bottom:7px}.notebook-heading>h1,.notebook-heading>h2{max-width:none}
.paper-doors.illustrated-doors,#main[data-area=clues] .illustrated-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;border:0;margin:0}
.illustrated-doors:has(>a:nth-child(2):last-child),.illustrated-doors:has(>a:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.paper-doors.illustrated-doors>a,.paper-doors.illustrated-doors>a:nth-child(even){background:#fff;border:1px solid #d2e1e4;border-radius:4px;box-shadow:3px 4px 0 #cfdee1;padding:12px 12px 0;position:relative;overflow:visible}
.illustrated-doors>a:before{content:'';position:absolute;top:-6px;left:23px;width:50px;height:15px;background:#bedbdde8;transform:rotate(-3deg);z-index:1}
.illustrated-doors .door-art{height:190px;border-radius:2px;background:#e9f4f5}.illustrated-doors .door-art img{object-fit:cover;padding:0;width:100%;height:100%}.illustrated-doors .door-scene-museum img{object-fit:contain;padding:10px}
.illustrated-doors .door-caption{padding:16px 10px 20px;border:0}.illustrated-doors h2{font-size:24px}.illustrated-doors .door-caption>span{font-size:13px}
#main[data-area=clues] .illustrated-doors>a .door-art{filter:none}
.nb-type-art{height:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;position:relative;background:#e4f1f5;overflow:hidden}
.nb-type-art .book-spine{display:grid;place-items:center;width:25%;height:85%;background:#216c83;color:#fff;writing-mode:vertical-rl;letter-spacing:.2em;border-right:3px solid #ffffff80;font:22px/1.5 'Songti SC',serif;transform:rotate(-8deg)}
.nb-type-art .book-spine:nth-child(2){background:#679c8b;transform:rotate(2deg)}.nb-type-art .book-spine:nth-child(3){background:#7c85ab;transform:rotate(9deg)}
.nb-publication-cover{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:20px 24px;background:#e1f1f5;border-left:12px solid #2e7a91;position:relative}
.nb-publication-cover strong{font:28px/1.4 'Songti SC',serif;z-index:1}.nb-publication-cover small{font-size:12px;z-index:1}.nb-publication-cover:after{content:'';position:absolute;width:110px;height:110px;border:18px double #91bdc6;border-radius:50%;bottom:-25px;right:10px;opacity:.5}
.nb-publication-cover[data-issue='1']{background:#e9f2e9;border-color:#5b8974}.nb-publication-cover[data-issue='2']{background:#eeedf8;border-color:#797da8}.nb-publication-cover[data-issue='3']{background:#e1f0fb;border-color:#5386ad}.nb-publication-cover[data-issue='4']{background:#ebf5f2;border-color:#3f9291}
.nb-question-art{height:100%;display:flex;align-items:center;justify-content:center;gap:15px;background:#e2eef4;padding:15px;color:#225774}.nb-question-art span{padding:12px 9px;border:1px solid #8cb5c7;background:#f7fcff;transform:rotate(-6deg);font:23px 'Songti SC',serif}.nb-question-art span:nth-child(2){transform:rotate(4deg);background:#ecf6ef}.nb-question-art span:nth-child(3){transform:rotate(-2deg);background:#efeffa}
.nb-harbor{width:100%;height:100%;display:block;background:#d4eaf3}
/* A real double-page reading book. The margin is useful, not a decorative blank. */
.nb-spread{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);background:#fff;border-radius:5px;box-shadow:0 7px 22px #234e5b14;position:relative;border:1px solid #c9dde1}
.nb-spread>.reader,.nb-spread>.question,.nb-spread>.about,.nb-spread>.gate{max-width:none;width:100%;margin:0;padding:30px 36px;background:#fff;border:0;border-right:1px solid #cadcdd;border-radius:4px 0 0 4px;box-shadow:none}
.nb-spread .reading-text{padding:0!important;border:0!important;background:transparent!important;font:20px/1.95 'Songti SC','Noto Serif CJK SC',serif;white-space:normal}.nb-spread .reading-text p{margin:0 0 18px}.nb-spread .reader .kicker{margin:0 0 7px}.nb-spread .reader h1{font-size:31px;margin:0 0 12px}.nb-spread .tabs{margin:0 0 18px;padding:0;border:0;gap:5px}.nb-spread .tabs a{background:#e8f2f6;padding:8px 12px;border-radius:5px 5px 0 0;font-size:14px;white-space:nowrap}.nb-spread .tabs a[aria-current]{background:#cce5eb;color:#185c75}
.nb-margin{padding:28px;background:repeating-linear-gradient(0deg,#eff7f5 0,#eff7f5 31px,#deece8 32px,#eff7f5 33px);border-radius:0 4px 4px 0;min-width:0}
.nb-margin figure{margin:0 0 23px;background:#fff;padding:7px;box-shadow:0 4px 10px #2d53651a;transform:rotate(1.5deg)}.nb-margin figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.nb-margin figcaption{position:static;background:#fff;color:#4b6876;padding:7px 3px 2px;font-size:12px;line-height:1.5}
.nb-margin h2{font:23px/1.5 'Songti SC',serif;margin:0 0 13px}.nb-margin p{font-size:15px;line-height:1.8}.nb-margin details{background:#f7fcfa;padding:0 12px;border:1px solid #bbd5cf;border-radius:5px;margin-top:18px}.nb-margin summary{min-height:46px;padding:10px 0;cursor:pointer;font-size:15px}.nb-margin textarea{min-height:130px;background:#fff;font-size:16px}.nb-margin label{font-size:14px}.nb-margin .links{gap:8px;flex-wrap:wrap}.nb-margin .button{font-size:14px;padding:8px 12px}.nb-margin #save-state{font-size:13px}
.nb-spread .question h1{font-size:32px}.nb-spread .question .options{grid-template-columns:1fr}.nb-spread .question blockquote{font:23px/1.7 'Songti SC',serif;background:#eef4fa;padding:20px;border-left:3px solid #93b5c9}.nb-spread .question form textarea{background:#f9fcfa}
.nb-spread .pager{gap:10px;margin:20px 0}.nb-spread .pager .button{font-size:14px;padding:10px 12px}.nb-spread .pager>span{font-size:13px;white-space:nowrap}
.color-story .work,.color-story .listen-layout{background:#fff;padding:24px;border-radius:5px;box-shadow:3px 5px 0 #ccdfe4}.color-story .catalog>a{background:#fff;padding:10px 10px 18px;box-shadow:3px 4px 0 #cedfe3;border-radius:4px}.color-story .catalog>a h2,.color-story .catalog>a>p{padding-left:8px;padding-right:8px}.color-story .catalog img{border-radius:2px}.color-story .color-story-head{padding:12px 0 18px;background:none}.color-story .story-resume{background:#d3e8ed;margin-bottom:16px}
.nb-record-cover{width:96px;height:62px;object-fit:cover;float:left;margin-right:14px}.entry-list>a:after{content:'';display:block;clear:both}.color-story main>.reading-text,.color-story main>.entry-list{padding:20px;background:#fff;border-left:7px solid #89b7b5}
/* A small notebook beside the existing three-step form. */
.split:has(#clue-form){max-width:none;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:0;background:#fff;border:1px solid #c6dedf;box-shadow:4px 5px 0 #cbdfe2;border-radius:5px;overflow:hidden}
.split:has(#clue-form)>.panel{padding:27px 32px;background:#fff;border:0;border-radius:0}.split:has(#clue-form)>.nb-margin{display:block;border-left:1px solid #c6dedf}
.clue-step{min-height:220px}.clue-steps-nav{gap:12px}.clue-steps-nav button{font-size:14px}.clue-step textarea{min-height:145px;background:repeating-linear-gradient(#fbfefd 0,#fbfefd 31px,#deece8 32px)}
.willing-choices>button{min-height:70px}.nb-clue-preview{border-left:3px solid #82b4a9;padding:10px 13px;background:#f7fcfa;overflow-wrap:anywhere}.nb-clue-preview strong{display:block;font-size:12px;color:#46786c}.nb-clue-preview p{margin:7px 0 0}.nb-clue-preview em{font-size:13px;color:#4c726b}
/* Inner pages use paper structure rather than a repeated panorama. */
.topic-layout>.reader,.reader:has(.nb-publication-cover),#main>.record{max-width:none;background:#fff;border:1px solid #c9dde1;padding:28px 36px;box-shadow:3px 5px 0 #cddfe3;border-radius:4px}
.paper-sheet{max-width:none;min-height:0}.paper-page-nav{background:#d8eaee;padding:12px 18px;border-radius:6px 6px 0 0;margin-bottom:0}.reading-stage-tabs{border:0;margin:0;padding:0}.paper-sheet[data-sheet='1'],.paper-sheet[data-sheet='2']{padding:22px;background:#edf7f2}
.nb-publication-page{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;align-items:start}.nb-publication-page>.nb-publication-cover{grid-column:1;grid-row:1 / 8;min-height:330px}.nb-publication-page>:not(.nb-publication-cover){grid-column:2}.nb-publication-page h1{font-size:32px}
.question-art{display:none!important}.school-question:not(.news-card){padding:22px!important;background:#fff;border:0;border-top:5px solid #8bbdce;border-radius:3px;box-shadow:3px 4px 0 #cddfe4}.school-question[data-tone=mint]{background:#eff8f2;border-top-color:#8ab9a1}.school-question[data-tone=lavender]{background:#f0f0fa;border-top-color:#a1a6cf}.school-question .tag{font-size:12px;background:#dcecf1}.school-question h3{margin-top:15px}
.news-masthead{background:#f9fdff;padding:17px 22px;border:1px solid #c5dce5;border-bottom:3px solid #3180a0;border-radius:4px 4px 0 0}.news-masthead>.scene{width:160px}.news-grid.school-question-grid{background:#fff;box-shadow:3px 5px 0 #ccdee4;border-radius:2px}.news-grid .news-lead{background:#edf6fa;margin:-22px 0 -22px -22px;padding:28px;border-right:1px solid #c6dce6}.news-grid .news-lead h3{font-size:27px}
.record-empty{background:repeating-linear-gradient(0deg,#f8fcfa 0,#f8fcfa 31px,#dae9e5 32px,#f8fcfa 33px);border:1px solid #c5dbd7;border-left:8px solid #79a99b}.record-empty>.scene{display:none}.record-empty{grid-template-columns:1fr;padding:32px}.record-empty:before{content:'我的发现 / 留在这里';font:25px/1.5 'Songti SC',serif;color:#377466}.record-empty h2{margin-top:0}
/* Travel: route strips contain the actual cities from each chapter. */
.route-card-art{height:auto;min-height:75px;display:flex;align-items:center;padding:14px 18px;background:#dceef5;margin:-18px -18px 18px}.nb-route-strip{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:13px;color:#285e78}.nb-route-stop{display:flex;align-items:center;gap:7px}.nb-route-stop:before{content:'';width:9px;height:9px;border:2px solid #448fac;border-radius:50%;background:#fff}.nb-route-stop:not(:last-child):after{content:'—';color:#8eb1c1}.connection-card .route-card-art{height:auto;min-height:85px;background:#e2e8f5}.reading-card,.connection-card{box-shadow:3px 4px 0 #cadce2;border-radius:4px}.place-vignette{display:none}.place-intro{max-width:none}.journey-day-pager{border-radius:3px;box-shadow:2px 3px 0 #c2dce6}
#reader-body{background:#fff;padding:24px 30px;border-left:8px solid #91bac6}.chapter-section{border-left:1px solid #b8d1dd;padding-left:22px}.chapter-section h3>span{color:#3e899f}.paper-read-page{background:#edf6f9;padding:20px}.creator-intro{background:transparent!important}
/* Museum reading is anchored to the actual related object. */
.museum-reading-art{height:auto;float:right;width:36%;margin:0 0 20px 24px;padding:8px;background:#e9f3f5;transform:rotate(1deg);border:1px solid #c6dfe1}.museum-reading-art img{height:185px;object-fit:contain;background:#f2f8fa}.museum-reading-art figcaption{position:static;line-height:1.5;text-align:center;padding-top:6px;font-size:12px}.museum-reading-art .scene{display:none}.reading#reading{background:#fff;border:1px solid #ccdde1;padding:25px 30px;border-radius:4px;box-shadow:4px 5px 0 #d0dfe3}#paragraphs{clear:both;background:#f9fcfd;border-left:3px solid #a4c8d7;padding:14px 20px}#paragraphs p{font-size:20px;line-height:1.9}.series-card{box-shadow:3px 4px 0 #cbdfe3}.series-object{background:#e9f3f4}.page#notes,.page#talk,.page#sources{background:#fff;padding:24px!important;border-left:6px solid #94b9b6;border-radius:4px}
/* Transport remains a drawing workbench: diagrams keep their full size. */
.transport-main .panel,.studio-main .panel{background:#fff}.design-stage,.lesson-stage{background:#fff}.lesson-nav,.studio-tabs{background:#dcecf1}
@media(max-width:700px){
 .header,.top{padding:16px 18px}.header,.nav,.top,main,#main,.footer,body>footer{max-width:100%}#main,main{padding:18px}.paper-title h1,.notebook-heading h1{font-size:29px}.paper-title,.notebook-heading{margin-bottom:18px}
 .paper-doors.illustrated-doors,#main[data-area=clues] .illustrated-doors,.illustrated-doors:has(>a:nth-child(2):last-child),.illustrated-doors:has(>a:nth-child(4):last-child){grid-template-columns:1fr;gap:18px}
 .paper-doors.illustrated-doors>a,.paper-doors.illustrated-doors>a:nth-child(even){display:grid;grid-template-columns:42% minmax(0,1fr);gap:13px;align-items:center;padding:9px;box-shadow:2px 3px 0 #cfdee1}.illustrated-doors .door-art,.illustrated-doors:has(>a:nth-child(3):last-child) .door-art{height:128px}.illustrated-doors .door-caption{padding:4px 0}.illustrated-doors h2{font-size:21px}.illustrated-doors .door-caption>span{font-size:12px}.illustrated-doors>a:before{left:17px;width:36px;height:11px}.nb-question-art{padding:8px;gap:5px;flex-wrap:wrap}.nb-question-art span{font-size:16px;padding:6px}.nb-type-art{padding:9px;gap:5px}.nb-type-art .book-spine{font-size:18px}.nb-publication-cover{padding:12px;border-left-width:7px}.nb-publication-cover strong{font-size:21px}.nb-publication-cover small{font-size:10px}
 .nb-spread{display:flex;flex-direction:column}.nb-spread>.reader,.nb-spread>.question,.nb-spread>.about,.nb-spread>.gate{padding:20px;border-right:0;border-bottom:1px solid #c3dcda;width:100%;border-radius:4px 4px 0 0}.nb-spread .reader h1,.nb-spread .question h1{font-size:27px}.nb-spread .reading-text{font-size:18px;line-height:1.85}.nb-spread .tabs a{font-size:13px;padding:8px}.nb-spread .pager{flex-wrap:wrap;justify-content:space-between;gap:8px}.nb-spread .pager .button{font-size:13px;padding:8px}.nb-spread .pager>span{font-size:12px}
 .nb-margin{padding:18px;display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;align-items:start}.nb-margin figure{margin:0;grid-column:1;grid-row:1 / 3;padding:4px;transform:rotate(-2deg)}.nb-margin figure img{height:105px;aspect-ratio:auto}.nb-margin figcaption{font-size:10px;padding:4px 0}.nb-margin h2{grid-column:2;font-size:21px;margin:0}.nb-margin>p{grid-column:2;margin:0;font-size:14px}.nb-margin>details,.nb-margin>.links,.nb-margin>.nb-clue-preview{grid-column:1 / -1;margin-top:4px}.nb-margin details{padding:0 12px}.nb-margin details[open]{grid-column:1 / -1}.nb-margin h2:only-child{grid-column:1 / -1}
 .split:has(#clue-form){display:flex;flex-direction:column}.split:has(#clue-form)>.panel{padding:18px}.split:has(#clue-form)>.nb-margin{display:grid;border-left:0;border-top:1px solid #c5dcda}.clue-steps-nav button{font-size:12px}.clue-steps-nav{gap:6px}.clue-step{min-height:215px}.nb-clue-preview p{font-size:14px}
 .topic-layout>.reader,#main>.record{padding:20px}.paper-sheet[data-sheet='1'],.paper-sheet[data-sheet='2']{padding:15px}.paper-page-nav{padding:10px;gap:10px}.reading-stage-tabs button{padding:8px 10px}.nb-publication-page{grid-template-columns:1fr;padding:20px!important;gap:15px}.nb-publication-page>.nb-publication-cover{grid-column:1;grid-row:auto;min-height:175px;max-width:none}.nb-publication-page>:not(.nb-publication-cover){grid-column:1}.nb-publication-page h1{font-size:27px}
 .news-masthead{padding:13px 14px}.news-masthead>.scene{width:85px}.news-grid .news-lead{margin:0 -18px;padding:20px 18px;border:0;border-bottom:1px solid #c5dfe8}.news-grid .news-lead h3{font-size:23px}.news-grid.school-question-grid{padding:0 18px}
 .color-story .work,.color-story .listen-layout{padding:14px}.color-story .catalog>a{padding:7px 7px 14px}.color-story .catalog>a h2{font-size:20px}.record-empty{padding:23px}.record-empty:before{font-size:21px}
 #reader-body{padding:18px;border-left-width:4px}.chapter-section{padding-left:14px}.museum-reading-art{width:115px;margin:0 0 14px 14px}.museum-reading-art img{height:100px}.museum-reading-art figcaption{font-size:10px}.reading#reading{padding:18px}#paragraphs{padding:10px 14px}#paragraphs p{font-size:18px;line-height:1.85}.page#notes,.page#talk,.page#sources{padding:18px!important}.nb-route-strip{font-size:12px}.journey-day-pager{gap:10px;padding:12px}.journey-day-pager button{font-size:12px;padding:8px}
}
@media(prefers-reduced-motion:reduce){.nb-margin figure,.illustrated-doors>a:before,.museum-reading-art{transform:none}}
/* Source notes and discovery slips also belong to the notebook. */
.body-copy{max-width:900px;background:#fff;padding:30px 36px;border-left:7px solid #8bb7bc;box-shadow:4px 5px 0 #c9dde0;border-radius:4px}
.discovery-card{background:#f8fcff;border:1px solid #c5dde6;border-top:5px solid #88b5cd;border-radius:3px;padding:22px;box-shadow:3px 4px 0 #ccdee4}.discovery-card:nth-child(even){background:#f0f7f2;border-top-color:#81aa98}.discovery-card.outside{background:#f2f0fa;border-top-color:#9e9fc8}.empty{background:repeating-linear-gradient(0deg,#f9fcfa 0,#f9fcfa 31px,#e2eeeb 32px,#f9fcfa 33px);border-left:6px solid #8eb7aa;padding:28px}
@media(max-width:700px){.body-copy{padding:20px}.discovery-card{padding:18px}.nb-spread .reading-text{min-height:0}}
@media(max-width:700px){
 .nb-spread .nb-mobile-art{display:block;float:right;width:100px;margin:0 0 12px 12px;padding:4px;background:#eef7fa;border:1px solid #c9dfe5;transform:rotate(2deg)}
 .nb-mobile-art img{display:block;width:100%;height:86px;object-fit:cover}
 .nb-spread .tabs,.nb-spread .reading-text{clear:both}
 .nb-spread>.nb-margin{display:block}.nb-spread>.nb-margin>figure{display:none}
 .nb-spread>.nb-margin>p{margin:8px 0 14px}.nb-spread>.nb-margin>details{margin-top:12px}
}