/* Project context and learning share the existing museum typography and palette. */
/* Route jumps restore position immediately; deliberate in-page motion opts in. */
html{scroll-behavior:auto}
select,textarea{font:inherit;max-width:100%}
select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.project-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;margin-top:32px}
.project-intro h2{font:600 clamp(1.75rem,3vw,2.5rem)/1.5 var(--serif);margin-bottom:20px}
.scope-panel{padding:26px 30px;border-left:3px solid var(--teal);background:#e9eeeb}
.scope-panel strong{font-size:1.125rem}.scope-panel p{margin-block:14px}
.scope-panel details{border-top:1px solid #c7d2ce;margin:18px 0;padding-top:12px}.scope-panel summary{cursor:pointer;color:var(--accent-dark);min-height:36px}.scope-panel details p{font-size:.9375rem}
.page-outline{display:flex;align-items:center;gap:10px 24px;flex-wrap:wrap;margin:24px 0 30px;padding:16px 20px;background:#eeeee8;border-left:3px solid var(--teal);font-size:.875rem}.page-outline>span{color:var(--muted);white-space:nowrap}.page-outline a{padding:6px 0;color:var(--ink);text-decoration:underline;text-underline-offset:5px;text-decoration-color:#9aa8a2}.page-outline a:hover{color:var(--accent-dark)}
.front-index{grid-template-columns:repeat(4,minmax(0,1fr))}
.project-section h2,.project-section summary,#task-path-title,.study-quiz fieldset{scroll-margin-top:110px}
@media(max-width:700px){.page-outline{gap:6px 20px;padding:14px 16px;margin:22px 0}.page-outline>span{width:100%}.project-section h2,.project-section summary,#task-path-title,.study-quiz fieldset{scroll-margin-top:94px}}
@media(max-width:700px){.front-index{grid-template-columns:repeat(2,minmax(0,1fr))}.front-index a{padding:16px 12px;grid-template-columns:24px minmax(0,1fr);gap:0 10px}.front-index a+a{border-left:0;padding-left:12px}.front-index a:nth-child(even){border-left:1px solid var(--line)}.front-index a:nth-child(n+3){border-top:1px solid var(--line)}.front-index span{grid-row:span 2}.front-index small{font-size:.75rem}.front-index strong{font-size:.9375rem}}
.project-section{margin-top:56px}.project-section>p{max-width:960px}
.context-roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-top:26px}.context-roles article{border-top:2px solid var(--teal);padding-top:20px;min-width:0}.context-roles h3{font-size:1.125rem}.context-roles p{font-size:.9375rem}
.study-discussions>details{padding:20px 0;border-bottom:1px solid var(--line)}.study-discussions summary{cursor:pointer;font-weight:600}.study-discussions details p{margin-top:20px}
.development-timeline{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}
.development-timeline>li{display:grid;grid-template-columns:185px minmax(0,1fr);gap:36px;padding:28px 0;border-bottom:1px solid var(--line)}
.development-date{display:flex;align-items:baseline;gap:18px;color:var(--accent)}
.development-date>span{font-size:.875rem}.development-date time{font-size:1.25rem;font-weight:600}
.development-timeline h3{font-size:1.375rem;margin-bottom:12px}.development-timeline p{max-width:900px;margin-bottom:12px}
.development-question{margin-top:16px;color:var(--teal);font-size:.9375rem}
.spirit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}
.spirit-card{position:relative;padding:24px;border-top:3px solid var(--ink);background:#fff;min-width:0}
.spirit-number{display:block;color:var(--accent);font-size:.875rem;margin-bottom:12px}
.spirit-card h3{font-size:1.25rem}.spirit-card p{margin-bottom:16px}
.spirit-card details{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}
.spirit-card summary{cursor:pointer;color:var(--accent-dark);font-size:.9375rem;min-height:36px}
.spirit-card details p{margin-top:18px}.spirit-reflection{padding-left:14px;border-left:2px solid var(--teal)}
.project-continue{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:40px;padding:30px;border-block:1px solid var(--line);background:#e9eeeb}
.project-continue h2{font-size:1.375rem;margin-bottom:8px}.project-continue p{margin:0}.project-continue>.button{flex-shrink:0}
.outcome-intro{max-width:840px}.outcome-group{margin-top:40px}.outcome-group>h2{font-size:1.25rem;color:var(--accent)}
.outcome-item{display:grid;grid-template-columns:64px minmax(0,1fr);gap:24px;padding:26px 0;border-top:1px solid var(--line)}
.outcome-number{color:var(--muted);font:600 1.75rem/1.5 var(--serif)}.outcome-item h3{font-size:1.25rem;margin-bottom:10px}
.outcome-item p{max-width:800px}.outcome-item .actions{margin-top:14px}
.delivery-spec dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px 28px}.delivery-spec dt{font-weight:600}.delivery-spec dd{margin:0;color:var(--muted)}
.audience-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-block:24px}
.audience-tabs button{background:transparent;color:var(--ink);border:1px solid var(--line);padding:12px 18px;min-height:46px;border-radius:3px}
.audience-tabs button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.task-route{padding:28px 32px;background:#fff;border:1px solid var(--line)}
.task-stations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin-top:26px}
.task-stations li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;min-width:0}.task-stations li>span{color:var(--accent);font-size:.875rem;padding-top:3px}
.task-stations h3{font-size:1.125rem}.task-stations p{margin-bottom:8px}.task-prompt{border-top:1px solid var(--line);padding-top:18px;margin-bottom:0;color:var(--teal)}
.study-card{padding:28px 32px;background:#fff;border:1px solid var(--line)}
.study-card label{display:block;font-weight:600;margin-bottom:22px;min-width:0}.study-card-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.study-card input,.study-card select,.study-card textarea{display:block;width:100%;padding:12px 14px;margin-top:8px;background:var(--paper);border:1px solid #aab5b4;border-radius:3px;color:var(--ink);font-weight:400}
.study-card textarea{resize:vertical;min-height:100px}.study-card select{text-overflow:ellipsis}.study-card details{margin-bottom:24px}.study-card summary{cursor:pointer;min-height:44px}.study-card details label{margin-top:14px}
.study-card-actions{display:flex;gap:12px 20px;flex-wrap:wrap;align-items:center}.study-card #study-card-status{margin:18px 0 0;min-height:26px}
.study-quiz{max-width:980px}.study-quiz fieldset{margin:0;padding:24px 0 28px;border:0;border-top:1px solid var(--line);min-width:0}
.study-quiz legend{float:left;width:100%;font-size:1.125rem;font-weight:600;padding:0;margin-bottom:18px;line-height:1.7}
.study-quiz legend span{display:inline-block;color:var(--accent);font-size:.875rem;margin-right:16px}
.quiz-options{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:14px}.quiz-options label{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--line);cursor:pointer;border-radius:3px;min-width:0}
.quiz-options label:has(input:checked){border-color:var(--teal);background:#e9eeeb}.quiz-options input{width:18px;height:18px;margin:5px 0 0;flex-shrink:0;accent-color:var(--teal)}
.study-quiz-result{max-width:980px;margin-top:38px;padding:28px 32px;background:#fff;border-top:3px solid var(--teal);scroll-margin-top:100px}.study-quiz-result[hidden]{display:none}
.study-quiz-result h2{font-size:1.5rem}.study-quiz-result ol{padding-left:24px}.study-quiz-result li{padding:18px 0;border-top:1px solid var(--line)}.study-quiz-result li p{margin:10px 0}
.study-quiz-result .text-link{margin-left:12px}.route-pair{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.route-feature{min-width:0}
.topic-bridge{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}.topic-bridge p{margin:0;max-width:700px}.topic-bridge a{flex-shrink:0}
@media(max-width:1080px){.spirit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.context-roles{grid-template-columns:repeat(2,minmax(0,1fr))}.route-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.project-intro{gap:28px}.task-stations{gap:18px}}
@media(max-width:700px){.project-intro{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:24px}.scope-panel{padding:22px}.project-section{margin-top:36px}.development-timeline>li{grid-template-columns:minmax(0,1fr);gap:10px;padding:24px 0}.development-date time{font-size:1.125rem}.development-timeline h3{font-size:1.25rem}.spirit-grid{grid-template-columns:minmax(0,1fr);gap:20px}.spirit-card{padding:22px}.project-continue{display:block;padding:22px}.project-continue>.button{margin-top:18px}.outcome-item{grid-template-columns:32px minmax(0,1fr);gap:16px}.outcome-number{font-size:1.375rem}.delivery-spec dl{grid-template-columns:minmax(0,1fr);gap:8px}.delivery-spec dd{margin-bottom:14px}.audience-tabs{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.audience-tabs button{text-align:left}.task-route,.study-card,.study-quiz-result{padding:22px}.task-stations{grid-template-columns:minmax(0,1fr);gap:20px}.study-card-pair{grid-template-columns:minmax(0,1fr);gap:0}.quiz-options{grid-template-columns:minmax(0,1fr);gap:10px}.study-quiz legend{font-size:1rem}.study-quiz-result .text-link{display:flex;margin-left:0}.route-pair{grid-template-columns:minmax(0,1fr);gap:0}.topic-bridge{display:block}.topic-bridge a{margin-top:14px}.section-tabs[aria-label="研学资料分类"]{flex-wrap:wrap;gap:0 20px}.section-tabs[aria-label="研学资料分类"] a{min-height:46px;font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.study-quiz-result{scroll-behavior:auto}}
@media(max-width:700px){.visit-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center}.visit-bar>a:first-child{min-width:0;flex-basis:auto}.visit-bar>span{justify-self:end}.visit-bar .visit-continue{grid-column:1;min-width:0;margin-left:0;font-size:.875rem}.visit-bar>button{grid-column:2;white-space:nowrap}.context-roles{grid-template-columns:minmax(0,1fr);gap:20px}}
.visit-bar{flex-wrap:wrap;gap:8px 16px}.visit-bar>span:first-child{font-weight:600;color:var(--ink);white-space:normal;min-width:0}.visit-bar>span:nth-child(2){font-size:.8125rem}.visit-bar>a:not(.visit-continue){font-size:.8125rem;color:var(--accent-dark);white-space:nowrap}

/* Match the gallery's quiet materials while keeping learning forms readable. */
.learning-page .page-outline { background:transparent; padding:8px 0 15px; border-left:0; border-bottom:1px solid var(--line); margin:16px 0 30px; font-size:.8125rem; }
.learning-page .page-outline > span { font-size:.75rem; }
.learning-page .task-route { background:#e9ede6; border-color:#cdd6ca; border-top:2px solid #ab8c64; }
.learning-page .study-card { background:#fffefa; border-color:#d7d9cc; border-top:3px solid #aa8860; box-shadow:0 6px 18px #263c3205; }
.learning-page .study-card input,.learning-page .study-card textarea,.learning-page .study-card select { background:#f6f6f0; border-color:#bac6bc; }
.learning-page .task-stations li > span { color:#805b38; }
.learning-page .audience-tabs button { border-color:#b9c8bd; }
.learning-page .audience-tabs button[aria-pressed='true'] { background:#173742; border-color:#173742; }
@media(max-width:700px){.visit-bar{gap:6px 12px}.visit-bar>span:first-child{grid-column:1/-1;justify-self:start}.visit-bar>span:nth-child(2){grid-column:1/-1;justify-self:start}.visit-bar .visit-continue{grid-column:1/-1;line-height:1.6;min-height:30px}.visit-bar>a:not(.visit-continue){grid-column:1;justify-self:start}.visit-bar>button{grid-column:2;grid-row:4;justify-self:end}}
@media(max-width:700px){.visit-bar.visit-final-study .visit-continue{grid-column:1;grid-row:3}.visit-bar.visit-final-study>button{grid-row:3}}