@charset "utf-8";
/* Generated by scripts/build_public_css_bundle.py; do not edit. */

/* ---- welcome.css ---- */
:root{color-scheme:light;--paper:#f7f8fc;--white:#fff;--ink:#17243b;--muted:#657188;--blue:#4a5bf5;--blue-deep:#3949db;--line:#e2e6ef;--mint:#e7f2e7;--pink:#f7e5e7;--radius:24px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:102px}body{margin:0;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #8090ff;outline-offset:4px}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3;letter-spacing:-.045em}fieldset{border:0;padding:0;margin:0;min-width:0}legend{padding:0}::selection{background:#dce1ff}section[id]{scroll-margin-top:102px}.section-wrap{width:min(1184px,calc(100% - 80px));margin-inline:auto}.section-space{padding-block:100px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--blue);line-height:1.5;margin-bottom:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:54px;padding:12px 23px;border:1px solid transparent;border-radius:13px;font-size:14px;font-weight:700;line-height:1.5;transition:transform .2s,background-color .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:white;box-shadow:0 8px 20px #4a5bf524}.button-primary:hover{background:var(--blue-deep);box-shadow:0 10px 24px #4a5bf52e}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#293b58}.button-small{min-height:44px;padding:10px 17px;font-size:13px;border-radius:11px}.button-white{background:white;color:var(--blue)}.button-outline-light{border-color:#ffffff5e;color:white;background:transparent}.button-outline-light:hover{background:#ffffff12}.text-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:14px;font-weight:600}.text-link span{font-size:20px}.text-link:hover{color:var(--blue)}.skip-link{position:fixed;top:12px;left:16px;padding:12px 18px;background:var(--ink);color:white;z-index:100;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;appearance:none;border:0;z-index:80;background:transparent}.reading-progress::-webkit-progress-bar{background:transparent}.reading-progress::-webkit-progress-value{background:var(--blue)}.reading-progress::-moz-progress-bar{background:var(--blue)}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid #e2e6efb3;background:#f7f8fcf2;backdrop-filter:blur(14px)}.header-inner{width:min(1280px,calc(100% - 80px));min-height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:11px;line-height:1.1;font-size:24px;font-weight:800;letter-spacing:-.06em}.brand-mark{display:grid;place-items:center;background:var(--blue);color:white;width:45px;height:45px;border-radius:14px;font-size:33px;font-weight:400}.brand-ai{color:var(--blue);letter-spacing:-.07em;margin-left:3px}.brand small{display:block;font-size:9px;letter-spacing:.23em;font-weight:400;color:var(--muted);margin-top:7px}.main-nav{display:flex;gap:34px;margin-left:auto;margin-right:18px;font-size:13px;font-weight:600}.main-nav a{padding:12px 0;position:relative}.main-nav a:after{content:"";position:absolute;bottom:7px;left:0;right:0;height:2px;background:var(--blue);transform:scaleX(0);transition:transform .2s}.main-nav a:hover:after{transform:scaleX(1)}
.hero{display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:52px;padding-block:74px 80px;min-height:610px}.hero .eyebrow{letter-spacing:.06em;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px}.tiny-star{color:var(--blue);font-size:20px}.hero h1{font-size:clamp(48px,5.3vw,72px);line-height:1.22;font-weight:800;letter-spacing:-.07em}.accent-word{color:var(--blue);position:relative;z-index:1}.accent-word:after{content:"";position:absolute;left:3%;right:1%;bottom:5%;height:15%;background:#dce3ff;z-index:-1;border-radius:40% 55% 44% 50%;transform:rotate(-2deg)}.hero-description{font-size:15px;line-height:1.9;color:var(--muted);margin-top:25px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px;flex-wrap:wrap}.play-small{font-size:12px}.hero-notes{display:flex;gap:23px;margin-top:35px;font-size:12px;color:#647087}.hero-notes span{display:flex;align-items:center;gap:7px}.hero-notes i{height:5px;width:5px;border-radius:100%;background:#8aa791}.hero-art{position:relative;padding:14px 0 35px}.hero-image-frame{aspect-ratio:3/2;overflow:hidden;border-radius:38px 38px 100px 38px;background:#e9edf8;transform:rotate(-1.5deg);box-shadow:0 20px 55px #2534550d}.hero-image-frame img{height:100%;object-fit:cover;transform:rotate(1.5deg) scale(1.05)}.floating-note{position:absolute;bottom:4px;left:-25px;display:flex;align-items:center;gap:13px;padding:16px 24px 16px 17px;border:1px solid #e2e6ef;background:white;border-radius:17px;box-shadow:0 12px 35px #2937550c;font-size:12px;color:var(--muted);transform:rotate(2deg)}.floating-note strong{display:block;font-size:17px;color:var(--ink);margin-top:1px}.note-symbol{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#eff1ff;color:var(--blue);font-size:26px}.art-decoration{position:absolute;z-index:2;line-height:1;pointer-events:none}.decoration-one{right:-21px;top:-15px;color:var(--blue);font-size:68px;transform:rotate(14deg)}.decoration-two{right:30px;bottom:0;color:#9eaf7f;font-size:37px;transform:rotate(12deg)}.idea-strip{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:24px}.idea-strip>span:first-child{font-size:12px;color:var(--muted);padding-right:28px;border-right:1px solid #cbd1df}.idea-strip strong{font-weight:500;font-size:18px;letter-spacing:-.025em}.strip-star{color:var(--blue);font-size:32px;margin-left:auto;line-height:1}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-heading h2,.faq-intro h2{font-size:clamp(30px,3.3vw,44px);font-weight:750;line-height:1.35}.section-heading .eyebrow{margin-bottom:14px}.heading-note{font-size:13px;color:var(--muted);line-height:1.9;padding-bottom:5px}.ability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ability-card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .25s,box-shadow .25s}.ability-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px #25345509}.ability-image{aspect-ratio:3/2;overflow:hidden}.ability-image img{height:100%;object-fit:cover}.pink-image{background:var(--pink)}.blue-image{background:#e3eaf7}.mint-image{background:var(--mint)}.card-copy{padding:27px 27px 29px}.card-index{font-size:10px;color:#8d97a8;font-weight:700;letter-spacing:.1em}.card-copy h3{font-size:22px;margin:12px 0 13px}.card-copy p{font-size:12px;color:var(--muted);line-height:1.95}.micro-label{display:inline-block;margin-top:21px;font-size:10px;padding:5px 9px;background:#f3f5f9;color:#6a7690;border-radius:6px}
.film-section{background:#17243c;color:white;position:relative;overflow:hidden}.film-section:before{content:"";width:590px;height:590px;border:1px solid #ffffff0c;border-radius:50%;position:absolute;right:-60px;top:30px}.film-section:after{content:"";width:740px;height:740px;border:1px solid #ffffff08;border-radius:50%;position:absolute;right:-135px;top:-45px;pointer-events:none}.film-layout{display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:100px;padding-block:80px;position:relative;z-index:1}.light-eyebrow{color:#9ca9ec}.film-copy h2{font-size:clamp(40px,4.8vw,62px);line-height:1.3;font-weight:700}.film-intro{font-size:16px;color:#b7c0d3;line-height:1.85;margin-top:26px}.film-points{list-style:none;padding:0;margin:37px 0 34px;display:grid;gap:18px}.film-points li{font-size:13px;display:flex;gap:14px;align-items:center;color:#e2e6f0}.film-points li span{font-size:10px;color:#8ea0c1;letter-spacing:.08em;border-bottom:1px solid #586783;padding:2px 0}.video-hint{font-size:12px;color:#a4b1d4;display:flex;align-items:center;gap:10px}.video-hint>span{font-size:24px;color:#d4dcff}.film-player-wrap{width:min(100%,346px);justify-self:center;position:relative;border:1px solid #ffffff1a;border-radius:24px;padding:12px 12px 14px;background:#22314b;box-shadow:0 22px 70px #0000001a}.film-topline{display:flex;align-items:center;gap:7px;font-size:9px;color:#c2cce0;padding:3px 4px 11px}.record-dot{width:5px;height:5px;border-radius:50%;background:#adbaff}.film-format{margin-left:auto;color:#8897b5}.film-player-wrap video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;border-radius:14px;background:#0a1120;max-height:590px}.video-caption{font-size:9px;color:#a7b5cf;line-height:1.65;margin:11px 3px 0}.creation-route{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:31px;font-size:11px;color:var(--muted)}.creation-route span{display:flex;align-items:center;gap:8px}.creation-route b{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#e9ecff;color:var(--blue);font-size:10px}.creation-route i{font-style:normal;color:#b4bdcc}.creation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.creation-card{position:relative;padding-bottom:15px}.creation-image{border-radius:18px;overflow:hidden;aspect-ratio:3/2;background:#e9edf6}.creation-image img{height:100%;object-fit:cover;transition:transform .5s}.creation-card:hover img{transform:scale(1.035)}.creation-copy{display:flex;align-items:flex-start;gap:12px;margin:23px 1px 11px}.round-number{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border:1px solid #d4dae8;border-radius:50%;font-size:10px;color:#7a879f;margin-top:1px}.creation-copy h3{font-size:19px;line-height:1.4}.creation-copy p{font-size:11px;color:var(--muted);margin-top:8px}.art-label{display:inline-block;font-size:9px;color:#8a95a8;margin-left:42px;letter-spacing:.02em}.learning-note{display:flex;align-items:center;gap:19px;padding:25px 29px;background:#eceffc;border-radius:16px;margin-top:37px}.learning-note>span{font-size:31px;color:var(--blue);line-height:1}.learning-note p{font-size:12px;color:#687593}.learning-note strong{font-weight:600;color:#35476b;margin-left:8px}
.playground-section{background:#edf0f7;border-block:1px solid #e1e6f0}.demo-disclaimer{font-size:11px;color:#738097;line-height:1.8;display:flex;align-items:center;gap:11px}.demo-disclaimer>span{font-size:28px;color:#9ca8c3}.experiment{background:white;border:1px solid #dfe5ef;border-radius:var(--radius);padding:32px;min-width:0}.experiment-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:28px}.experiment-number{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.07em;color:var(--blue);margin-bottom:10px}.experiment-heading h3{font-size:25px}.experiment-heading p{font-size:12px;line-height:1.75;color:var(--muted);margin-top:10px}.experiment-tag{font-size:10px;border-radius:7px;padding:6px 10px;color:#7a6f95;background:#f1edf7;white-space:nowrap}.prompt-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:35px}.prompt-choices{display:grid;gap:20px}.prompt-choices legend{font-size:11px;font-weight:600;margin-bottom:10px}.prompt-choices legend>span{color:#9aa5b7;font-size:10px;margin-right:9px}.chip-row{display:flex;flex-wrap:wrap;gap:7px}.prompt-chip{min-height:44px;padding:9px 13px;background:#f5f6fb;border:1px solid #e4e8f1;border-radius:10px;font-size:11px;line-height:1.6;color:#5d6b85;cursor:grab;transition:background .2s,border-color .2s,transform .2s}.prompt-chip:hover{background:#edf0ff;border-color:#bdc7ff;transform:translateY(-2px)}.prompt-chip[aria-pressed=true]{background:#edf0ff;border-color:#a9b5ff;color:var(--blue);box-shadow:inset 0 0 0 1px #a9b5ff}.prompt-chip:active{cursor:grabbing}.prompt-chip.dragging{opacity:.45}.prompt-output{display:flex;flex-direction:column;border:1.5px dashed #bbc6eb;border-radius:18px;padding:22px;background:#f5f7ff;min-height:265px;transition:background .2s,border-color .2s,transform .2s}.prompt-output.drag-over{background:#e5eaff;border-color:var(--blue);transform:scale(1.015)}.output-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--blue)}.output-topline>span>span{margin-right:6px}.quiet-button{border:0;background:transparent;color:#8a96ac;font-size:10px;padding:9px 6px;min-height:44px;white-space:nowrap}.quiet-button:hover{color:var(--blue)}#prompt-result{font-size:19px;line-height:1.9;letter-spacing:-.02em;color:#364c76;margin-block:auto;padding-block:18px}.prompt-output-footer{display:flex;gap:15px;align-items:center;justify-content:space-between;border-top:1px solid #e0e6f8;padding-top:10px}.prompt-output-footer>span{font-size:10px;line-height:1.6;color:#7d8ba5}.copy-button{border:0;border-radius:9px;min-height:44px;padding:8px 11px;font-size:11px;background:#e7ecff;color:var(--blue);white-space:nowrap}.copy-button:hover{background:#dce3ff}.clarity-lab{border-top:1px solid #edf0f5;margin-top:27px;padding-top:23px;display:grid;grid-template-columns:1.1fr .9fr;gap:5px 40px;align-items:center}.clarity-lab label{font-size:11px;color:#7c879e}.clarity-lab strong{font-weight:500;color:#455778}.clarity-lab input{width:100%;accent-color:var(--blue);min-height:44px;cursor:ew-resize;grid-row:span 2}.clarity-lab p{font-size:11px;color:#435477;min-height:21px}.experiment-pair{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:23px}.experiment-pair .experiment{padding:29px}.experiment-pair .experiment-heading{margin-bottom:23px}.experiment-pair .experiment-heading h3{font-size:24px}.story-sort{list-style:none;padding:0;display:flex;gap:9px;margin:0}.story-tile{background:#f4f6fc;border:1px solid #e2e7f2;border-radius:13px;padding:12px 9px 8px;flex:1;min-width:0;cursor:grab;transition:background .2s,transform .2s,border-color .2s}.story-tile.dragging{opacity:.45}.story-tile.drag-over{border-color:var(--blue);background:#e9edff;transform:translateY(-4px)}.story-tile-number{font-size:9px;font-weight:600;letter-spacing:.06em;color:#9aa6bf}.story-scene{height:88px;display:grid;place-items:center;position:relative;overflow:hidden;margin-top:8px;border-radius:8px;background:#e6ebfb}.scene-symbol{display:grid;place-items:center;width:48px;height:48px;border:1px solid #9dacda;color:#6275be;border-radius:15px;font-size:29px;background:#ffffff69;transform:rotate(-6deg)}.story-tile[data-story-id=intro] .story-scene{background:#f2e9e1}.story-tile[data-story-id=intro] .scene-symbol{color:#a57860;border-color:#cead97;background:#fff7ec;transform:rotate(5deg)}.story-tile[data-story-id=ending] .story-scene{background:#e7f0df}.story-tile[data-story-id=ending] .scene-symbol{color:#7b9a5e;border-color:#b6caa4;background:#f8fff1;transform:rotate(-4deg)}.story-scene:before,.story-scene:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:currentColor;color:#a9b7df;opacity:.65}.story-scene:before{top:15px;left:13px}.story-scene:after{bottom:12px;right:13px;width:4px;height:4px}.story-tile-title{font-size:12px;font-weight:600;line-height:1.5;margin-top:12px}.story-tile-description{font-size:9px;color:#8490a5;line-height:1.7;margin-top:6px;min-height:31px}.story-movers{display:flex;justify-content:space-between;gap:5px;margin-top:10px}.story-movers button{display:grid;place-items:center;width:44px;height:44px;max-width:calc(50% - 2px);border:1px solid #e0e6f0;border-radius:8px;background:white;color:#687caf;font-size:17px}.story-movers button:hover:enabled{background:#e6ebff;color:var(--blue)}.story-movers button:disabled{opacity:.25}.sort-actions{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-top:18px}.sort-actions p{font-size:10px;line-height:1.75;color:#8591a7;padding-top:11px}.sort-actions p.success{color:#5e8767}.quiz-progress{display:grid;place-items:center;background:#f0f2fc;color:var(--blue);border-radius:9px;font-size:11px;min-width:49px;height:35px}.quiz-list{display:grid;gap:14px}.quiz-item+fieldset{border-top:1px solid #edf0f5;padding-top:13px}.quiz-item legend{font-size:12px;font-weight:600;line-height:1.7;padding-top:0}.quiz-item+fieldset legend{padding-top:12px}.quiz-item legend span{color:#9ca7bb;font-size:9px;margin-right:6px}.quiz-options{display:flex;gap:7px;margin-top:9px}.quiz-options button{min-height:44px;padding:8px 10px;border:1px solid #e2e7f0;border-radius:9px;background:#f7f8fc;color:#677790;font-size:10px;line-height:1.6;flex:1}.quiz-options button:hover{border-color:#b7c3ec}.quiz-options button[aria-pressed=true]{border-color:#a3b2fb;color:var(--blue);background:#edf0ff}.quiz-options button.correct{border-color:#a8c9b0;color:#4e7b5b;background:#edf6ef}.quiz-feedback{font-size:10px;color:#71819c;line-height:1.75;margin-top:0;min-height:0}.quiz-feedback:not(:empty){margin-top:9px}.quiz-feedback.success{color:#5d8768}
.beyond-section>.section-heading{margin-bottom:55px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;margin-top:55px}.feature-image{border-radius:22px;overflow:hidden;aspect-ratio:3/2;background:#e9edf5}.feature-image img{height:100%;object-fit:cover}.feature-row-reverse .feature-image{order:2}.feature-kicker{display:inline-block;font-size:10px;letter-spacing:.08em;color:var(--blue);margin-bottom:18px;font-weight:600}.feature-copy h3{font-size:clamp(26px,2.8vw,37px);line-height:1.4}.feature-copy>p:not(.source-note){font-size:12px;color:var(--muted);line-height:1.95;margin-top:19px}.small-tags{display:flex;gap:8px;margin-top:19px;flex-wrap:wrap}.small-tags span{padding:5px 9px;background:#eceff6;color:#7a89a1;font-size:9px;border-radius:5px}.source-link{display:flex;align-items:center;gap:10px;font-size:10px;color:#556ebc;line-height:1.7;min-height:44px;margin-top:17px}.source-link span{font-size:17px;flex-shrink:0}.source-link:hover{text-decoration:underline;text-underline-offset:4px}.source-note{font-size:9px;color:#929caf;line-height:1.85;margin-top:3px;max-width:390px}.policy-row .feature-image{border:1px solid #d7e0f4}.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;border-top:1px solid var(--line)}.faq-intro{position:relative}.faq-intro>p:not(.eyebrow){margin-top:24px;color:var(--muted);font-size:13px;line-height:1.9}.faq-decoration{font-size:80px;line-height:1;position:absolute;right:22px;bottom:22px;color:#dbe1f4;font-weight:800;transform:rotate(12deg);pointer-events:none}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{display:grid;place-items:center;font-weight:400;font-size:22px;color:#8c98ae;width:28px;flex-shrink:0;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg);color:var(--blue)}.faq-list details>p{font-size:12px;color:var(--muted);line-height:1.95;padding:0 39px 24px 0}.final-section{background:var(--blue);border-radius:28px;text-align:center;padding:65px 35px 62px;color:white;position:relative;overflow:hidden;margin-bottom:43px}.final-section:before,.final-section:after{content:"";border:1px solid #ffffff10;border-radius:50%;position:absolute;pointer-events:none}.final-section:before{width:440px;height:440px;left:-180px;bottom:-320px}.final-section:after{width:620px;height:620px;right:-350px;top:-440px}.final-section .eyebrow{color:#ccd3ff;font-size:10px;letter-spacing:.1em}.final-section h2{font-size:clamp(30px,3.3vw,44px);line-height:1.4}.final-section>p:not(.eyebrow){font-size:13px;margin-top:15px;color:#dbe0ff}.final-actions{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:28px}.final-actions .button{font-size:12px;min-height:49px;padding:12px 20px}.final-star{position:absolute;left:80px;top:70px;font-size:54px;line-height:1;color:#a8b6ff;transform:rotate(-12deg)}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:10px 40px;font-size:10px;color:#919db1}.footer-brand{font-size:16px;font-weight:700;color:#5d6b85;letter-spacing:-.03em}.site-footer>a:last-child{min-height:44px;display:flex;align-items:center;gap:10px}.mobile-break{display:none}.js-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.js-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
@media(min-width:1500px){.hero{padding-block:85px 95px;min-height:680px}.hero h1{font-size:76px}.hero-description{font-size:16px}}
@media(max-width:1100px){.section-wrap,.header-inner{width:calc(100% - 64px)}.hero{gap:35px;padding-block:58px 65px;min-height:560px}.hero h1{font-size:58px}.hero-description{font-size:13px}.hero-actions{gap:15px}.hero-actions .button{font-size:12px;padding-inline:18px}.text-link{font-size:12px}.main-nav{gap:23px}.card-copy{padding:22px}.card-copy h3{font-size:20px}.card-copy p{font-size:11px}.film-layout{gap:50px}.creation-copy h3{font-size:16px}.creation-copy p{font-size:10px}.learning-note strong{display:block;margin:3px 0 0}.feature-row{gap:48px}.experiment{padding:27px}.experiment-pair .experiment{padding:23px}.prompt-layout{gap:25px}.prompt-chip{padding-inline:10px;font-size:10px}.story-tile{padding:10px 7px 7px}.story-tile-title{font-size:11px}.story-scene{height:75px}.story-movers button{font-size:15px}.experiment-pair .experiment-heading h3{font-size:21px}.faq-section{gap:50px}}
@media(max-width:820px){.section-wrap,.header-inner{width:calc(100% - 44px)}.section-space{padding-block:72px}.header-inner{min-height:76px}.brand{font-size:21px}.brand-mark{width:39px;height:39px;border-radius:12px;font-size:29px}.brand small{font-size:8px}.main-nav{gap:17px;margin-right:0;font-size:11px}.header-inner{gap:18px}.button-small{font-size:11px;gap:8px;padding-inline:13px}.hero{grid-template-columns:1fr 1fr;gap:25px;padding-block:53px 58px;min-height:500px}.hero h1{font-size:48px}.hero .eyebrow{font-size:10px;margin-bottom:17px}.hero-description{font-size:12px;margin-top:20px}.desktop-break{display:none}.hero-actions{gap:12px;margin-top:25px}.hero-actions .button{min-height:49px;font-size:11px}.text-link{font-size:11px}.hero-notes{font-size:10px;gap:16px;margin-top:21px}.hero-image-frame{border-radius:25px 25px 65px 25px}.floating-note{left:-12px;bottom:10px;padding:12px 15px 12px 12px;border-radius:14px;font-size:9px;gap:9px}.floating-note strong{font-size:13px}.note-symbol{height:31px;width:31px;font-size:21px}.decoration-one{font-size:48px;right:-12px}.decoration-two{font-size:27px;right:15px}.idea-strip{gap:19px;padding-block:19px}.idea-strip strong{font-size:15px}.idea-strip>span:first-child{padding-right:19px;font-size:10px}.strip-star{font-size:26px}.section-heading{margin-bottom:31px}.section-heading h2,.faq-intro h2{font-size:33px}.heading-note{font-size:11px}.ability-grid{gap:14px}.ability-card{border-radius:18px}.card-copy{padding:18px 17px 21px}.card-copy h3{font-size:17px;margin-block:10px}.card-copy p{font-size:10px}.card-copy p br{display:none}.card-index{font-size:9px}.micro-label{font-size:8px;margin-top:16px;padding:4px 6px}.film-layout{gap:45px;grid-template-columns:1fr .85fr;padding-block:65px}.film-copy h2{font-size:43px}.film-intro{font-size:13px;margin-top:23px}.film-points{margin-block:28px;gap:15px}.film-points li{font-size:11px;gap:10px}.video-hint{font-size:10px}.film-player-wrap{max-width:290px;padding:9px}.video-caption{font-size:8px}.film-topline{font-size:8px}.creation-route{font-size:9px;gap:9px;margin-bottom:25px}.creation-route b{width:18px;height:18px;font-size:8px}.creation-grid{gap:15px}.creation-image{border-radius:14px}.creation-copy{gap:8px;margin-top:17px}.round-number{width:24px;height:24px;font-size:9px}.creation-copy h3{font-size:14px}.creation-copy p{font-size:9px}.art-label{font-size:8px;margin-left:32px}.learning-note{padding:19px 22px}.learning-note p{font-size:11px}.demo-disclaimer{font-size:9px}.prompt-layout{grid-template-columns:1fr;gap:22px}.prompt-output{min-height:190px}.prompt-choices{grid-template-columns:1fr;gap:16px}.prompt-choices fieldset{display:grid;grid-template-columns:105px 1fr;align-items:start}.prompt-choices legend{float:left;grid-column:1;padding-top:12px}.prompt-chip{font-size:11px}.experiment-pair{grid-template-columns:1fr}.experiment-pair .experiment{padding:27px}.story-scene{height:110px}.story-tile{padding:14px 14px 10px}.story-tile-title{font-size:13px}.story-tile-description{font-size:10px;min-height:auto}.story-movers{justify-content:flex-end;gap:7px}.story-movers button{width:44px;max-width:none}.story-sort{gap:13px}.quiz-item legend{font-size:13px}.quiz-options button{font-size:11px}.quiz-feedback{font-size:11px}.quiz-list{gap:18px}.quiz-options{max-width:440px}.feature-row{gap:35px;margin-top:43px}.feature-copy h3{font-size:29px}.feature-copy>p:not(.source-note){font-size:11px}.feature-copy>p br{display:none}.feature-kicker{font-size:9px;margin-bottom:14px}.source-link{font-size:9px;margin-top:13px}.source-note{font-size:8px}.small-tags{gap:6px;margin-top:13px}.small-tags span{font-size:8px}.feature-image{border-radius:18px}.faq-section{grid-template-columns:.8fr 1.2fr;gap:35px}.faq-intro>.eyebrow{font-size:9px}.faq-intro>p:not(.eyebrow){font-size:11px}.faq-list summary{font-size:11px;min-height:67px}.faq-list details>p{font-size:11px;padding-right:18px}.faq-decoration{font-size:65px;right:16px;bottom:55px}.final-section{padding-block:55px}.final-star{left:35px;top:52px;font-size:38px}.final-section h2{font-size:33px}}
@media(max-width:600px){html{scroll-padding-top:82px}.section-wrap,.header-inner{width:calc(100% - 36px)}.header-inner{min-height:71px;gap:12px}.brand{font-size:20px;gap:9px}.brand-mark{width:36px;height:36px;font-size:27px;border-radius:11px}.brand small{font-size:7px;letter-spacing:.18em;margin-top:6px}.main-nav{display:none}.header-inner>.button{margin-left:auto;min-height:42px}.hero{grid-template-columns:1fr;gap:24px;padding-block:42px 39px;min-height:0}.hero-copy{text-align:center}.hero .eyebrow{justify-content:center;font-size:10px;margin-bottom:15px}.hero h1{font-size:56px;line-height:1.2;letter-spacing:-.065em}.hero-description{font-size:12px;line-height:1.9;margin-top:20px;padding-inline:10px}.hero-actions{justify-content:center;gap:20px;margin-top:24px}.hero-actions .button{min-height:49px;padding-inline:17px;font-size:11px}.hero-notes{justify-content:center;font-size:10px;gap:24px;margin-top:21px}.hero-art{width:100%;max-width:440px;justify-self:center;padding:16px 10px 28px}.hero-image-frame{border-radius:26px 26px 66px 26px;transform:rotate(-1deg)}.hero-image-frame img{transform:rotate(1deg) scale(1.04)}.floating-note{left:0;bottom:0;padding:10px 15px 10px 11px}.floating-note strong{font-size:13px}.decoration-one{right:1px;top:0;font-size:43px}.decoration-two{bottom:0;right:23px;font-size:30px}.idea-strip{gap:14px;padding-block:17px}.idea-strip>span:first-child{font-size:9px;padding-right:14px;white-space:nowrap}.idea-strip strong{font-size:12px;letter-spacing:-.025em}.strip-star{font-size:22px}.section-space{padding-block:59px}.section-heading{display:block;margin-bottom:27px}.eyebrow{font-size:9px;margin-bottom:13px}.section-heading .eyebrow{margin-bottom:13px}.section-heading h2,.faq-intro h2{font-size:31px;line-height:1.4}.heading-note{font-size:11px;margin-top:17px;line-height:1.9}.heading-note br{display:none}.mobile-break{display:block}.ability-grid{grid-template-columns:1fr;gap:18px}.ability-card{display:grid;grid-template-columns:.86fr 1.14fr;border-radius:17px;min-height:196px}.ability-image{aspect-ratio:auto;min-height:100%;height:100%}.ability-image img{height:100%;object-fit:cover}.card-copy{padding:20px 17px 19px}.card-index{font-size:8px}.card-copy h3{font-size:17px;margin-block:9px 10px}.card-copy p{font-size:10px;line-height:1.85}.micro-label{font-size:8px;margin-top:13px}.film-layout{grid-template-columns:1fr;gap:35px;padding-block:51px}.film-copy{text-align:center}.film-copy h2{font-size:39px}.film-copy h2 br{display:none}.film-copy .eyebrow{font-size:9px}.film-intro{font-size:12px;margin-top:16px;line-height:1.9}.film-points{max-width:295px;margin:24px auto;gap:13px;text-align:left}.film-points li{font-size:11px}.video-hint{justify-content:center;font-size:10px}.film-player-wrap{width:min(100%,295px);max-width:none;padding:10px 10px 12px;border-radius:22px}.film-topline{font-size:8px}.video-caption{font-size:8px}.creation-route{gap:8px;row-gap:11px;font-size:9px}.creation-route i{font-size:9px}.creation-route span{gap:6px}.creation-grid{grid-template-columns:1fr;gap:25px}.creation-card{display:grid;grid-template-columns:1.05fr .95fr;column-gap:17px;padding-bottom:0}.creation-image{grid-row:span 2;border-radius:13px;aspect-ratio:1.1}.creation-copy{display:block;margin:9px 0 0}.round-number{width:auto;height:auto;display:block;border:0;color:#8e9ab4;font-size:9px;margin:0 0 8px}.creation-copy h3{font-size:16px;line-height:1.5}.creation-copy p{font-size:10px;margin-top:8px;line-height:1.8}.art-label{font-size:8px;margin:8px 0 0;align-self:start;line-height:1.7}.learning-note{padding:19px 17px;gap:13px;margin-top:29px;align-items:flex-start}.learning-note>span{font-size:25px;padding-top:4px}.learning-note p{font-size:10px;line-height:1.85}.learning-note strong{margin-top:4px;font-size:10px}.demo-disclaimer{font-size:9px;margin-top:18px;align-items:flex-start}.demo-disclaimer br{display:none}.demo-disclaimer>span{font-size:22px}.experiment{padding:22px 18px;border-radius:19px}.experiment-heading{gap:10px;margin-bottom:23px}.experiment-number{font-size:9px;margin-bottom:9px}.experiment-heading h3{font-size:22px}.experiment-heading p{font-size:10px;margin-top:8px}.experiment-tag{font-size:8px;padding:6px 7px;margin-top:1px}.prompt-layout{gap:22px}.prompt-choices{gap:17px}.prompt-choices fieldset{display:block}.prompt-choices legend{float:none;padding-top:0;margin-bottom:9px;font-size:10px}.prompt-choices legend>span{font-size:9px}.chip-row{gap:6px}.prompt-chip{font-size:10px;padding:8px 10px;min-height:44px;border-radius:9px}.prompt-output{padding:16px;min-height:210px;border-radius:14px}.output-topline{font-size:10px}.quiet-button{font-size:9px}.prompt-output-footer>span{font-size:9px}#prompt-result{font-size:17px;line-height:1.85;padding-block:17px}.copy-button{font-size:10px;padding-inline:10px}.clarity-lab{grid-template-columns:1fr;gap:5px;margin-top:23px;padding-top:20px}.clarity-lab label{font-size:10px}.clarity-lab input{grid-row:auto;order:2;min-height:44px;margin-block:3px}.clarity-lab p{order:3;font-size:10px;line-height:1.8}.experiment-pair{gap:18px;margin-top:18px}.experiment-pair .experiment{padding:22px 18px}.experiment-pair .experiment-heading h3{font-size:22px}.story-sort{gap:7px}.story-tile{border-radius:10px;padding:9px 7px 6px}.story-tile-number{font-size:8px}.story-scene{height:74px;margin-top:7px;border-radius:7px}.scene-symbol{width:37px;height:37px;border-radius:11px;font-size:22px}.story-tile-title{font-size:11px;margin-top:10px}.story-tile-description{font-size:8px;line-height:1.75;min-height:29px}.story-movers{gap:4px;margin-top:7px;justify-content:space-between}.story-movers button{width:44px;max-width:calc(50% - 2px);min-height:44px;border-radius:7px;font-size:16px}.sort-actions{gap:8px;margin-top:12px}.sort-actions p{font-size:8px;padding-top:13px;line-height:1.9}.sort-actions .quiet-button{font-size:8px}.quiz-progress{min-width:42px;height:31px;font-size:9px}.quiz-item legend{font-size:11px}.quiz-options button{font-size:10px;padding:7px 9px}.quiz-feedback{font-size:9px}.quiz-list{gap:15px}.beyond-section>.section-heading{margin-bottom:31px}.feature-row{grid-template-columns:1fr;gap:23px;margin-top:38px}.feature-row-reverse .feature-image{order:0}.feature-image{border-radius:17px;aspect-ratio:3/2}.feature-copy{padding-inline:3px}.feature-kicker{font-size:9px;margin-bottom:10px}.feature-copy h3{font-size:28px;line-height:1.4}.feature-copy h3 br{display:none}.feature-copy>p:not(.source-note){font-size:11px;line-height:1.95;margin-top:13px}.feature-copy>p br{display:block}.small-tags{margin-top:13px}.source-link{font-size:9px;gap:8px;margin-top:10px;align-items:center}.source-note{font-size:8px;max-width:none}.faq-section{grid-template-columns:1fr;gap:28px}.faq-intro{padding-right:55px}.faq-intro>p:not(.eyebrow){font-size:11px;margin-top:17px}.faq-intro>p br{display:none}.faq-decoration{font-size:68px;right:14px;bottom:6px}.faq-list summary{font-size:12px;min-height:70px;gap:10px}.faq-list summary>span{font-size:20px;width:24px}.faq-list details>p{font-size:11px;padding:0 22px 21px 0}.final-section{padding:43px 20px 40px;border-radius:22px;margin-bottom:22px}.final-section .eyebrow{font-size:8px;letter-spacing:.09em;margin-bottom:14px}.final-section h2{font-size:30px;line-height:1.45}.final-section>p:not(.eyebrow){font-size:11px;margin-top:14px}.final-star{font-size:28px;left:15px;top:16px;opacity:.6}.final-actions{gap:10px;margin-top:24px;flex-wrap:wrap}.final-actions .button{font-size:10px;padding:10px 14px;min-height:46px;gap:8px;border-radius:10px}.site-footer{font-size:8px;gap:10px;padding-bottom:23px}.footer-brand{font-size:13px}.site-footer>p{display:none}.site-footer>a:last-child{font-size:9px}}
@media(max-width:360px){.hero h1{font-size:49px}.hero-actions{gap:10px}.hero-actions .button{font-size:10px;padding-inline:13px}.text-link{font-size:10px}.ability-card{grid-template-columns:.75fr 1.25fr}.card-copy{padding-inline:13px}.card-copy h3{font-size:16px}.prompt-chip{font-size:9px;padding-inline:9px}.story-tile{padding-inline:5px}.story-tile-title{font-size:10px}.story-tile-description{font-size:8px}.experiment-tag{display:none}}
.story-tile-title{margin-bottom:0}.brand,.footer-brand{min-height:44px}.footer-brand{display:inline-flex;align-items:center}
.story-tile,.prompt-chip{touch-action:pan-y;user-select:none;-webkit-user-select:none}.pointer-sorting{cursor:grabbing}.story-tile.pointer-moving,.prompt-chip.pointer-moving{position:relative;z-index:5;transform:translate3d(var(--pointer-drag-x,0px),0,0) rotate(2deg);transition:none;opacity:.85;cursor:grabbing;box-shadow:0 10px 25px #25345526;will-change:transform}.prompt-choices,.chip-row{overflow:visible}
@media(max-width:600px){.header-inner>.button{min-height:44px}.story-sort{overflow-x:auto;padding:3px 2px 12px;scroll-snap-type:x proximity}.story-tile{flex:0 0 calc((100% - 14px)/3);min-width:112px;scroll-snap-align:start}.story-movers{justify-content:center}.story-movers button{width:44px;min-width:44px;max-width:none;flex-shrink:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-ready .reveal{opacity:1;transform:none}.button:hover,.ability-card:hover,.prompt-chip:hover,.prompt-output.drag-over{transform:none}.creation-card:hover img{transform:none}}

.age-stages{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.age-stages span{padding:12px 15px;border:1px solid var(--line);border-radius:13px;color:var(--muted);font-size:12px}.age-stages b{display:block;color:var(--ink);margin-bottom:5px;font-size:13px}.context-note{margin:20px 0;font-size:13px;line-height:1.8}.context-note summary{cursor:pointer;color:var(--blue);min-height:44px;display:flex;align-items:center;gap:8px}.context-note summary:before{content:"＋"}.context-note[open] summary:before{content:"−"}.context-note p{font-size:12px!important;line-height:1.9!important;margin-top:5px!important}

@media(max-width:600px){.hero-description{font-size:14px}.heading-note,.experiment-heading p{font-size:13px}.card-copy p,.creation-copy p,.prompt-chip,.quiz-options button,.quiz-feedback,.story-tile-description,.source-link{font-size:12px}.feature-copy>p:not(.source-note),.faq-list details>p{font-size:14px}.source-note{font-size:11px}.quiz-options button{min-height:44px}}

/* ---- welcome-editorial.css ---- */
/* Public parent guide: paper, ink and an editorial reading rhythm. */
:root {
  --paper: #f4f1e9;
  --white: #fbfaf4;
  --ink: #213c34;
  --muted: #65726b;
  --blue: #213c34;
  --blue-deep: #193c35;
  --line: #cfcfc2;
  --mint: #e6e7d8;
  --pink: #e9e7d9;
  --orange: #e96736;
  --radius: 4px;
  --serif: "Noto Serif SC", "Source Han Serif SC", "STSong", "SimSun", serif;
}
::selection { background: #e9673640; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible,
summary:focus-visible, [tabindex]:focus-visible { outline-color: var(--orange); }
h1, h2, .feature-copy h3, .cg-preview-heading h3, .cg-dialog-heading h3 {
  font-family: var(--serif);
  font-weight: 500;
  letter-spacing: -.05em;
}
.section-heading h2, .faq-intro h2 { font-size: clamp(32px, 3.7vw, 52px); font-weight: 500; }
.section-space { padding-block: 90px; }
.eyebrow { color: var(--muted); font-weight: 500; letter-spacing: .1em; }
.site-header { background: #f4f1e9f5; border-color: var(--line); }
.header-inner { min-height: 94px; }
.brand { font-size: 23px; letter-spacing: -.06em; }
.brand-mark { background: transparent; color: var(--ink); border: 1px solid var(--ink); border-radius: 50%; }
.brand-ai { color: var(--ink); }
.brand small { font-size: 8px; letter-spacing: .13em; }
.main-nav { font-weight: 400; }
.main-nav a:after { background: var(--orange); }
.header-inner > .button { border: 1px solid var(--ink); background: transparent; color: var(--ink); border-radius: 30px; font-weight: 400; }
.header-inner > .button:hover { background: var(--ink); color: var(--paper); }
.button { border-radius: 3px; font-weight: 500; box-shadow: none; }
.button-primary, .button-dark { color: var(--paper); background: var(--ink); }
.button-primary:hover, .button-dark:hover { background: var(--blue-deep); box-shadow: none; }
.button-white { background: var(--paper); color: var(--ink); }
.text-link { border-bottom: 1px solid currentColor; font-weight: 400; }
.text-link:hover, .source-link:hover { color: var(--orange); }
.reading-progress::-webkit-progress-value { background: var(--orange); }
.reading-progress::-moz-progress-bar { background: var(--orange); }

/* The sample is the hero artwork. It remains a working control, not a poster. */
.parent-hero { grid-template-columns: 1fr 1fr; min-height: 670px; gap: 70px; padding-block: 58px 68px; }
.parent-hero h1 { font-size: clamp(56px, 5.9vw, 82px); line-height: 1.2; font-weight: 500; }
.parent-hero .eyebrow { gap: 9px; font-size: 11px; letter-spacing: .08em; }
.parent-hero .eyebrow:before { content: ""; height: 6px; width: 6px; border-radius: 50%; background: var(--orange); }
.accent-word { color: var(--orange); }
.accent-word:after { display: none; }
.parent-hero .hero-description { font-size: 14px; line-height: 1.9; }
.parent-use-tabs { gap: 0; max-width: 435px; border-block: 1px solid var(--line); margin-top: 26px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.parent-use-tabs button { border: 0; border-radius: 0; background: transparent; font-weight: 400; justify-content: center; padding: 12px 6px; color: var(--muted); font-size: 12px; }
.parent-use-tabs button + button { border-left: 1px solid var(--line); }
.parent-use-tabs button:before { display: none; }
.parent-use-tabs button[aria-selected=true] { background: var(--ink); color: var(--paper); }
.parent-hero .hero-actions { margin-top: 29px; gap: 24px; }
.parent-use-panel { position: relative; padding: 31px; border: 1px solid var(--line); border-radius: 4px; background: var(--white); box-shadow: 10px 10px 0 #e4e4d9; }
.parent-panel-heading { font-size: 10px; font-weight: 500; color: var(--muted); letter-spacing: .08em; }
.parent-example-tag { background: transparent; border: 1px solid var(--line); color: var(--muted); border-radius: 3px; font-size: 10px; }
.parent-use-panel h2 { font-family: var(--serif); font-weight: 500; font-size: 31px; line-height: 1.35; margin-block: 21px; }
.parent-panel-example { background: transparent; border-width: 1px 0; padding: 15px 0; border-radius: 0; font-size: 13px; }
.parent-panel-caption { font-size: 10px !important; color: var(--muted); font-weight: 400; }
.parent-use-output { background: #e6e7d8; border-radius: 3px; min-height: 142px; padding: 16px 18px; margin-top: 17px; }
.parent-use-output ul { font-size: 13px; gap: 7px; }
.parent-use-output li:before { color: #62745b; }
.parent-role { font-size: 12px; margin: 18px 0; }
.parent-role:before { content: "↳ "; color: var(--orange); }
.parent-panel-foot { padding-top: 16px; border-color: var(--line); }
.parent-panel-foot img { width: 116px; height: 72px; border-radius: 3px; }
.parent-panel-foot p { font-size: 10px; }

/* Long reading sections alternate dark ink and open paper. */
.film-section { background: var(--ink); color: var(--paper); }
.film-section:before, .film-section:after { display: none; }
.film-layout { gap: 110px; padding-block: 68px; }
.film-copy h2 { font-family: var(--serif); font-weight: 500; font-size: clamp(42px, 5vw, 64px); }
.light-eyebrow, .film-intro, .video-hint, .video-caption, .film-format { color: #b5c5b7; }
.video-hint { margin-top: 30px; }
.video-hint > span { color: #efb98c; }
.film-player-wrap { border-radius: 4px; background: #193c35; border-color: #78908266; box-shadow: none; }
.film-player-wrap video { border-radius: 3px; background: #112720; }
.film-topline { color: #d2dcce; }
.record-dot { background: #efb98c; }
.parent-workflow .story-tile { border-radius: 4px; background: transparent; padding: 12px; }
.parent-workflow .story-scene { border-radius: 3px; }
.parent-workflow .story-tile-title { font-weight: 500; font-size: 17px; }
.story-tile-number { color: var(--muted); }
.story-movers button, .quiet-button { color: var(--ink); background: transparent; border-color: var(--line); border-radius: 3px; }
.story-movers button:hover, .quiet-button:hover { background: #e6e7d8; }
.sort-actions p { color: var(--muted); }
.parent-judgment-card { border-radius: 4px; background: transparent; }
.parent-judgment-card legend { font-weight: 500; }
.quiz-options button { border-color: var(--line); border-radius: 3px; color: var(--muted); background: var(--white); }
.quiz-options button:hover { border-color: var(--ink); }
.quiz-options button[aria-pressed=true], .quiz-options button.correct { color: var(--ink); background: #e6e7d8; border-color: #899c85; }
.quiz-feedback, .quiz-feedback.success { color: var(--muted); }
.feature-image { border-radius: 4px; background: #e6e7d8; }
.feature-copy h3 { font-weight: 500; }
.feature-kicker { color: var(--orange); font-weight: 400; }
.feature-row { gap: 76px; margin-top: 70px; }
.small-tags span, .age-stages span { background: transparent; color: var(--muted); border: 1px solid var(--line); border-radius: 3px; }
.source-link { color: var(--ink); }
.source-note { color: var(--muted); }
.policy-row .feature-image { border-color: var(--line); }
.context-note { border-top: 1px solid var(--line); margin: 22px 0 0; }
.context-note summary { font-size: 12px; }
.context-note .source-link { margin-top: 6px; font-size: 12px; }
.context-note .source-note { font-size: 11px; margin-bottom: 12px; }
.faq-decoration { display: none; }
.faq-list summary, .faq-list details > p { font-size: 13px; }
.faq-list summary > span { color: var(--muted); }
.final-section { background: var(--ink); color: var(--paper); border-radius: 4px; padding-block: 65px; }
.final-section h2 { font-weight: 500; }
.final-section .eyebrow, .final-section > p:not(.eyebrow) { color: #b5c5b7; }
.final-star { color: #efb98c; }
.footer-brand, .site-footer { color: var(--muted); }

@media (max-width: 1100px) {
  .parent-hero { gap: 40px; }
  .parent-hero h1 { font-size: 64px; }
  .parent-use-panel { padding: 25px; }
  .parent-use-panel h2 { font-size: 28px; }
}
@media (max-width: 800px) {
  .header-inner { min-height: 82px; }
  .parent-hero { grid-template-columns: 1fr; min-height: 0; padding-block: 42px 50px; gap: 36px; }
  .parent-hero h1 { font-size: 60px; }
  .parent-hero .hero-description { max-width: none; }
  .parent-use-tabs { max-width: none; }
  .parent-use-panel { padding: 25px; }
  .parent-use-output { min-height: 0; }
  .section-space { padding-block: 65px; }
  .film-layout { gap: 40px; }
  .film-copy h2 { font-size: 44px; }
  .feature-row { gap: 35px; margin-top: 45px; }
}
@media (max-width: 600px) {
  .parent-hero .hero-copy { text-align: left; }
  .parent-hero .eyebrow { justify-content: flex-start; }
  .parent-hero h1 { font-size: clamp(45px, 11.8vw, 60px); }
  .parent-hero .hero-description { padding: 0; font-size: 13px; margin-top: 18px; }
  .parent-hero .hero-actions { justify-content: flex-start; gap: 19px; margin-top: 24px; }
  .parent-use-tabs { gap: 0; margin-top: 22px; }
  .parent-use-tabs button { font-size: 12px; min-height: 46px; }
  .parent-use-panel { padding: 22px 19px; box-shadow: 5px 5px 0 #e4e4d9; }
  .parent-use-panel h2 { font-size: 27px; margin-block: 16px; }
  .parent-panel-example, .parent-use-output ul { font-size: 13px; }
  .parent-panel-foot img { width: 90px; height: 59px; }
  .section-heading h2, .faq-intro h2 { font-size: 34px; }
  .film-copy { text-align: left; }
  .film-copy h2 { font-size: 40px; }
  .video-hint { justify-content: flex-start; margin-top: 18px; }
  .film-player-wrap { max-width: 310px; }
  .parent-workflow .story-tile { padding: 10px; }
  .parent-judgment-card > img { aspect-ratio: 2/1; }
  .feature-copy h3 { font-size: 32px; }
  .feature-copy > p:not(.source-note) { font-size: 14px; }
  .feature-image { border-radius: 4px; }
  .final-section { border-radius: 4px; padding-block: 43px; }
  .final-actions .button { border-radius: 3px; }
}

/* ---- exhibition.css ---- */
/* A quiet exhibition: one focal point per chapter, controls on the paper. */
.exhibition-page .section-wrap { width: min(1260px, calc(100% - 112px)); }
.exhibition-page .header-inner { width: min(1360px, calc(100% - 96px)); min-height: 88px; }
.exhibition-page .main-nav { gap: 32px; }
.exhibition-page .section-heading h2 { font-size: clamp(36px, 4.1vw, 58px); }
.exhibition-page [hidden] { display: none !important; }
.exhibit-kicker { color: var(--muted); font-size: 11px; letter-spacing: .12em; line-height: 1.7; margin-bottom: 26px; }

.exhibit-hero { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 20px; min-height: min(720px, calc(100svh - 88px)); padding-block: 54px 76px; }
.exhibit-hero-copy { position: relative; z-index: 1; }
.exhibit-hero h1 { font: 500 clamp(62px, 6.4vw, 96px)/1.23 var(--serif); letter-spacing: -.065em; white-space: nowrap; }
.exhibit-hero h1 em { color: var(--orange); font-style: normal; }
.exhibit-intro { color: var(--muted); margin-top: 28px; font-size: 14px; line-height: 1.9; }
.exhibit-enter { margin-top: 36px; min-width: 170px; justify-content: space-between; }
.exhibit-hero-art { position: relative; margin: 0 -30px 0 -20px; perspective: 1100px; }
.exhibit-hero-art img { width: 100%; height: auto; aspect-ratio: 4/3; object-fit: contain; transform: rotateX(var(--art-tilt-y, 0deg)) rotateY(var(--art-tilt-x, 0deg)); transition: transform .5s ease-out; }
.exhibit-hero-art figcaption { margin: 12px 30px 0 40px; display: flex; gap: 16px; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); padding-top: 14px; color: var(--muted); font-size: 11px; }
.exhibit-hero-art figcaption > span:last-child { color: var(--orange); font-size: 23px; }

.exhibit-demo { display: grid; grid-template-columns: .85fr 1.15fr; gap: 110px; align-items: center; padding-block: 100px; border-top: 1px solid var(--line); }
.exhibit-demo h2 { font-size: clamp(38px, 4.2vw, 60px); line-height: 1.3; }
.exhibition-page .parent-use-tabs { display: flex; flex-wrap: wrap; max-width: none; gap: 7px 20px; margin-top: 32px; border: 0; }
.exhibition-page .parent-use-tabs button { min-height: 44px; padding: 8px 0; border: 0; border-bottom: 1px solid transparent; color: var(--muted); background: transparent; font-weight: 400; font-size: 13px; }
.exhibition-page .parent-use-tabs button[aria-selected=true] { color: var(--ink); border-bottom-color: var(--orange); background: transparent; }
.exhibit-demo-note { margin-top: 21px; color: var(--muted); font-size: 10px; }
.exhibition-page .parent-use-panel { padding: 4px 0 4px 50px; border: 0; border-left: 1px solid var(--line); border-radius: 0; background: transparent; box-shadow: none; min-width: 0; }
.exhibition-page .parent-use-panel h3 { font: 500 30px/1.4 var(--serif); letter-spacing: -.04em; margin-bottom: 30px; }
.exhibit-example-body { min-height: 168px; display: flex; align-items: center; }
.exhibit-example-body blockquote { font: 500 clamp(21px, 2.1vw, 28px)/1.85 var(--serif); color: var(--ink); margin: 0; max-width: 430px; }
.exhibition-page .parent-use-output { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; min-height: 0; width: 100%; }
.exhibition-page .parent-use-output ul { font-size: 18px; line-height: 1.7; gap: 14px; }
.exhibition-page .parent-use-output li:before { color: var(--orange); font-size: 14px; padding-top: 3px; }
.exhibit-demo-run { display: inline-flex; align-items: center; gap: 32px; padding: 10px 0; margin-top: 24px; min-height: 44px; border: 0; border-bottom: 1px solid var(--ink); background: transparent; color: var(--ink); font-size: 13px; }
.exhibit-demo-run:hover { color: var(--orange); border-color: var(--orange); }
.exhibition-page .parent-role { margin: 19px 0 0; color: var(--muted); font-size: 12px; }

.exhibit-creation { background: #e9e9df; padding-block: 76px 60px; }
.exhibition-page .cg-lab { padding-block: 0 35px; }
.exhibition-page .cg-lab #cg-title { font-size: clamp(34px, 3.8vw, 52px); }
.exhibition-page .cg-lab > .section-heading { margin-bottom: 30px; }
.exhibition-page .cg-lab .cg-workspace { gap: 24px 48px; }
.exhibition-page .cg-preview-column, .exhibition-page .cg-controls-column { border: 0; background: transparent; border-radius: 0; padding: 0; }
.exhibition-page .cg-preview-heading { padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.exhibition-page .cg-prompt-box { background: transparent; border-width: 1px 0 0; border-radius: 0; padding: 10px 0 0; }
.exhibition-page .cg-purpose-options button { background: transparent; border-color: #bbc5b7; }
.exhibition-page .cg-purpose-options button[aria-pressed=true] { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.exhibition-page .cg-categories button { background: transparent; }
.exhibition-page .cg-categories button[aria-pressed=true] { background: var(--ink); }
.exhibition-page .cg-subject-options button { background: #f4f1e970; }
.exhibition-page .cg-subject-options button[aria-pressed=true] { background: var(--paper); }
.exhibition-page .cg-field input, .exhibition-page .cg-field select { background: var(--paper); }
.exhibit-style-drawer { border-top: 1px solid #bbc5b7; }
.exhibit-style-drawer > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 72px; color: var(--ink); font-size: 15px; list-style: none; cursor: pointer; }
.exhibit-style-drawer > summary::-webkit-details-marker { display: none; }
.exhibit-style-drawer > summary span { font-size: 24px; font-weight: 300; transition: transform .2s; }
.exhibit-style-drawer[open] > summary span { transform: rotate(45deg); }
.exhibition-page .exhibit-style-drawer .csl-section { width: 100%; padding-block: 30px 25px; border: 0; }
.exhibit-style-drawer .csl-section > .section-heading { display: none; }
.exhibition-page .parent-workflow { padding-block: 100px; }
.exhibition-page .parent-workflow .story-tile { padding: 0 0 12px; background: transparent; border: 0; border-bottom: 1px solid var(--line); }
.exhibition-page .parent-workflow .story-scene { border-radius: 0; margin-top: 16px; }
.exhibition-page .parent-workflow .story-tile-description { color: var(--muted); }
.exhibition-page .story-movers { justify-content: flex-end; }
.exhibition-page .story-movers button { border-radius: 50%; background: transparent; }
.exhibition-page .film-layout { padding-block: 76px; grid-template-columns: 1.1fr .9fr; gap: 90px; }
.exhibition-page .film-copy h2 { font-size: clamp(44px, 5.1vw, 72px); }
.film-copy .exhibit-kicker, .exhibit-film-note { color: #b5c5b7; }
.exhibit-film-note { margin-top: 30px; font-size: 14px; }
.exhibition-page .film-player-wrap { padding: 0; border: 0; background: transparent; width: min(100%, 300px); }
.exhibition-page .film-player-wrap video { border-radius: 0; }
.exhibition-page .video-caption { margin: 15px 0 0; }

.exhibit-questions { border-top: 1px solid var(--line); }
.exhibit-faq > details { border-bottom: 1px solid var(--line); }
.exhibit-faq > details:first-child { border-top: 1px solid var(--line); }
.exhibit-faq > details > summary { min-height: 87px; display: flex; align-items: center; justify-content: space-between; gap: 25px; font-size: 18px; list-style: none; cursor: pointer; }
.exhibit-faq > details > summary::-webkit-details-marker { display: none; }
.exhibit-faq > details > summary span { font-size: 24px; font-weight: 300; color: var(--muted); transition: transform .2s; }
.exhibit-faq > details[open] > summary span { transform: rotate(45deg); color: var(--orange); }
.exhibit-answer { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; padding-block: 14px 44px; align-items: center; }
.exhibit-answer > img { width: 100%; aspect-ratio: 3/2; object-fit: cover; }
.exhibit-answer h3 { font: 500 34px/1.4 var(--serif); margin-bottom: 22px; }
.exhibit-answer p, .exhibit-answer-text p { font-size: 14px; color: var(--muted); line-height: 1.95; }
.exhibit-answer p + p, .exhibit-answer-text p + p { margin-top: 14px; }
.exhibit-answer .source-link { font-size: 12px; }
.exhibit-answer .source-note { font-size: 11px; }
.exhibit-answer-text { max-width: 740px; padding: 4px 0 35px; }
.exhibit-judgment-intro { display: flex; justify-content: space-between; color: var(--muted); font-size: 12px; padding: 0 0 24px; }
.exhibit-faq .parent-judgment-grid { padding-bottom: 35px; }
.exhibition-page .parent-judgment-card { border: 0; }
.exhibition-page .parent-judgment-card .quiz-item { padding: 20px 0 0; }
.exhibition-page .parent-judgment-card legend { font-size: 15px; min-height: 52px; margin-bottom: 8px; }
.exhibition-page .parent-judgment-card .quiz-options { grid-template-columns: 1fr 1fr; }
.exhibition-page .parent-judgment-card .quiz-options button { padding-inline: 8px; font-size: 12px; }
.exhibit-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 26px; padding-block: 40px 30px; border-top: 1px solid var(--line); }
.exhibit-footer > p { font: 500 22px/1.5 var(--serif); }
.exhibit-footer > small { flex-basis: 100%; color: var(--muted); font-size: 10px; margin-top: 20px; }

@media (max-width: 1000px) {
  .exhibition-page .section-wrap { width: calc(100% - 72px); }
  .exhibition-page .header-inner { width: calc(100% - 64px); }
  .exhibit-hero { min-height: 620px; }
  .exhibit-hero h1 { font-size: 70px; }
  .exhibit-demo { gap: 50px; }
  .exhibition-page .cg-lab .cg-workspace { gap: 24px; }
  .exhibit-answer { gap: 32px; }
}
@media (max-width: 760px) {
  .exhibition-page .section-wrap { width: calc(100% - 44px); }
  .exhibition-page .header-inner { width: calc(100% - 44px); }
  .exhibition-page .main-nav { gap: 24px; }
  .exhibit-hero { grid-template-columns: 1fr; gap: 10px; padding-block: 38px 30px; min-height: 0; }
  .exhibit-hero h1 { font-size: clamp(52px, 10.8vw, 74px); }
  .exhibit-hero .exhibit-kicker { margin-bottom: 23px; }
  .exhibit-intro { margin-top: 20px; font-size: 13px; }
  .exhibit-enter { margin-top: 25px; min-width: 155px; min-height: 48px; }
  .exhibit-hero-art { margin: 0 auto; width: min(100%, 520px); }
  .exhibit-hero-art img { max-height: 370px; }
  .exhibit-hero-art figcaption { margin: 0; font-size: 10px; padding-top: 11px; }
  .exhibit-demo { padding-block: 64px; grid-template-columns: 1fr; gap: 32px; }
  .exhibit-demo h2 br { display: none; }
  .exhibit-demo h2 { font-size: 36px; }
  .exhibit-demo .exhibit-kicker { margin-bottom: 16px; }
  .exhibition-page .parent-use-tabs { gap: 10px 24px; margin-top: 22px; }
  .exhibit-demo-note { margin-top: 13px; }
  .exhibition-page .parent-use-panel { border: 0; border-top: 1px solid var(--line); padding: 28px 0 0; }
  .exhibition-page .parent-use-panel h3 { font-size: 26px; margin-bottom: 17px; }
  .exhibit-example-body { min-height: 140px; }
  .exhibit-example-body blockquote { font-size: 23px; }
  .exhibition-page .parent-use-output ul { font-size: 16px; gap: 11px; }
  .exhibit-demo-run { margin-top: 13px; }
  .exhibit-creation { padding-block: 50px 28px; }
  .exhibition-page .cg-lab #cg-title { font-size: 34px; }
  .exhibition-page .cg-lab .cg-workspace { gap: 24px; }
  .exhibit-style-drawer > summary { font-size: 13px; min-height: 66px; }
  .exhibition-page .parent-workflow { padding-block: 64px; }
  .exhibition-page .parent-workflow .story-sort { gap: 20px; }
  .exhibition-page .parent-workflow .story-tile { flex-basis: 82%; }
  .exhibition-page .film-layout { padding-block: 58px; grid-template-columns: 1fr; gap: 34px; }
  .exhibition-page .film-copy h2 { font-size: 44px; }
  .exhibit-film-note { font-size: 13px; margin-top: 20px; }
  .exhibit-faq > details > summary { min-height: 75px; font-size: 16px; }
  .exhibit-answer { grid-template-columns: 1fr; gap: 24px; padding-bottom: 32px; }
  .exhibit-answer h3 { font-size: 29px; margin-bottom: 16px; }
  .exhibit-answer-text p, .exhibit-answer p { font-size: 14px; }
  .exhibit-footer { gap: 22px; padding-block: 32px 24px; }
  .exhibit-footer > p { display: none; }
  .exhibit-footer > small { margin-top: 0; font-size: 9px; }
}
@media (max-width: 380px) {
  .exhibition-page .section-wrap, .exhibition-page .header-inner { width: calc(100% - 36px); }
  .exhibition-page .parent-use-tabs { justify-content: space-between; gap: 5px; }
  .exhibition-page .parent-use-tabs button { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .exhibit-hero-art img { transform: none !important; }
}

/* ---- hero-interaction.css ---- */
.exhibit-hero-art .hero-breeze-stage{aspect-ratio:4/3;position:relative;pointer-events:none}
.exhibit-hero-art .hero-breeze-art{width:100%;height:auto;object-fit:contain;transform-origin:62% 64%;animation:paper-breeze 9s ease-in-out infinite;will-change:transform;user-select:none;-webkit-user-select:none}
@keyframes paper-breeze{0%,100%{transform:translate3d(0,1px,0) rotate(-.65deg)}35%{transform:translate3d(3px,-3px,0) rotate(.9deg)}70%{transform:translate3d(-2px,-1px,0) rotate(-.2deg)}}
@media(prefers-reduced-motion:reduce){.exhibit-hero-art .hero-breeze-art{animation:none;transform:none!important;will-change:auto}}

/* ---- browse.css ---- */
.browse-tabs{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #dcded3;border-radius:999px;background:#eeeee6;flex-shrink:0}
.browse-tabs a,.explore-header .browse-tabs a{display:block;padding:9px 20px;border:0;border-radius:999px;font:500 13px/1.4 "Microsoft YaHei UI",sans-serif;color:#728077;white-space:nowrap;text-decoration:none;transition:background .18s,color .18s}
.browse-tabs a:hover{color:#203c34;background:#f6f5f0}.browse-tabs a[aria-current="page"],.explore-header .browse-tabs a[aria-current="page"]{background:#fffef9;color:#203c34;box-shadow:0 2px 8px #203c3409;border:0}
.explore-header .browse-tabs{gap:4px;font-size:13px}.browse-return{font-size:12px;white-space:nowrap}.explore-header .browse-return{padding:9px 14px;border:1px solid #dcded3;border-radius:999px}.explore-header .browse-return:hover{background:#eeeee6}
body[data-browse-only="1"] .cg-copy,body[data-browse-only="1"] .csl-copy{display:none!important}
body[data-browse-only="1"] img,body[data-browse-only="1"] video{-webkit-user-drag:none}body[data-browse-only="1"] video::-webkit-media-controls-download-button{display:none}
@media(max-width:700px){.exhibition-page .site-header .header-inner,.explore-header{height:auto;min-height:90px;display:grid;grid-template-columns:1fr auto;gap:12px;padding-top:16px;padding-bottom:14px}.browse-tabs{grid-column:1 / -1;grid-row:2;justify-self:center}.browse-return{grid-column:2;grid-row:1}.browse-tabs a,.explore-header .browse-tabs a{padding:8px 23px;font-size:12px}.explore-header .browse-tabs{display:flex}.explore-header .browse-return{font-size:11px}.browse-tabs a:focus-visible{outline:2px solid #da633d;outline-offset:3px}}
@media print{body[data-browse-only="1"]>*{display:none!important}body[data-browse-only="1"]::after{content:"此页面仅供在线浏览，请返回网站查看。";display:block;padding:40px;color:#203c34}}

/* ---- course-introduction.css ---- */
.course-content{color:var(--ink);line-height:1.7}
.course-content a:focus-visible,.course-content summary:focus-visible{outline:3px solid #319a89;outline-offset:4px}
.course-content h1,.course-content h2,.course-content h3,.course-content p,.course-content figure{margin:0}
.course-content h2{font-size:30px;line-height:1.4;letter-spacing:-.03em}
.course-content h3{font-size:20px}
.course-content p{overflow-wrap:anywhere}
.course-content .eyebrow,.course-content .section-label{font-size:12px;letter-spacing:.13em;color:#398879;font-weight:650;margin-bottom:13px}
.course-content h1{font-size:clamp(32px,4.4vw,55px);line-height:1.35;letter-spacing:-.04em;max-width:780px}
.course-content .intro-section{padding:45px 0;border-top:1px solid #dfe8e3;scroll-margin-top:24px}
.course-content .section-intro{color:#6a8185;max-width:830px;margin:16px 0 25px;font-size:14px}
.course-content .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.course-content .project{min-width:0;border:1px solid #e0e9e3;border-radius:18px;overflow:hidden;background:white}
.course-content .project figure{position:relative}
.course-content .project img{display:block;max-width:100%;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.course-content .project figcaption{position:absolute;bottom:10px;right:10px;border-radius:20px;font-size:10px;color:#4d6969;background:#ffffffe3;padding:3px 9px}
.course-content .project-body{padding:24px}
.course-content .project-count{display:inline-block;font-size:11px;color:#347f71;background:#eaf5ee;padding:3px 8px;border-radius:5px;margin-bottom:9px}
.course-content .project-goal{font-size:15px;font-weight:650;margin:12px 0 18px}
.course-content .project-steps{margin:0;display:flex;flex-wrap:wrap;gap:7px;padding:0;list-style:none;counter-reset:step}
.course-content .project-steps li{font-size:11px;background:#f2f7f4;padding:4px 8px;border-radius:5px;counter-increment:step}
.course-content .project-steps li::before{content:counter(step) " · ";color:#6b9788}
.course-content .project-evidence{font-size:12px;color:#6e8585;margin-top:18px}
.course-content blockquote{font-size:13px;color:#367366;margin:18px 0 0;padding:12px;border-left:3px solid #86b5a6;background:#f4f8f4}
.course-content .process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:28px 0 0}
.course-content .process-number{font-size:12px;color:#61a18c}
.course-content .process-grid h3{font-size:18px;margin:7px 0}
.course-content .process-grid p{font-size:13px;color:#698083}
.course-content .archive-section{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px}
.course-content .archive-section p{font-size:14px;color:#6a8185;margin:16px 0}
.course-content .text-link{color:#2e8372;font-size:13px;font-weight:650}
.course-content .archive-section ul{padding:20px 24px 20px 44px;margin:0;background:#eaf3ec;border-radius:15px;display:grid;gap:14px;align-content:center;color:#447467;font-size:14px}
.course-content .faq-section details{padding:16px 0;border-bottom:1px solid #e0e9e3}
.course-content .faq-section h2{margin-bottom:18px}
.course-content .faq-section summary{cursor:pointer;font-size:15px;font-weight:650}
.course-content .faq-section details p{margin:12px 0 0;font-size:14px;color:#657f83;max-width:830px}
@media(max-width:700px){.course-content .intro-section{padding:32px 0}
.course-content h2{font-size:24px}
.course-content .section-intro{font-size:13px;margin:13px 0 18px}
.course-content .project-grid,.course-content .archive-section{grid-template-columns:minmax(0,1fr);gap:18px}
.course-content .project-body{padding:18px}
.course-content .project h3{font-size:19px}
.course-content .project-goal{font-size:14px}
.course-content .process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
.course-content .process-grid li:last-child{grid-column:1/-1}
.course-content .faq-section summary{font-size:14px}
.course-content .faq-section details p{font-size:13px}}
.course-content .experience-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.course-content .experience-duration{flex-shrink:0;font-size:12px;color:#46776c;background:#e9f3ec;border-radius:8px;padding:7px 11px;margin-top:3px}
.course-content .theme-explorer{min-width:0;border:0;padding:0;margin:0;position:relative}
.course-content .theme-explorer legend{padding:0;margin-bottom:12px;color:#617c7d;font-size:13px}
.course-content .theme-choice{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}
.course-content .theme-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:18px}
.course-content .theme-switcher label{display:flex;align-items:center;gap:11px;min-height:66px;padding:11px 13px;background:#fff;border:1px solid #dce8e0;border-radius:11px;cursor:pointer;min-width:0;transition:background .15s,border-color .15s}
.course-content .theme-switcher label:hover{background:#edf5ef;border-color:#a3c2b4}
.course-content .theme-switcher strong{display:block;font-size:14px;line-height:1.45}
.course-content .theme-switcher small{display:block;font-size:11px;color:#7d9290;margin-top:2px}
.course-content .theme-choice-number{font-size:12px;color:#719a8a;background:#f2f7f3;display:grid;place-items:center;width:27px;height:32px;border-radius:7px;flex-shrink:0}
.course-content .theme-panel{display:none;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);background:#fff;border:1px solid #dce8e0;border-radius:18px;overflow:hidden}
.course-content .theme-scene{min-width:0;background:#eef3eb}
.course-content .theme-scene figure{position:relative}
.course-content .theme-scene img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.course-content .theme-scene figcaption{font-size:10px;color:#6b807c;padding:8px 18px;background:#ffffff70}
.course-content .theme-family-question{padding:20px 24px 24px}
.course-content .theme-family-question span{font-size:11px;color:#5f8577}
.course-content .theme-family-question p{font-size:15px;color:#386657;margin-top:6px;line-height:1.85}
.course-content .theme-detail{padding:26px;min-width:0}
.course-content .theme-detail h3{font-size:23px;line-height:1.45}
.course-content .theme-goal{font-size:13px;color:#69817e;margin-top:11px;line-height:1.9}
.course-content .theme-detail h4{font-size:12px;color:#39806c;margin:0 0 10px;font-weight:700}
.course-content .theme-activity{margin-top:23px}
.course-content .theme-activity ol{margin:0;padding-left:20px;display:grid;gap:9px;font-size:13px;color:#3f625d}
.course-content .theme-activity li{padding-left:3px;line-height:1.8}
.course-content .theme-activity li::marker{color:#76a18c;font-size:11px;font-weight:700}
.course-content .theme-outcomes{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;border-top:1px solid #e5ede5;margin-top:22px;padding-top:18px}
.course-content .theme-outcomes ul{margin:0;padding-left:16px;font-size:12px;color:#58756a;line-height:1.85}
.course-content .theme-outcomes .theme-skills{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;align-content:flex-start}
.course-content .theme-skills li{border-radius:5px;padding:3px 7px;background:#edf5ed;font-size:11px;line-height:1.6}
.course-content .theme-preparation{font-size:11px;color:#748279;background:#f6f7ef;padding:10px 12px;border-radius:8px;margin-top:16px}
.course-content .theme-preparation strong{color:#647a64;display:block;margin-bottom:2px}
.course-content .experience-note{font-size:12px;color:#768c82;margin-top:16px}
.course-content #theme-ai-literacy:checked ~ .theme-panels #theme-panel-ai-literacy,.course-content #theme-picture-book:checked ~ .theme-panels #theme-panel-picture-book,.course-content #theme-festival-card:checked ~ .theme-panels #theme-panel-festival-card,.course-content #theme-game-design:checked ~ .theme-panels #theme-panel-game-design,.course-content #theme-science-explorer:checked ~ .theme-panels #theme-panel-science-explorer,.course-content #theme-young-reporter:checked ~ .theme-panels #theme-panel-young-reporter,.course-content #theme-classical-poetry:checked ~ .theme-panels #theme-panel-classical-poetry,.course-content #theme-arduino:checked ~ .theme-panels #theme-panel-arduino{display:grid}
.course-content #theme-ai-literacy:checked ~ .theme-switcher label[for="theme-ai-literacy"],.course-content #theme-picture-book:checked ~ .theme-switcher label[for="theme-picture-book"],.course-content #theme-festival-card:checked ~ .theme-switcher label[for="theme-festival-card"],.course-content #theme-game-design:checked ~ .theme-switcher label[for="theme-game-design"],.course-content #theme-science-explorer:checked ~ .theme-switcher label[for="theme-science-explorer"],.course-content #theme-young-reporter:checked ~ .theme-switcher label[for="theme-young-reporter"],.course-content #theme-classical-poetry:checked ~ .theme-switcher label[for="theme-classical-poetry"],.course-content #theme-arduino:checked ~ .theme-switcher label[for="theme-arduino"]{background:#e1f0e6;border-color:#4c947c;box-shadow:inset 0 0 0 1px #4c947c}
.course-content #theme-ai-literacy:focus-visible ~ .theme-switcher label[for="theme-ai-literacy"],.course-content #theme-picture-book:focus-visible ~ .theme-switcher label[for="theme-picture-book"],.course-content #theme-festival-card:focus-visible ~ .theme-switcher label[for="theme-festival-card"],.course-content #theme-game-design:focus-visible ~ .theme-switcher label[for="theme-game-design"],.course-content #theme-science-explorer:focus-visible ~ .theme-switcher label[for="theme-science-explorer"],.course-content #theme-young-reporter:focus-visible ~ .theme-switcher label[for="theme-young-reporter"],.course-content #theme-classical-poetry:focus-visible ~ .theme-switcher label[for="theme-classical-poetry"],.course-content #theme-arduino:focus-visible ~ .theme-switcher label[for="theme-arduino"]{outline:3px solid #319a89;outline-offset:3px}
@media(max-width:900px){.course-content .experience-heading{display:block}
.course-content .experience-duration{display:inline-block;margin-top:12px}
.course-content .theme-panel{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.course-content .theme-detail{padding:21px}
.course-content .theme-detail h3{font-size:21px}
.course-content .theme-switcher label{gap:8px;padding:10px}
.course-content .theme-switcher strong{font-size:13px}
.course-content .theme-outcomes{grid-template-columns:1fr;gap:15px}
.course-content .theme-family-question{padding:16px 18px}}
@media(max-width:700px){.course-content .theme-switcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:14px}
.course-content .theme-switcher label{min-height:62px;padding:10px 12px;gap:10px}
.course-content .theme-switcher strong{font-size:13px}
.course-content .theme-switcher small{font-size:10px}
.course-content .theme-panel{grid-template-columns:minmax(0,1fr);border-radius:14px}
.course-content .theme-scene img{aspect-ratio:16/10}
.course-content .theme-scene figcaption{padding:6px 16px;font-size:9px}
.course-content .theme-family-question{padding:12px 17px 16px}
.course-content .theme-family-question p{font-size:13px;margin-top:4px}
.course-content .theme-detail{padding:20px 18px}
.course-content .theme-detail h3{font-size:21px}
.course-content .theme-goal{font-size:13px}
.course-content .theme-activity{margin-top:19px}
.course-content .theme-activity ol{gap:8px;font-size:12px}
.course-content .theme-outcomes{grid-template-columns:1fr;gap:16px;margin-top:19px;padding-top:17px}
.course-content .theme-detail h4{margin-bottom:8px}
.course-content .theme-outcomes ul{font-size:12px}
.course-content .experience-duration{font-size:11px;margin-top:10px}
.course-content .experience-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.course-content .theme-switcher label{transition:none}}
/* The merged page follows the existing paper-and-ink exhibition style. */
.merged-course-page .exhibit-hero{min-height:560px;padding-block:54px 60px;gap:28px}.merged-course-page .exhibit-hero h1{font-size:clamp(40px,4.3vw,66px);line-height:1.36;white-space:normal}.merged-course-page .headline-line{display:block;text-wrap:balance}.merged-course-page .headline-line:last-child{color:var(--orange)}.merged-course-page .exhibit-intro{max-width:470px;font-size:15px}.course-audience{font-size:12px;color:var(--muted);line-height:1.8;margin-top:15px;max-width:470px}.merged-hero-actions{display:flex;align-items:center;gap:22px;margin-top:28px;flex-wrap:wrap}.merged-hero-actions .button{margin:0}.course-page-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px 0;border-block:1px solid var(--line);gap:12px;margin-bottom:20px}.course-page-links a{font-size:13px;min-height:44px;display:flex;align-items:center;justify-content:center;color:var(--muted);border-radius:8px}.course-page-links a:hover{color:var(--ink);background:#e7e9df}.course-content .intro-section{padding-block:56px;scroll-margin-top:120px}.course-content h2{font-size:clamp(28px,3.1vw,42px);font-family:var(--serif);font-weight:500;color:var(--ink)}.course-content h3,.course-content h4{letter-spacing:-.025em}.course-content .section-label{color:#647d6f}.course-content .section-intro{max-width:850px;line-height:1.9}.course-content .theme-scene img{aspect-ratio:1672/941;object-fit:contain;background:#eef3eb}.course-content .project{border-color:#d6ded2;background:#fbfcf7}.course-content .project h3{font-size:23px}.course-content .project-body{padding:25px}.course-content .theme-panel{background:#fcfcf7;border-color:#ccd9cb}.course-content .theme-switcher label{background:#fafbf5}.course-content .theme-detail{padding:25px}.course-content .theme-family-question{padding:18px 24px}.course-content .faq-section details{padding-block:20px}.course-content .faq-section summary{font-size:16px;min-height:32px}.course-content .faq-section details p{font-size:14px;line-height:1.95}.course-content .legacy-anchor{display:block;position:relative;top:-120px;visibility:hidden}.course-content .archive-section{gap:35px}
@media(max-width:900px){.merged-course-page .exhibit-hero{min-height:520px}.course-content .theme-detail{padding:20px}}
@media(max-width:700px){.merged-course-page .exhibit-hero{grid-template-columns:1fr;min-height:0;padding-block:36px 28px;gap:20px}.merged-course-page .exhibit-hero h1{font-size:clamp(34px,7.5vw,48px)}.merged-course-page .exhibit-hero-art{margin:0;max-width:440px;width:100%;justify-self:center}.merged-course-page .exhibit-hero-art img{max-height:290px}.merged-course-page .exhibit-intro{font-size:14px;margin-top:18px}.course-audience{font-size:12px;max-width:none}.merged-hero-actions{gap:17px;margin-top:22px}.merged-hero-actions .button{font-size:12px}.merged-hero-actions .text-link{font-size:12px}.course-page-links{gap:5px;padding-block:8px;margin-bottom:7px}.course-page-links a{font-size:11px}.course-content .intro-section{padding-block:36px}.course-content h2{font-size:27px}.course-content .project-body{padding:20px}.course-content .theme-family-question{padding:14px 18px}.course-content .theme-detail{padding:20px 18px}.course-content .faq-section summary{font-size:15px}.course-content .faq-section details p{font-size:13px}.course-content .archive-section{gap:20px}.merged-course-page .exhibit-footer{flex-wrap:wrap;gap:12px 22px}.merged-course-page .exhibit-footer p{display:none}}

.merged-course-page .film-layout{grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:clamp(40px,7vw,100px);align-items:center;padding-block:72px}.merged-course-page .film-player-wrap{width:min(100%,380px,42.75svh);max-width:380px;justify-self:center}.merged-course-page .film-player-wrap video{width:100%;height:auto;aspect-ratio:9/16;max-height:none;object-fit:contain;border-radius:18px;background:#10241d}.merged-course-page .film-copy h2{font-size:clamp(32px,3.8vw,52px);line-height:1.4}.merged-course-page .exhibit-film-note{max-width:500px;font-size:15px;line-height:1.95;margin-top:23px}.film-watch{margin-top:30px;padding-top:21px;border-top:1px solid #ffffff25}.film-watch h3{font-size:13px;color:#e5eee4;font-weight:500;letter-spacing:0}.film-watch ul{padding-left:18px;display:grid;gap:10px;font-size:13px;color:#b5c5b7;margin:14px 0 0}.film-directory{margin-top:30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.film-directory a{min-height:44px;border-bottom:1px solid #ffffff36;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#d8e4d6;font-size:12px}.film-directory a:hover{color:#fff}.film-directory a span:last-child{font-size:18px}.merged-course-page .video-caption{font-size:11px;color:#b5c5b7;margin-top:14px;text-align:center}
@media(max-width:900px){.merged-course-page .film-layout{grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:35px}.merged-course-page .film-copy h2{font-size:34px}.film-directory{grid-template-columns:1fr;gap:2px}.film-watch{margin-top:22px}}
@media(max-width:700px){.merged-course-page .film-layout{grid-template-columns:1fr;padding-block:44px;gap:31px}.merged-course-page .film-player-wrap{width:min(100%,350px)}.merged-course-page .film-copy h2{font-size:32px}.merged-course-page .exhibit-film-note{font-size:14px;margin-top:17px}.film-watch{margin-top:24px}.film-watch ul{font-size:13px}.film-directory{margin-top:24px;grid-template-columns:1fr;gap:3px}.film-directory a{font-size:13px}}
.course-content .faq-section{display:block}

/* Parent decision story: introduction, observable value, practice, then course choice. */
.course-content .family-value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.family-value-grid article{border:1px solid #d8ddd0;border-radius:16px;background:#fbfcf6;padding:26px;min-width:0}.course-content .value-question{font-size:12px;color:#7b887c;margin-bottom:12px}.course-content .family-value-grid h3{font:500 24px/1.5 var(--serif);color:#294b3e}.course-content .value-practice{font-size:14px;color:#5f7769;line-height:1.95;margin-top:13px}.course-content .value-evidence{margin-top:19px;padding-top:14px;border-top:1px dashed #d8dfd0;font-size:12px;color:#69806c;line-height:1.85}.value-evidence span{display:block;font-size:10px;color:#82927f;margin-bottom:5px}.course-content .evidence-steps{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.evidence-steps li{min-width:0}.evidence-steps li>span{font-size:11px;color:#8b9c85}.course-content .evidence-steps h3{font-size:17px;margin:10px 0;line-height:1.4;font-weight:500}.course-content .evidence-steps p{font-size:12px;color:#74836e;line-height:1.9}.art-play-invite{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:32px;background:#e9eee2;border-radius:15px;padding:25px 28px}.course-content .art-play-invite h3{font:500 24px/1.5 var(--serif);color:#385843;margin:0 0 10px}.course-content .art-play-invite p{font-size:13px;color:#708168;line-height:1.9;max-width:680px}.art-play-invite .button{white-space:nowrap;flex-shrink:0;font-size:13px}.course-content .course-choice{padding-bottom:0}.choice-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.choice-links a{display:block;background:#eef0e6;border:1px solid #d3ddce;border-radius:12px;padding:17px 20px;min-width:0}.choice-links a:hover{background:#e6ebdf}.choice-links strong{display:block;font-size:16px;color:#365b45;font-weight:500}.choice-links span{display:block;font-size:12px;color:#7c8e71;margin-top:7px}.course-content .course-choice+#current-projects{border-top:0;padding-top:33px}.course-content .project-outline{margin-top:15px}.course-content .project-outline summary{cursor:pointer;font-size:12px;color:#6b8974;min-height:44px;padding-top:10px}.course-content .project-outline .project-steps{margin-top:10px}.course-content .family-records{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-block:20px 55px;padding:30px;border-radius:17px;background:#e5ece0;border:1px solid #cedbc5}.course-content .family-records h2{font-size:28px}.course-content .family-records p:not(.section-label){font-size:13px;line-height:1.9;color:#6b8064;margin-top:14px}.family-records .button{white-space:nowrap;font-size:13px;flex-shrink:0}.merged-course-page .film-section{margin-top:0}.merged-course-page .film-copy{text-align:left}
@media(max-width:900px){.art-play-invite{align-items:flex-start;flex-direction:column;gap:18px}.course-content .family-records{align-items:flex-start;flex-direction:column;gap:20px}.course-content .evidence-steps{gap:15px}.family-value-grid article{padding:22px}.course-content .family-value-grid h3{font-size:22px}}
@media(max-width:700px){.course-content .family-value-grid{grid-template-columns:1fr;gap:13px;margin-top:22px}.family-value-grid article{padding:21px}.course-content .family-value-grid h3{font-size:22px}.course-content .value-question{font-size:11px;margin-bottom:9px}.course-content .value-practice{font-size:13px;margin-top:10px}.course-content .value-evidence{margin-top:15px;padding-top:12px}.course-content .evidence-steps{grid-template-columns:1fr;gap:0;margin-top:23px}.evidence-steps li{position:relative;padding:0 0 19px 34px}.evidence-steps li:not(:last-child){border-left:1px solid #d3dccb;margin-left:9px;padding-left:24px}.evidence-steps li:last-child{margin-left:9px;padding-left:24px}.evidence-steps li>span{position:absolute;left:-10px;top:1px;width:20px;background:var(--paper);text-align:center;font-size:10px}.course-content .evidence-steps h3{font-size:16px;margin:0 0 5px}.course-content .evidence-steps p{font-size:12px}.art-play-invite{padding:22px 20px;border-radius:13px;margin-top:18px}.course-content .art-play-invite h3{font-size:23px}.course-content .art-play-invite p{font-size:13px}.art-play-invite .button,.family-records .button{width:100%;justify-content:space-between;font-size:12px}.choice-links{grid-template-columns:1fr;gap:10px}.choice-links a{padding:16px 18px}.choice-links strong{font-size:15px}.choice-links span{font-size:11px}.course-content .course-choice+#current-projects{padding-top:26px}.course-content .family-records{padding:24px 20px;margin-block:10px 30px;gap:22px}.course-content .family-records h2{font-size:25px}.course-content .family-records p:not(.section-label){font-size:12px}.merged-course-page .film-copy h2 br{display:none}}

/* ---- course-refinements.css ---- */
/* One persistent chapter bar replaces the brand header in the reading area. */
.course-chapter-sentinel{height:0;pointer-events:none}
.course-chapter-shell{position:sticky;top:0;z-index:60;background:#f4f1e9f5;backdrop-filter:blur(14px);border-bottom:1px solid #dce0d3;margin-bottom:20px}
.course-chapter-shell .course-page-links{margin-bottom:0;border-block:0}
.course-page-links a[aria-current="location"]{background:#e0e9dd;color:#264b3d;font-weight:650}
.course-page-links a:focus-visible{outline:2px solid #447e65;outline-offset:-2px}
.merged-course-page.course-chapters-pinned>.site-header{transform:translateY(-110%);visibility:hidden;pointer-events:none}
.merged-course-page .course-content .intro-section{scroll-margin-top:calc(var(--course-chapter-height,68px) + 18px)}
.course-content .evidence-vignette{display:block;width:100%;max-width:170px;height:auto;aspect-ratio:1;object-fit:contain;margin:9px 0 14px;mix-blend-mode:multiply}
.course-choice-heading{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:28px;margin-bottom:12px}
.course-content .choice-vignette{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}
.course-content .course-choice-heading .section-intro{margin-bottom:14px}
.course-content .faq-section [data-policy-category]{font-size:17px;line-height:1.5;margin:24px 0 7px;color:#365b45}
.course-content .policy-sources{padding-left:24px;display:grid;gap:18px}
.course-content .policy-sources li{padding-left:4px}
.course-content .policy-sources li p+p{margin-top:7px}
.course-content .policy-sources .text-link{font-size:14px;line-height:1.8;min-height:0}
@media(max-width:900px){.course-choice-heading{grid-template-columns:minmax(0,1fr) 145px;gap:20px}}
@media(max-width:700px){
  .course-chapter-shell{margin-bottom:7px}
  .course-chapter-shell .course-page-links{width:calc(100% - 24px);padding-block:6px;gap:3px}
  .course-page-links a{font-size:11px;min-height:44px;white-space:nowrap}
  .course-content .evidence-steps li{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:12px;min-height:103px;padding-bottom:17px}
  .course-content .evidence-vignette{width:84px;margin:0}
  .course-choice-heading{grid-template-columns:1fr;gap:0;margin-bottom:15px}
  .course-content .choice-vignette{width:140px;justify-self:end;margin-top:-7px}
}

/* ---- explore.css ---- */
.explore-page{margin:0;background:#f4f1e9;color:#203c34;font:15px/1.6 "Segoe UI","Microsoft YaHei UI",sans-serif}.explore-page *{box-sizing:border-box}.explore-page a{color:inherit;text-decoration:none}.explore-page button{font:inherit}.explore-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 max(6vw,24px);border-bottom:1px solid #dcded3;gap:25px}.explore-brand{display:flex;align-items:center;gap:12px}.explore-brand>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #203c34;border-radius:50%;font-size:30px;font-weight:300}.explore-brand strong{font-size:21px;line-height:1.3}.explore-brand small{display:block;font-size:8px;letter-spacing:.18em;font-weight:400;margin-top:4px}.explore-header nav{display:flex;gap:32px;font-size:14px}.explore-header nav a{padding:8px 0;border-bottom:1px solid transparent}.explore-header nav a[aria-current]{border-color:#203c34}.explore-main{max-width:1380px;margin:auto;padding:70px max(6vw,24px) 90px}.explore-intro{margin-bottom:48px}.explore-intro>span{font-size:10px;letter-spacing:.2em;color:#75887d}.explore-intro h1{font:clamp(40px,5.2vw,70px)/1.25 Georgia,"Noto Serif SC","SimSun",serif;font-weight:400;letter-spacing:-.04em;margin:17px 0}.explore-intro p{color:#75887d;margin:16px 0 0;font-size:14px}.explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px}.explore-work{padding:0;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit}.explore-work-art{position:relative;display:block;overflow:hidden;background:#e5e8de;aspect-ratio:4/3}.explore-work-art img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .4s}.explore-work:hover img{transform:scale(1.025)}.explore-work-art .explore-video-mark{position:absolute;bottom:14px;right:14px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;background:#203c34c9;font-size:16px}.explore-work-title{display:block;padding-top:13px;font-size:14px;font-weight:500;line-height:1.5}.explore-work-kind{display:block;font-size:10px;color:#75887d;margin-top:4px;letter-spacing:.08em}.explore-empty{padding:55px 20px 80px;text-align:center;border-top:1px solid #dcded3}.explore-empty>span{font-size:64px;line-height:1;color:#b9c4ae}.explore-empty h2{font-size:21px;font-weight:500;margin:25px 0 8px}.explore-empty p{font-size:14px;color:#75887d;margin:0 0 24px}.explore-empty a{display:inline-flex;gap:35px;align-items:center;padding-bottom:5px;border-bottom:1px solid #203c34;font-size:14px}.explore-status{font-size:13px;color:#75887d}.explore-footer{display:flex;justify-content:space-between;gap:20px;padding:24px max(6vw,24px);border-top:1px solid #dcded3;font-size:11px;color:#75887d}.explore-page :focus-visible{outline:2px solid #da633d;outline-offset:5px}.explore-page [hidden]{display:none!important}.explore-page dialog{max-width:min(1100px,94vw);width:max-content;padding:20px;border:0;background:#f4f1e9;color:#203c34;max-height:94vh}.explore-page dialog::backdrop{background:#10271fd9;backdrop-filter:blur(6px)}.explore-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:15px}.explore-viewer-head h2{font-size:15px;font-weight:500;margin:0}.explore-viewer-head button{width:34px;height:34px;border:1px solid #ced4c9;border-radius:50%;background:none;color:inherit;font-size:24px;cursor:pointer}.explore-page dialog img,.explore-page dialog video{display:block;max-width:calc(94vw - 40px);max-height:calc(90vh - 80px);object-fit:contain;background:#e5e8de}.explore-page dialog video{min-width:min(600px,82vw)}
.guest-public-control{margin-top:22px;padding-top:18px;border-top:1px solid var(--ui-line,#dce3dc)}.guest-public-control .guest-public-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.guest-public-control h3{margin:0;font-size:15px}.guest-public-control p{margin:0 0 14px;color:var(--ui-muted,#768477);line-height:1.7;font-size:12px}.guest-public-control .field{margin:0}.guest-public-control .guest-public-actions{display:flex;align-items:flex-end;gap:12px}.guest-public-control .guest-public-actions .field{flex:1;min-width:0}.guest-public-control .form-error{font-size:12px;margin-top:10px}.guest-public-control button{flex-shrink:0}.guest-public-control .guest-public-state{color:var(--ui-primary,#217b67);font-size:12px}
@media(max-width:800px){.explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-main{padding-top:45px}.explore-header{height:76px}.explore-header nav{gap:18px}.explore-intro{margin-bottom:32px}}@media(max-width:460px){.explore-grid{grid-template-columns:1fr;gap:28px}.explore-brand small{display:none}.explore-header nav{font-size:12px;gap:14px}.explore-brand strong{font-size:18px}.explore-brand>span{width:33px;height:33px;font-size:24px}.explore-footer{font-size:10px}.guest-public-control .guest-public-actions{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){.explore-work-art img{transition:none}.explore-work:hover img{transform:none}}

/* ---- explore-gallery.css ---- */
/* Public gallery: quiet paper tones, generous framing, and honest exhibit labels. */
.gallery-editorial{--gallery-ink:#203c34;--gallery-muted:#75847b;--gallery-line:#d8dccf;--gallery-paper:#f4f1e9;--gallery-accent:#bd573d}
.gallery-editorial .explore-header{max-width:1600px;margin:auto;border-bottom-color:var(--gallery-line)}
.gallery-editorial .explore-main{max-width:1380px;padding:52px max(6vw,24px) 0}
.gallery-skip{position:fixed;left:20px;top:-80px;padding:10px 16px;background:var(--gallery-ink);color:#fff!important;z-index:20}.gallery-skip:focus{top:16px}
.gallery-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:62px;align-items:center;min-height:390px;padding:8px 0 55px;border-bottom:1px solid var(--gallery-line)}
.gallery-eyebrow{display:flex;align-items:center;gap:12px;margin:0;font-size:9px;letter-spacing:.19em;color:var(--gallery-muted);line-height:1.6;font-weight:400}
.gallery-eyebrow-line{height:1px;width:28px;background:var(--gallery-muted)}
.gallery-hero h1{margin:19px 0;font:400 clamp(47px,5.1vw,71px)/1.19 Georgia,"Noto Serif SC","Songti SC","SimSun",serif;letter-spacing:-.045em}
.gallery-hero h1>span{color:var(--gallery-accent)}
.gallery-hero-note{font-size:13px;line-height:1.9;color:var(--gallery-muted);margin:0}
.gallery-enter{display:inline-flex;align-items:center;justify-content:space-between;gap:37px;padding:11px 18px;background:var(--gallery-ink);color:#fffef8!important;font-size:12px;margin-top:25px;transition:background .18s}
.gallery-enter:hover{background:#35554a}.gallery-enter>span{font-size:18px;line-height:1}
.gallery-hero-footnote{display:flex;align-items:center;gap:12px;margin-top:27px;color:var(--gallery-muted)}.gallery-hero-footnote p{font-size:10px;line-height:1.7;margin:0}
.gallery-featured{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));height:355px;gap:12px;padding:8px 8px 20px 0;isolation:isolate}
.gallery-feature{margin:0;display:flex;flex-direction:column;min-height:0;background:#fffdf7;padding:9px 9px 7px;box-shadow:0 10px 35px #203c3412;border:1px solid #e1e2d8;transform-origin:center}
.gallery-feature-1{grid-column:1/9;grid-row:2/7;transform:rotate(-5deg);z-index:1}.gallery-feature-2{grid-column:8/13;grid-row:1/4;transform:rotate(7deg);z-index:2}.gallery-feature-3{grid-column:9/13;grid-row:4/7;transform:rotate(3deg);z-index:3}
.gallery-feature-image{display:block;width:100%;min-height:0;flex:1;background:#eeeee4;overflow:hidden;border:0;padding:0;cursor:zoom-in}.gallery-feature-image:focus-visible{outline:2px solid var(--gallery-accent);outline-offset:3px}.gallery-feature img{display:block;width:100%;height:100%;object-fit:contain}.gallery-feature figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:7px;font-size:8px;line-height:1.4;color:#61766b;white-space:nowrap}.gallery-feature figcaption>span:first-child{overflow:hidden;text-overflow:ellipsis}.gallery-feature figcaption>span:last-child{font-size:13px;color:var(--gallery-accent)}
.gallery-feature-caption{position:absolute;left:10px;bottom:-13px;font-size:8px;letter-spacing:.12em;color:var(--gallery-muted);display:flex;align-items:center;gap:10px}
.gallery-collection{padding:36px 0 0;scroll-margin-top:22px}
.gallery-collection-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:25px}.gallery-collection-head h2{font:400 clamp(25px,2.8vw,35px)/1.4 Georgia,"Noto Serif SC","Songti SC","SimSun",serif;letter-spacing:-.035em;margin:8px 0 0}.gallery-collection-note{font-size:11px;color:var(--gallery-muted);margin:0 0 4px}
.gallery-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 25px;border-top:1px solid var(--gallery-line);border-bottom:1px solid var(--gallery-line);padding:14px 0}
.gallery-filters .zm-button-icon{display:none}
.gallery-filters{display:flex;flex:1 1 240px;min-width:0;flex-wrap:wrap;align-items:center;gap:6px}.gallery-filters button{display:flex;align-items:center;gap:9px;border:0;background:none;padding:8px 13px;min-height:44px;border-radius:3px;font-size:15px;line-height:1.6;color:var(--gallery-muted);cursor:pointer;white-space:nowrap}.gallery-filters button>span{font-size:13px;opacity:.75;min-width:14px;text-align:right}.gallery-filters button[aria-pressed=true]{background:var(--gallery-ink);color:#fffdf7}.gallery-filters button:not([aria-pressed=true]):hover{background:#e9eae0;color:var(--gallery-ink)}
.gallery-search{display:flex;flex:0 1 220px;align-items:center;gap:8px;max-width:220px;min-width:170px;color:var(--gallery-muted)}.gallery-search svg{width:16px;height:16px;flex:none}.gallery-search input{font:15px/1.6 "Segoe UI","Microsoft YaHei UI",sans-serif;min-height:44px;min-width:0;width:100%;border:0;border-bottom:1px solid transparent;outline:0;background:transparent;color:var(--gallery-ink);padding:7px 0;border-radius:0}.gallery-search input::placeholder{color:#879389}.gallery-search:focus-within{color:var(--gallery-ink)}.gallery-search input:focus-visible{border-color:var(--gallery-ink);outline:0}
.gallery-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.gallery-result-meta{display:flex;justify-content:space-between;gap:20px;padding:16px 0 18px;align-items:center}.gallery-result-meta p{font-size:10px;line-height:1.6;color:var(--gallery-muted);margin:0}.gallery-result-meta p:last-child{display:flex;align-items:center;gap:6px}.gallery-origin-dot{width:4px;height:4px;border-radius:50%;background:#aebcab;display:inline-block}
.gallery-editorial .explore-grid{gap:30px 22px}.gallery-editorial .explore-work-art{aspect-ratio:4/3;background:#e9e9df}.gallery-editorial .explore-work-art img{object-fit:contain;padding:12px;transition:transform .5s ease}.gallery-editorial .explore-work:hover .explore-work-art img{transform:scale(1.045)}
.explore-work-open{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fffdf4d9;color:var(--gallery-ink);font-size:16px;opacity:0;transform:translate(-3px,3px);transition:opacity .2s,transform .2s}.explore-work:hover .explore-work-open,.explore-work:focus-visible .explore-work-open{opacity:1;transform:none}
.explore-work-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;min-height:16px}.gallery-editorial .explore-work-kind{padding:0;margin:0;font-size:8px;letter-spacing:.09em;line-height:1.5}.explore-origin{font-size:8px;line-height:1.6;padding:1px 5px;border:1px solid var(--gallery-line);color:var(--gallery-muted);white-space:nowrap}
.explore-work-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.gallery-editorial .explore-work-title{font-size:13px;font-weight:500;padding-top:5px;line-height:1.6}.explore-work-number{font-size:9px;color:#94a194;font-variant-numeric:tabular-nums}.explore-work-category{display:block;color:var(--gallery-muted);font-size:10px;margin-top:3px;line-height:1.6}
.gallery-editorial .explore-work-art .explore-video-mark{width:33px;height:33px;font-size:12px;bottom:12px;right:12px}.gallery-editorial .explore-empty{padding:45px 20px 55px;border-top:0}.gallery-editorial .explore-empty h2{font-size:18px;font-weight:400;margin:0 0 8px}.gallery-editorial .explore-empty p{font-size:12px;margin-bottom:20px}.gallery-reset{border:0;border-bottom:1px solid var(--gallery-ink);background:none;color:var(--gallery-ink);padding:5px 0;display:inline-flex;align-items:center;gap:25px;font-size:12px;cursor:pointer}
.gallery-loading{display:flex;justify-content:space-between;gap:20px;color:var(--gallery-muted);font-size:11px;padding:12px 0}.gallery-loading button{padding:0;border:0;background:none;color:var(--gallery-ink);font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.gallery-curation-note{display:flex;align-items:center;gap:16px;border-top:1px solid var(--gallery-line);padding:27px 0;margin-top:42px}.gallery-curation-note>p{font-size:10px;color:var(--gallery-muted);line-height:1.8;margin:0}.gallery-curation-note>a{margin-left:auto;font-size:11px;display:flex;align-items:center;gap:26px;white-space:nowrap}.gallery-editorial .explore-footer{padding-top:21px;padding-bottom:21px;font-size:10px}.gallery-footer-note{color:#95a18f}
.gallery-editorial #explore-viewer{width:min(1040px,94vw);max-width:1040px;padding:21px 24px;background:var(--gallery-paper);max-height:94vh;overflow:auto}.gallery-editorial .explore-viewer-head{padding-bottom:16px;align-items:flex-start}.explore-viewer-heading h2{padding-top:7px!important;font:400 23px/1.4 Georgia,"Noto Serif SC","SimSun",serif!important}.gallery-editorial .explore-viewer-head>button{display:grid;place-items:center;width:31px;height:31px;padding:0;line-height:1;flex:none}.gallery-editorial .explore-viewer-head>button svg{display:block;width:16px;height:16px}.gallery-editorial #explore-viewer-media{display:flex;align-items:center;justify-content:center;min-height:120px;background:#e9e9df}.gallery-editorial #explore-viewer-media img,.gallery-editorial #explore-viewer-media video{width:auto;max-width:100%;max-height:62vh;min-width:0;object-fit:contain;background:#e9e9df}.explore-viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:16px}.explore-viewer-bottom>p{margin:0;font-size:11px;line-height:1.8;color:var(--gallery-muted);max-width:650px}.explore-viewer-navigation{display:flex;align-items:center;gap:14px;flex:none}.explore-viewer-navigation>button{display:grid;place-items:center;border:1px solid var(--gallery-line);border-radius:50%;width:31px;height:31px;background:transparent;color:var(--gallery-ink);cursor:pointer;font-size:15px}.explore-viewer-navigation>button:disabled{opacity:.3;cursor:default}.explore-viewer-navigation>button:not(:disabled):hover{background:#e5e9dd}.explore-viewer-navigation>span{font-size:10px;color:var(--gallery-muted);font-variant-numeric:tabular-nums;min-width:38px;text-align:center}
@media(min-width:1450px){.gallery-editorial .explore-main{padding-left:75px;padding-right:75px}.gallery-hero{gap:90px}.gallery-featured{height:385px}}
@media(max-width:600px){.gallery-toolbar .gallery-search{flex:1 1 100%;max-width:none;min-width:0;border-top:1px solid var(--gallery-line);padding-top:6px}}
@media(max-width:1000px){.gallery-hero{gap:35px;grid-template-columns:1fr 1.05fr}.gallery-featured{height:320px}.gallery-hero h1{font-size:52px}.gallery-editorial .explore-main{padding-top:40px}.gallery-hero-footnote{margin-top:22px}.gallery-feature-1{grid-column:1/10}.gallery-feature-2{grid-column:8/13}.gallery-feature-3{grid-column:9/13}.gallery-feature{padding:7px 7px 5px}.gallery-feature-caption{font-size:7px}.gallery-editorial .explore-grid{gap:28px 18px}}
@media(max-width:760px){.gallery-hero{gap:28px;min-height:0;padding-bottom:40px;grid-template-columns:1fr 1fr}.gallery-hero h1{font-size:43px}.gallery-hero-note{font-size:11px}.gallery-featured{height:285px;gap:8px}.gallery-hero-footnote{display:none}.gallery-feature figcaption{font-size:7px;padding-top:5px}.gallery-hero-copy .gallery-eyebrow{font-size:8px;letter-spacing:.1em;gap:8px}.gallery-eyebrow-line{width:18px}.gallery-enter{font-size:10px;padding:10px 13px;gap:20px;margin-top:20px}.gallery-collection-head{margin-bottom:22px}.gallery-collection-head h2{font-size:27px}.gallery-collection-note{font-size:10px}.gallery-result-meta{padding:13px 0 16px}.gallery-footer-note{display:none}.gallery-editorial .explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.gallery-editorial .explore-main{padding:33px 23px 0}.gallery-hero{grid-template-columns:1fr;gap:25px;padding-bottom:34px}.gallery-hero h1{font-size:52px;line-height:1.12;margin:17px 0}.gallery-hero-note{font-size:12px}.gallery-hero-copy{position:relative}.gallery-enter{margin-top:18px;font-size:11px;gap:28px}.gallery-featured{height:285px;margin:0 15px 12px 8px;padding-bottom:19px}.gallery-feature-1{grid-column:1/9;grid-row:1/7}.gallery-feature-2{grid-column:8/13;grid-row:1/4}.gallery-feature-3{grid-column:9/13;grid-row:4/7}.gallery-feature-caption{left:0;bottom:-12px;font-size:7px}.gallery-feature figcaption{font-size:8px}.gallery-collection{padding-top:27px}.gallery-collection-head{align-items:flex-start;gap:15px}.gallery-collection-head h2{font-size:25px}.gallery-collection-note{display:none}.gallery-eyebrow{font-size:8px}.gallery-toolbar{flex-wrap:wrap;gap:13px;padding:12px 0}.gallery-filters{gap:4px}.gallery-filters button{font-size:15px;padding:8px 10px;gap:7px}.gallery-search{max-width:none;width:100%;border-top:1px solid var(--gallery-line);padding-top:5px}.gallery-search input{font-size:15px;padding:7px 0}.gallery-result-meta{gap:10px;align-items:flex-start}.gallery-result-meta p{font-size:9px}.gallery-editorial .explore-grid{gap:25px 14px}.gallery-editorial .explore-work-art img{padding:6px}.explore-work-meta{margin-top:8px;gap:5px;flex-wrap:wrap}.explore-origin{font-size:7px;padding:0 3px}.gallery-editorial .explore-work-title{font-size:11px;padding-top:4px}.gallery-editorial .explore-work-kind{font-size:7px}.explore-work-number{display:none}.explore-work-category{font-size:9px}.explore-work-open{opacity:1;width:21px;height:21px;top:7px;right:7px;font-size:13px;transform:none}.gallery-editorial .explore-work-art .explore-video-mark{width:26px;height:26px;font-size:10px;bottom:7px;right:7px}.gallery-curation-note{gap:10px;flex-wrap:wrap;margin-top:30px;padding:21px 0}.gallery-curation-note>p{font-size:9px}.gallery-curation-note>a{font-size:10px;margin:0;width:100%;justify-content:space-between}.gallery-editorial .explore-footer{font-size:9px;padding-left:23px;padding-right:23px;gap:12px}.gallery-editorial #explore-viewer{padding:17px 15px}.gallery-editorial .explore-viewer-head{gap:15px}.explore-viewer-heading h2{font-size:20px!important}.gallery-editorial #explore-viewer-media img,.gallery-editorial #explore-viewer-media video{max-height:58vh}.explore-viewer-bottom{flex-direction:column;align-items:flex-start;gap:14px}.explore-viewer-navigation{align-self:flex-end}.explore-viewer-bottom>p{font-size:10px}}
@media(max-width:350px){.gallery-editorial .explore-grid{grid-template-columns:1fr}.gallery-featured{height:240px}.gallery-hero h1{font-size:46px}.gallery-result-meta{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.gallery-editorial .explore-work-art img,.explore-work-open,.gallery-enter{transition:none}.gallery-editorial .explore-work:hover .explore-work-art img{transform:none}}

/* One image at a time: the atlas is a study desk, separate from the subjects. */
.gallery-style-lab{padding:52px 0 8px;margin-top:48px;border-top:1px solid var(--gallery-line);scroll-margin-top:28px}
.gallery-style-lab .gallery-collection-head{margin-bottom:30px}
.gallery-style-intro{margin:0 0 4px;font-size:12px;line-height:1.9;color:var(--gallery-muted)}
.gallery-style-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:48px;align-items:start}
.gallery-style-preview,.gallery-style-browser{min-width:0}
.gallery-style-open{position:relative;display:block;width:100%;aspect-ratio:1/1;padding:22px;border:1px solid var(--gallery-line);border-radius:2px;background:#e9e9df;cursor:zoom-in;color:var(--gallery-ink);overflow:hidden}
.gallery-style-open img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .4s ease}
.gallery-style-open:hover img{transform:scale(1.025)}
.gallery-style-zoom{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #cbd2c4;border-radius:50%;background:#fbfaf1e8;font-size:20px;line-height:1}
.gallery-style-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0 15px}
.gallery-style-caption .gallery-eyebrow{font-size:10px;letter-spacing:.08em}
.gallery-style-caption h3{margin:8px 0 0;font:400 27px/1.45 Georgia,"Noto Serif SC","Songti SC","SimSun",serif;letter-spacing:.01em}
.gallery-style-description{font-size:12px;line-height:1.9;color:var(--gallery-muted);margin:0;min-height:5.7em;overflow-wrap:anywhere}
.gallery-style-navigation{display:flex;align-items:center;gap:10px;flex:none}
.gallery-style-navigation button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--gallery-line);border-radius:50%;background:transparent;color:var(--gallery-ink);font-size:18px;line-height:1;cursor:pointer}
.gallery-style-navigation button:not(:disabled):hover{background:#e5e9dd;border-color:#b1bfab}
.gallery-style-navigation button:disabled{opacity:.3;cursor:default}
.gallery-style-navigation>span{min-width:49px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums;color:var(--gallery-muted);white-space:nowrap}
.gallery-style-filters{display:flex;flex-wrap:wrap;gap:4px 5px;border-block:1px solid var(--gallery-line);padding:8px 0}
.gallery-style-filters button{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 10px;border:0;border-radius:2px;background:transparent;color:var(--gallery-muted);font-size:15px;line-height:1.6;white-space:nowrap;cursor:pointer}
.gallery-style-filters button>span{font-size:13px;opacity:.75;min-width:10px;text-align:right}
.gallery-style-filters button[aria-pressed=true]{background:var(--gallery-ink);color:#fffdf7}
.gallery-style-filters button:not([aria-pressed=true]):hover{background:#e9eae0;color:var(--gallery-ink)}
.gallery-style-count{font-size:11px;line-height:1.7;color:var(--gallery-muted);margin:15px 0 17px}
.gallery-style-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gallery-style-choice{display:flex;align-items:center;gap:11px;min-width:0;min-height:46px;padding:10px 13px;border:1px solid #d7dccf;border-radius:2px;background:#f8f6ef;color:#4a6255;font-size:12px;line-height:1.7;text-align:left;cursor:pointer;transition:background .18s,border-color .18s}
.gallery-style-choice .gallery-style-number{flex:none;min-width:19px;font:400 11px/1.7 Georgia,serif;color:#a77b5f;font-variant-numeric:tabular-nums}
.gallery-style-choice>span:last-child{overflow-wrap:anywhere}
.gallery-style-choice:hover{border-color:#a2b39b;background:#eeefe4}
.gallery-style-choice[aria-pressed=true]{border-color:#6d856b;background:#e6ecdf;color:#234a38}
.gallery-style-choice[aria-pressed=true] .gallery-style-number{color:#4e7256}
.gallery-feature{transition:transform .35s ease,box-shadow .35s ease}
.gallery-feature-1{--feature-rest:rotate(-5deg)}.gallery-feature-2{--feature-rest:rotate(7deg)}.gallery-feature-3{--feature-rest:rotate(3deg)}
@media(hover:hover) and (pointer:fine){
  .gallery-featured:hover .gallery-feature-1{transform:translate(-7px,-4px) rotate(-7deg)}
  .gallery-featured:hover .gallery-feature-2{transform:translate(7px,-8px) rotate(9deg)}
  .gallery-featured:hover .gallery-feature-3{transform:translate(9px,5px) rotate(5deg)}
  .gallery-featured:hover .gallery-feature:hover{transform:translateY(-10px) rotate(0deg) scale(1.025);z-index:5;box-shadow:0 16px 38px #203c3426}
}
.gallery-featured .gallery-feature:focus-within{transform:translateY(-10px) rotate(0deg) scale(1.025);z-index:5;box-shadow:0 16px 38px #203c3426}
@media(max-width:1100px){.gallery-style-workspace{gap:30px}.gallery-style-caption{align-items:flex-start;flex-wrap:wrap}.gallery-style-caption h3{font-size:25px}.gallery-style-navigation{margin-left:auto}.gallery-style-choice{gap:8px;padding-inline:10px}}
@media(max-width:900px){.gallery-style-workspace{grid-template-columns:1fr;gap:30px}.gallery-style-open{max-width:600px;margin-inline:auto}.gallery-style-caption{align-items:center;flex-wrap:nowrap}.gallery-style-description{min-height:0}.gallery-style-filters{gap:5px 10px}.gallery-style-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.gallery-style-lab{margin-top:32px;padding-top:32px}.gallery-style-lab .gallery-collection-head{display:block;margin-bottom:23px}.gallery-style-intro{margin-top:12px;font-size:12px}.gallery-style-intro br{display:none}.gallery-style-workspace{gap:25px}.gallery-style-open{padding:13px}.gallery-style-zoom{width:30px;height:30px;right:11px;bottom:11px;font-size:18px}.gallery-style-caption{padding-top:18px;gap:12px;align-items:flex-start;flex-wrap:wrap}.gallery-style-caption h3{font-size:24px}.gallery-style-navigation{gap:7px}.gallery-style-navigation>span{min-width:43px;font-size:10px}.gallery-style-description{font-size:12px}.gallery-style-filters{gap:4px}.gallery-style-filters button{padding-inline:9px}.gallery-style-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.gallery-style-choice{min-height:48px;padding:10px;gap:8px;font-size:12px}.gallery-style-count{margin:13px 0 15px}.gallery-featured .gallery-feature:focus-within{transform:translateY(-5px) rotate(0deg) scale(1.01)}}
@media(prefers-reduced-motion:reduce){.gallery-feature,.gallery-style-open img,.gallery-style-choice{transition:none}.gallery-style-open:hover img{transform:none}.gallery-featured .gallery-feature,.gallery-featured:hover .gallery-feature,.gallery-featured:hover .gallery-feature:hover,.gallery-featured .gallery-feature:focus-within{transform:var(--feature-rest)}}

/* ---- gallery-popout.css ---- */
/* The background fills a real cropped frame. The transparent square subject
   uses the same centered cover coordinates, and can cross its upper edge. */
.gallery-feature-popout{background:transparent;border-color:transparent;box-shadow:none;padding:0 3px 7px;overflow:visible}
.gallery-feature-popout .gallery-feature-image{--feature-zoom:1.12;position:relative;background:transparent;overflow:visible;isolation:isolate;container-type:size}
.gallery-feature-popout .gallery-feature-window{position:absolute;inset:17% 0 0;display:block;background:#fffdf7;overflow:hidden;z-index:0}
.gallery-feature-popout .gallery-feature-window::after{content:"";position:absolute;inset:0;border:5px solid #fffdf7;box-shadow:inset 0 0 0 1px #dadfd1;pointer-events:none;z-index:1}
.gallery-feature-popout .gallery-feature-background,.gallery-feature-popout .gallery-feature-subject{position:absolute;display:block;object-position:center;pointer-events:none;user-select:none;-webkit-user-drag:none}
.gallery-feature-popout .gallery-feature-background{inset:0;width:100%;height:100%;object-fit:cover;transform:scale(var(--feature-zoom));transform-origin:center}
.gallery-feature-popout .gallery-feature-subject-clip{position:absolute;inset:0;display:block;overflow:hidden;pointer-events:none;z-index:2}
.gallery-feature-popout .gallery-feature-subject{--cover-side:calc(max(100cqw,83cqh) * var(--feature-zoom));width:var(--cover-side);height:var(--cover-side);left:calc((100cqw - var(--cover-side))/2);top:calc(17cqh + (83cqh - var(--cover-side))/2);object-fit:contain;z-index:2;filter:drop-shadow(0 5px 3px #203c342c)}
.gallery-feature-popout figcaption{position:relative;z-index:3;margin:0 2px;padding:9px 6px 2px;background:#f4f1e9;white-space:normal;min-height:24px}
.gallery-feature-popout figcaption>span:first-child{overflow-wrap:anywhere}
.gallery-featured .gallery-feature-popout:focus-within{outline:2px solid var(--gallery-accent);outline-offset:5px;box-shadow:none}
@media(hover:hover) and (pointer:fine){.gallery-featured:hover .gallery-feature-popout:hover{box-shadow:none}.gallery-feature-popout:hover .gallery-feature-subject{filter:drop-shadow(0 8px 5px #203c3435)}}
@media(max-width:560px){.gallery-feature-popout{padding-inline:1px}.gallery-feature-popout .gallery-feature-window::after{border-width:3px}.gallery-feature-popout .gallery-feature-subject{filter:drop-shadow(0 3px 2px #203c3428)}.gallery-feature-popout figcaption{font-size:8px;padding-inline:2px}}
@media(prefers-reduced-motion:reduce){.gallery-feature-popout .gallery-feature-subject{transition:none}}

/* ---- gallery-featured.css ---- */
/* A stable study stage, with three visibly different paper palettes. */
.gallery-featured[data-featured-gallery]{display:block;min-width:0;height:auto;margin:0;padding:0;isolation:isolate}
.gallery-featured[data-featured-gallery] .gallery-feature-tone-1{--featured-paper:#d4e2d2;--featured-line:#8fa78d;--featured-ink:#345b42}
.gallery-featured[data-featured-gallery] .gallery-feature-tone-2{--featured-paper:#d5e4ec;--featured-line:#88a7bb;--featured-ink:#365c72}
.gallery-featured[data-featured-gallery] .gallery-feature-tone-3{--featured-paper:#efd2bd;--featured-line:#bd9070;--featured-ink:#805135}
.gallery-featured[data-featured-gallery] .gallery-feature-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:400px;margin:0 auto 10px}
.gallery-featured[data-featured-gallery] .gallery-feature-tab{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:72px;padding:8px;border:1px solid var(--featured-line);border-radius:6px;background:var(--featured-paper);color:var(--featured-ink);font-size:14px;cursor:pointer;box-shadow:0 2px 0 #fff8 inset;transition:box-shadow .18s,border-color .18s}
.gallery-featured[data-featured-gallery] .gallery-feature-tab[aria-selected=true]{border:2px solid var(--featured-ink);padding:7px;box-shadow:0 0 0 3px #fffdf7,0 5px 14px #203c341c}
.gallery-featured[data-featured-gallery] .gallery-feature-tab-art{display:block;flex:none;width:42px;height:50px;overflow:hidden}
.gallery-featured[data-featured-gallery] .gallery-feature-tab-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 1px #203c3428);pointer-events:none}
.gallery-featured[data-featured-gallery] .gallery-feature-tab:focus-visible{outline:3px solid var(--featured-ink);outline-offset:4px}
.gallery-featured[data-featured-gallery] .gallery-feature-stage{position:relative;height:480px;max-width:400px;margin-inline:auto}
.gallery-featured[data-featured-gallery] .gallery-feature{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none;transform:none;transition:none}
.gallery-featured[data-featured-gallery] .gallery-feature[hidden]{display:none}
.gallery-featured[data-featured-gallery] .gallery-feature-image{--feature-zoom:1.12;position:relative;display:block;flex:1;min-height:0;width:100%;padding:0;border:0;background:transparent;overflow:visible;isolation:isolate;container-type:size;cursor:zoom-in}
.gallery-featured[data-featured-gallery] .gallery-feature-window{position:absolute;inset:17% 0 0;display:block;overflow:hidden;border-radius:5px;background:var(--featured-paper);box-shadow:0 15px 22px -13px #203c3447;z-index:0}
.gallery-featured[data-featured-gallery] .gallery-feature-window::after{position:absolute;inset:0;border:8px solid #fffdf7;border-radius:5px;box-shadow:inset 0 0 0 1px var(--featured-line);z-index:1}
.gallery-featured[data-featured-gallery] .gallery-feature-background{opacity:.2;mix-blend-mode:multiply}
.gallery-featured[data-featured-gallery] .gallery-feature-subject-clip{position:absolute;inset:0;display:block;overflow:hidden;pointer-events:none;z-index:2}
.gallery-featured[data-featured-gallery] .gallery-feature-subject{filter:drop-shadow(0 7px 4px #203c3438)}
.gallery-featured[data-featured-gallery] .gallery-feature-zoom{position:absolute;right:18px;bottom:18px;z-index:3;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--featured-line);border-radius:50%;background:#fffdf7e8;color:var(--featured-ink);font-size:22px;line-height:1;pointer-events:none}
.gallery-featured[data-featured-gallery] .gallery-feature figcaption{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px;flex:0 0 65px;min-height:65px;margin:0;padding:12px 1px 0;background:transparent;color:var(--gallery-ink);white-space:normal}
.gallery-featured[data-featured-gallery] .gallery-feature-meta{display:block;min-width:0;overflow:visible;overflow-wrap:anywhere}
.gallery-featured[data-featured-gallery] .gallery-feature-meta small{display:block;color:var(--featured-ink);font-size:10px;font-weight:400;line-height:1.5}
.gallery-featured[data-featured-gallery] .gallery-feature-meta strong{display:block;margin-top:3px;font-size:16px;font-weight:500;line-height:1.5}
.gallery-featured[data-featured-gallery] .gallery-feature-instruction{flex:none;color:var(--gallery-muted);font-size:11px;line-height:1.5}
.gallery-featured[data-featured-gallery]:hover .gallery-feature:hover,.gallery-featured[data-featured-gallery] .gallery-feature:focus-within{transform:none;box-shadow:none;outline:0}
.gallery-featured[data-featured-gallery] .gallery-feature-image:focus-visible{outline:2px solid var(--featured-ink);outline-offset:5px;border-radius:5px}
@media(hover:hover) and (pointer:fine){.gallery-featured[data-featured-gallery] .gallery-feature-tab:hover{box-shadow:0 0 0 2px #fffdf7,0 5px 15px #203c3420}}
@media(max-width:1000px) and (min-width:561px){.gallery-featured[data-featured-gallery] .gallery-feature-stage{height:430px}.gallery-featured[data-featured-gallery] .gallery-feature-tab{gap:6px;font-size:13px;padding-inline:5px}.gallery-featured[data-featured-gallery] .gallery-feature-tab[aria-selected=true]{padding-inline:4px}.gallery-featured[data-featured-gallery] .gallery-feature-tab-art{width:31px;height:43px}.gallery-featured[data-featured-gallery] .gallery-feature-tabs{gap:7px}.gallery-featured[data-featured-gallery] .gallery-feature-instruction{font-size:10px}}
@media(max-width:760px) and (min-width:561px){.gallery-featured[data-featured-gallery] .gallery-feature-stage{height:370px}.gallery-featured[data-featured-gallery] .gallery-feature-tab{flex-direction:column;gap:2px;min-height:76px;font-size:12px}.gallery-featured[data-featured-gallery] .gallery-feature-tab-art{height:35px}.gallery-featured[data-featured-gallery] .gallery-feature figcaption{gap:7px}.gallery-featured[data-featured-gallery] .gallery-feature-meta strong{font-size:14px}.gallery-featured[data-featured-gallery] .gallery-feature-instruction{display:none}}
@media(max-width:560px){.gallery-featured[data-featured-gallery]{margin:0 0 6px}.gallery-featured[data-featured-gallery] .gallery-feature-tabs{max-width:340px;gap:9px}.gallery-featured[data-featured-gallery] .gallery-feature-tab{min-height:68px;font-size:14px;gap:6px}.gallery-featured[data-featured-gallery] .gallery-feature-tab-art{width:35px;height:45px}.gallery-featured[data-featured-gallery] .gallery-feature-stage{max-width:340px;height:410px}.gallery-featured[data-featured-gallery] .gallery-feature figcaption{flex-basis:60px;min-height:60px;padding-top:10px}.gallery-featured[data-featured-gallery] .gallery-feature-meta strong{font-size:15px}.gallery-featured[data-featured-gallery] .gallery-feature-instruction{font-size:10px}.gallery-featured[data-featured-gallery] .gallery-feature-window::after{border-width:6px}.gallery-featured[data-featured-gallery] .gallery-feature-zoom{width:32px;height:32px;right:14px;bottom:14px;font-size:20px}}
@media(max-width:350px){.gallery-featured[data-featured-gallery] .gallery-feature-stage{height:370px}.gallery-featured[data-featured-gallery] .gallery-feature-tab{gap:3px;padding-inline:4px;font-size:13px}.gallery-featured[data-featured-gallery] .gallery-feature-tab[aria-selected=true]{padding-inline:3px}.gallery-featured[data-featured-gallery] .gallery-feature-tab-art{width:29px}}
@media(prefers-reduced-motion:reduce){.gallery-featured[data-featured-gallery] .gallery-feature-tab{transition:none}}

/* ---- course-gallery.css ---- */
.cg-requirements{margin:0 0 10px}.cg-requirements summary{display:flex;align-items:center;min-height:44px;gap:12px;cursor:pointer;font-size:12px;font-weight:600;line-height:1.5;color:var(--ink);list-style:none}.cg-requirements summary::-webkit-details-marker{display:none}.cg-requirements summary:after{content:"＋";margin-left:auto;color:var(--blue)}.cg-requirements[open] summary:after{content:"−"}
.cg-purpose{grid-column:1/-1;min-width:0}.cg-purpose>legend{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:700}.cg-purpose>legend>span{display:inline-grid;place-items:center;background:#e7ebe2;color:var(--blue);font-size:10px;width:22px;height:22px;border-radius:3px}.cg-purpose .cg-purpose-options{grid-template-columns:repeat(4,1fr)}
.cg-lab{scroll-margin-top:110px}.cg-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px;align-items:start}.cg-workspace[hidden]{display:none}.cg-preview-column,.cg-controls-column{min-width:0}.cg-preview-column{padding:22px;border:1px solid var(--line);border-radius:4px;background:var(--white)}.cg-preview-heading,.cg-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.cg-preview-heading h3{font-size:24px;margin-top:3px}.cg-small-label{font-size:11px;letter-spacing:.07em;color:var(--muted)}.cg-text-button{min-height:44px;padding:8px 2px;border:0;background:transparent;color:var(--blue);font:inherit;font-size:12px;font-weight:600}.cg-text-button:hover{text-decoration:underline}.cg-preview-surface{overflow:hidden;border-radius:3px;background:#e7eceb;border:1px solid var(--line)}.cg-preview-surface[data-background=warm]{background:#eee4d3}.cg-preview-surface[data-background=mint]{background:#dce5d8}.cg-preview-surface[data-background=night]{background:#213c34;color:#fff}.cg-stage{position:relative;aspect-ratio:1/1;overflow:hidden;isolation:isolate;touch-action:pan-y;background-image:linear-gradient(#213c3409 1px,transparent 1px),linear-gradient(90deg,#213c3409 1px,transparent 1px);background-size:32px 32px}.cg-object{position:absolute;left:50%;top:50%;width:75%;height:82%;transform:translate(-50%,-50%) scale(1);transform-origin:center;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;outline-offset:0!important;border-radius:3px}.cg-object.cg-dragging{cursor:grabbing}.cg-object img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none}.cg-stage-hint{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap;padding:5px 10px;border-radius:3px;background:#fbfaf4eb;color:#516158;pointer-events:none}.cg-stage-toolbar{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:0 15px;background:#fbfaf4de;color:var(--ink)}.cg-stage-toolbar>span{font-size:11px}.cg-stage-toolbar .cg-text-button{font-size:11px}.cg-position-controls{display:flex;align-items:center;gap:12px;padding-top:15px}.cg-zoom-label{display:flex;flex-direction:column;gap:0;min-width:44px;font-size:11px;color:var(--muted);line-height:1.4}.cg-zoom-label output{font-size:12px;font-weight:700;color:var(--ink)}#cg-zoom{min-width:30px;min-height:44px;width:100%;accent-color:var(--blue);cursor:pointer}.cg-backgrounds{display:flex;gap:3px;flex-shrink:0}.cg-backgrounds button{width:32px;height:44px;border:0;background:transparent;padding:0;display:grid;place-items:center;border-radius:3px}.cg-backgrounds button:before{content:"";display:block;width:22px;height:22px;border-radius:50%;border:1px solid #aeb9b0;background:#e7eceb}.cg-backgrounds [data-cg-background=warm]:before{background:#eee4d3}.cg-backgrounds [data-cg-background=mint]:before{background:#dce5d8}.cg-backgrounds [data-cg-background=night]:before{background:#213c34}.cg-backgrounds button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--blue)}.cg-preview-note{margin-top:8px;font-size:11px;color:var(--muted)}.cg-observe{margin-top:15px;border-top:1px solid var(--line);font-size:12px}.cg-observe summary{min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--ink);font-weight:600}.cg-observe summary:after{content:"＋";margin-left:auto;color:var(--blue)}.cg-observe[open] summary:after{content:"−"}.cg-observe ul{padding-left:18px;margin:2px 0 10px;color:var(--muted)}.cg-observe li+li{margin-top:6px}.cg-observe p{color:#986144;font-size:11px}.cg-observe p:empty{display:none}.cg-controls-column{display:flex;flex-direction:column;gap:22px;padding:22px;border:1px solid var(--line);border-radius:4px;background:var(--white)}.cg-controls-column legend{margin-bottom:12px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.cg-controls-column legend>span,.cg-field b{display:inline-grid;place-items:center;background:#e7ebe2;color:var(--blue);font-size:10px;line-height:1;width:22px;height:22px;border-radius:3px}.cg-purpose-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cg-purpose-options button,.cg-subject-options button,.cg-categories button,.cg-view-options button{font:inherit;min-height:44px;border:1px solid var(--line);border-radius:3px;background:var(--white);color:var(--muted);font-size:12px;padding:9px 12px;line-height:1.4}.cg-purpose-options button[aria-pressed=true],.cg-subject-options button[aria-pressed=true],.cg-view-options button[aria-pressed=true]{border-color:var(--blue);background:#e7ebe2;color:var(--blue);font-weight:700}.cg-categories{display:flex;gap:4px;flex-wrap:wrap;margin:-3px 0 10px}.cg-categories button{border:1px solid transparent;background:var(--paper);padding:8px 11px;min-height:44px;border-radius:3px;font-size:11px}.cg-categories button[aria-pressed=true]{background:var(--ink);color:var(--white)}.cg-subject-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cg-subject-options button{text-align:left;display:flex;align-items:center;gap:8px}.cg-subject-number{font-variant-numeric:tabular-nums;font-size:10px;opacity:.65}.cg-subject-options button[aria-pressed=true]:after{content:"✓";margin-left:auto}.cg-expand{margin-top:3px;min-height:44px}.cg-expand[hidden]{display:none}.cg-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cg-field{display:flex;flex-direction:column;gap:9px;font-size:12px;min-width:0}.cg-field>span{display:flex;align-items:center;gap:7px;font-weight:700;min-height:22px}.cg-field input,.cg-field select{width:100%;min-width:0;border:1px solid var(--line);border-radius:3px;background:var(--paper);color:var(--ink);font:inherit;min-height:44px;padding:10px;font-size:12px}.cg-prompt-box{padding:17px;background:var(--paper);border:1px solid var(--line);border-radius:3px}.cg-prompt-box>label{font-size:12px;font-weight:700;display:block}.cg-prompt-box textarea{display:block;box-sizing:border-box;width:100%;resize:none;overflow:hidden;min-height:14em;max-height:none;margin:10px 0 13px;padding:0;border:0;background:transparent;color:#213c34;font-family:"Kaiti SC","STKaiti","KaiTi","楷体","华文楷体","Songti SC","SimSun",serif;font-size:17px;font-weight:400;line-height:1.9;letter-spacing:.025em}.cg-prompt-actions{display:flex;gap:8px;flex-wrap:wrap}.cg-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:3px;padding:10px 13px;font:inherit;font-weight:600;font-size:12px;line-height:1.4;background:var(--white);color:var(--ink)}.cg-copy{background:var(--blue);color:white;border-color:var(--blue)}.cg-button:hover{filter:brightness(.96)}#cg-feedback{color:var(--muted);font-size:10px;margin-top:10px;min-height:1.7em}.cg-dialog{width:min(850px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:4px;padding:24px;background:var(--white);color:var(--ink);box-shadow:0 18px 70px #213c341a}.cg-dialog::backdrop{background:#182d27a6;backdrop-filter:blur(4px)}.cg-dialog-heading{margin-bottom:15px}.cg-dialog-heading h3{font-size:23px;margin-top:4px}.cg-close{width:44px;height:44px;border:1px solid var(--line);background:var(--paper);border-radius:3px;color:var(--ink);font-size:25px;line-height:1}.cg-view-options{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.cg-view-options button{font-size:12px}.cg-view-options #cg-compare{margin-left:auto;border-style:dashed;touch-action:none}.cg-dialog .cg-stage{aspect-ratio:4/3;max-height:60dvh}.cg-dialog .cg-object{height:88%;width:85%}.cg-dialog .cg-stage-hint{display:none}.cg-dialog-hint{font-size:11px;color:var(--muted);margin-top:12px}.cg-notice{padding:20px;background:var(--white);border:1px solid var(--line);border-radius:3px;color:var(--muted)}
@media(max-width:900px){.cg-workspace{gap:18px;grid-template-columns:1fr 1fr}.cg-preview-column,.cg-controls-column{padding:17px}.cg-field-pair{grid-template-columns:1fr}.cg-position-controls{flex-wrap:wrap;gap:5px 10px}.cg-position-controls #cg-zoom{width:calc(100% - 60px)}.cg-backgrounds{margin-left:auto}.cg-controls-column{gap:18px}.cg-purpose-options button{font-size:11px;padding-inline:6px}}
@media(max-width:680px){.cg-workspace{grid-template-columns:1fr}.cg-purpose .cg-purpose-options{grid-template-columns:1fr 1fr}.cg-preview-heading h3{font-size:23px}.cg-controls-column,.cg-preview-column{padding:18px}.cg-field-pair{grid-template-columns:1fr 1fr}.cg-purpose-options button,.cg-subject-options button,.cg-field input,.cg-field select,.cg-button{font-size:12px}.cg-position-controls{flex-wrap:nowrap;gap:10px}.cg-position-controls #cg-zoom{width:100%}.cg-backgrounds button{width:29px}.cg-preview-note,#cg-feedback{font-size:11px}.cg-dialog{padding:17px;border-radius:4px}.cg-dialog .cg-stage{aspect-ratio:1/1;max-height:60dvh}.cg-subject-options{grid-template-columns:1fr 1fr}.cg-lab .section-heading{margin-bottom:25px}}
@media(max-width:380px){.cg-field-pair{grid-template-columns:1fr}.cg-position-controls{flex-wrap:wrap}.cg-position-controls #cg-zoom{width:calc(100% - 60px)}}
@media(prefers-reduced-motion:reduce){.cg-lab *{scroll-behavior:auto;transition:none!important;animation:none!important}}

/* Warm paper, ink green and restrained terracotta keep the lab in the page palette. */
.cg-preview-heading h3,.cg-dialog-heading h3{font-family:"Noto Serif SC","Songti SC","SimSun",serif;font-weight:400;letter-spacing:.02em}.cg-purpose>legend>span,.cg-controls-column legend>span,.cg-field b{background:#f2e4d8;color:#a84d2b}.cg-purpose-options button:hover,.cg-subject-options button:hover,.cg-view-options button:hover{border-color:#8a9c8e;background:#f0f1e8}.cg-purpose-options button[aria-pressed=true],.cg-subject-options button[aria-pressed=true],.cg-view-options button[aria-pressed=true]{border-color:#213c34;background:#e7ebe2;color:#213c34}.cg-subject-number{color:#986144;opacity:1}.cg-preview-surface[data-background=night] .cg-stage{background-image:linear-gradient(#fbfaf40c 1px,transparent 1px),linear-gradient(90deg,#fbfaf40c 1px,transparent 1px)}.cg-lab button:focus-visible,.cg-lab a:focus-visible,.cg-lab input:focus-visible,.cg-lab select:focus-visible,.cg-lab textarea:focus-visible,.cg-lab summary:focus-visible,.cg-object:focus-visible{outline-color:#a55736}.cg-preview-column,.cg-controls-column,.cg-prompt-box{box-shadow:none}

/* The atelier keeps its tools beside the canvas and the brief in reading order. */
#creative-lab .cg-lab-heading{align-items:flex-end;gap:24px;margin-bottom:36px}
#creative-lab .cg-lab-heading .eyebrow{font-size:10px;letter-spacing:.16em;color:#8b7157;margin-bottom:16px}
#creative-lab #cg-title{font-size:clamp(30px,3.2vw,46px);line-height:1.35;letter-spacing:.035em;font-weight:400}
#creative-lab .cg-intro{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 4px}
#creative-lab .cg-workspace{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:start}
#creative-lab .cg-preview-column,#creative-lab .cg-controls-column{padding:0;border:0;background:transparent;min-width:0}
#creative-lab .cg-preview-heading{padding:0 0 16px;margin:0 0 20px;border-bottom:1px solid var(--line)}
#creative-lab .cg-small-label{font-size:9px;letter-spacing:.11em;color:#7b887e}
#creative-lab .cg-preview-heading h3{font-size:25px;margin-top:7px;line-height:1.35}
#creative-lab .cg-text-button{font-size:11px;font-weight:400;letter-spacing:.02em;color:var(--ink)}
#creative-lab .cg-composition-layout{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:stretch}
#creative-lab #cg-stage-home{min-width:0}
#creative-lab .cg-position-controls{display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;gap:10px;padding:14px 7px 12px;border:1px solid #d4d8cb;border-radius:4px;background:#f7f5ed;min-width:0}
#creative-lab .cg-zoom-label{min-width:0;gap:4px;text-align:center;font-size:10px;line-height:1.35;color:#788478}
#creative-lab .cg-zoom-label output{font-size:12px;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}
#creative-lab #cg-zoom{writing-mode:vertical-lr;direction:rtl;display:block;width:44px;height:120px;min-width:0;min-height:0;max-width:none;margin:0;accent-color:#294b40;cursor:ns-resize;touch-action:none}
#creative-lab .cg-backgrounds{display:flex;flex-direction:column;gap:0;margin:2px 0 0;padding:10px 0 0;border:0;border-top:1px solid #d4d8cb;min-width:0}
#creative-lab .cg-backgrounds legend{float:left;width:100%;margin:0 0 6px;padding:0;text-align:center;font-size:10px;line-height:1.4;color:#788478}
#creative-lab .cg-backgrounds button{width:44px;height:38px;min-height:38px;border-radius:50%;flex:none}
#creative-lab .cg-backgrounds button:before{width:20px;height:20px;transition:transform .16s ease}
#creative-lab .cg-backgrounds button:hover:before{transform:scale(1.12)}
#creative-lab .cg-backgrounds button[aria-pressed=true]{box-shadow:none;outline:1px solid #697e6e;outline-offset:-4px;background:#e9ece1}
#creative-lab .cg-preview-note{margin:4px 0 0;padding-top:10px;border-top:1px solid #d4d8cb;font-size:9px;line-height:1.65;text-align:center;color:#8b9185}
#creative-lab .cg-preview-surface{display:flex;flex-direction:column;height:auto;border-color:#d3d9d1;border-radius:3px}
#creative-lab .cg-composition-layout .cg-stage{aspect-ratio:1/1;flex:1;min-height:260px;background-size:28px 28px}
#creative-lab .cg-stage-hint{font-size:10px;bottom:16px;padding:5px 12px;border-radius:20px;background:#faf9f0db;color:#65766b}
#creative-lab .cg-stage-toolbar{min-height:52px;flex:none;padding:0 14px;background:#fbfaf4;border-top:1px solid #dce0d7}
#creative-lab .cg-stage-toolbar>span{font-size:10px;line-height:1.6;max-width:72%;color:#65766b}
#creative-lab .cg-observe{margin-top:20px;border-color:var(--line)}
#creative-lab .cg-observe summary{font-weight:400;font-family:"KaiTi","楷体","Songti SC",serif;font-size:15px;min-height:46px}
#creative-lab .cg-observe li{line-height:1.8}
#creative-lab .cg-controls-column{display:flex;flex-direction:column;gap:25px}
#creative-lab .cg-purpose{grid-column:auto}
#creative-lab .cg-controls-column fieldset{min-width:0;margin:0;padding:0;border:0}
#creative-lab .cg-controls-column legend,#creative-lab .cg-step-heading{display:flex;align-items:center;gap:10px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.6;letter-spacing:.06em;margin:0 0 12px;padding:0;color:var(--ink)}
#creative-lab .cg-controls-column legend>span,#creative-lab .cg-step-heading>span,#creative-lab .cg-step-number{display:inline-block;width:auto;height:auto;border-radius:0;background:transparent;font:400 10px/1.6 Georgia,serif;letter-spacing:.04em;color:#a16446}
#creative-lab .cg-purpose .cg-purpose-options,#creative-lab .cg-subject-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#creative-lab .cg-purpose-options button,#creative-lab .cg-subject-options button{display:flex;align-items:center;justify-content:flex-start;min-height:44px;padding:11px 15px;background:#f7f5ee;border:1px solid #cfd5c9;border-radius:3px;text-align:left;color:#68796e;font-size:12px;line-height:1.5;font-weight:400;transition:background .16s ease,border-color .16s ease}
#creative-lab .cg-purpose-options button:hover,#creative-lab .cg-subject-options button:hover{border-color:#8c9b89;background:#f1f0e5}
#creative-lab .cg-purpose-options button[aria-pressed=true]{background:#213f35;border-color:#213f35;color:#faf7ed}
#creative-lab .cg-subject-options button[aria-pressed=true]{background:#e8ecdf;border-color:#6c846f;color:#294b40;font-weight:500}
#creative-lab .cg-subject-number{display:none}
#creative-lab .cg-subject-options button[aria-pressed=true]:after{font-size:11px;font-weight:400;color:#647e69}
#creative-lab .cg-field-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
#creative-lab .cg-field{gap:7px}
#creative-lab .cg-field>span{font-size:10px;font-weight:400;min-height:16px;color:#7c887d}
#creative-lab .cg-field input,#creative-lab .cg-field select{background:#f7f5ee;border-color:#cfd5c9;min-height:44px;font-size:12px;padding:10px 12px;color:#3d594b}
#creative-lab .cg-prompt-box{padding:17px 0 0;border:0;border-top:1px solid #cfd5c9;background:transparent;border-radius:0}
#creative-lab .cg-requirements{margin:0}
#creative-lab .cg-requirements summary{gap:10px;font-size:12px;font-weight:500;letter-spacing:.06em;min-height:32px}
#creative-lab .cg-requirements summary:after{font-weight:400;color:#8c9a89}
#creative-lab .cg-prompt-box textarea{font-size:17px;line-height:1.9;letter-spacing:.035em;min-height:0;margin:14px 0 0;padding:0 0 2px;color:#365545}
#creative-lab #cg-feedback{font-size:10px;line-height:1.7;color:#899184;margin-top:16px;min-height:1.7em}
@media(max-width:1050px){#creative-lab .cg-workspace{gap:28px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}#creative-lab .cg-composition-layout{gap:12px;grid-template-columns:60px minmax(0,1fr)}}
@media(max-width:900px){#creative-lab .cg-workspace{grid-template-columns:1fr;gap:32px}#creative-lab .cg-controls-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}#creative-lab .cg-style-section,#creative-lab .cg-prompt-box{grid-column:1/-1}#creative-lab .cg-composition-layout .cg-stage{aspect-ratio:4/3}#creative-lab .cg-lab-heading{margin-bottom:28px}#creative-lab .cg-observe{margin-top:16px}}
@media(max-width:600px){#creative-lab .cg-lab-heading{display:block}#creative-lab .cg-intro{margin-top:16px;font-size:12px}#creative-lab .cg-intro br{display:none}#creative-lab .cg-controls-column{display:flex;gap:24px}#creative-lab .cg-composition-layout{grid-template-columns:54px minmax(0,1fr);gap:10px}#creative-lab .cg-position-controls{padding:12px 4px 10px;gap:8px}#creative-lab #cg-zoom{height:90px}#creative-lab .cg-preview-note{font-size:9px;padding-top:8px}#creative-lab .cg-composition-layout .cg-stage{aspect-ratio:1/1;min-height:240px}#creative-lab .cg-stage-hint{font-size:9px;padding:4px 8px}#creative-lab .cg-stage-toolbar{padding:0 10px}#creative-lab .cg-stage-toolbar>span{font-size:9px}#creative-lab .cg-preview-heading h3{font-size:23px}#creative-lab .cg-prompt-box textarea{font-size:16px}}
@media(max-width:380px){#creative-lab .cg-field-pair{grid-template-columns:1fr}#creative-lab .cg-purpose-options button,#creative-lab .cg-subject-options button{padding-inline:10px}}

/* Observation notes stay inside the frame and grow below the canvas. */
#creative-lab .cg-preview-surface>.cg-observe{flex:none;margin:0;padding:0 18px;border:0;border-top:1px solid #dce0d7;background:#f8f6ee;color:#294b40}
#creative-lab .cg-preview-surface>.cg-observe summary{min-height:46px;margin:0;padding:0;gap:12px;font-size:15px;line-height:1.5;color:#294b40}
#creative-lab .cg-preview-surface>.cg-observe summary:after{font-family:inherit;font-size:17px;color:#84917e}
#creative-lab .cg-observe-body{padding:0 0 16px;border-top:1px solid #e3e4d9}
#creative-lab .cg-observe-body ul{margin:12px 0 0;padding-left:16px;color:#647969;font-size:11px;line-height:1.85;overflow-wrap:anywhere}
#creative-lab .cg-observe-body li+li{margin-top:6px}
#creative-lab .cg-observe-body #cg-note{margin:10px 0 0;color:#986144;font-size:10px;line-height:1.8;overflow-wrap:anywhere}
@media(max-width:600px){#creative-lab .cg-preview-surface>.cg-observe{padding-inline:12px}#creative-lab .cg-preview-surface>.cg-observe summary{font-size:14px}#creative-lab .cg-observe-body{padding-bottom:13px}#creative-lab .cg-observe-body ul{font-size:11px}#creative-lab .cg-observe-body #cg-note{font-size:10px}}

/* ---- art-playground.css ---- */
/* Four local activities share the gallery's paper, ink and generous controls. */
.art-playground{--ink:#203c34;--muted:#738278;--line:#d8dccf;--blue:#315f4c;--white:#fffdf7;--paper:#f4f1e9;--orange:#bd573d;min-width:0;padding:48px 0 28px;scroll-margin-top:24px}
.art-playground p,.art-playground h3,.art-playground h4,.art-playground figure{margin:0}.art-playground button{cursor:pointer;color:var(--ink)}.art-playground button:disabled{opacity:.35;cursor:default}.art-playground fieldset{min-width:0;border:0;margin:0;padding:0}.art-playground-note{max-width:360px;font-size:12px;color:var(--muted);line-height:1.8}.art-task-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:24px 0 20px}.art-task-tabs button{border:1px solid var(--line);border-radius:10px;background:#f8f7ef;min-height:80px;padding:14px;text-align:left;font-size:10px;color:var(--muted);line-height:1.6}.art-task-tabs strong{font-size:16px;font-weight:500;color:var(--ink);margin-left:6px}.art-task-tabs span{display:block;font-size:11px;margin-top:5px}.art-task-tabs button[aria-selected=true]{background:#e1eadd;border-color:#64816a;box-shadow:inset 0 0 0 1px #64816a}.art-task-panel{padding:26px;background:#fffdf7;border:1px solid var(--line);border-radius:12px;min-width:0;scroll-margin-top:20px}.art-task-panel+.art-task-panel{margin-top:18px}.art-task-panel[hidden]{display:none!important}.art-task-kicker{font-size:11px;letter-spacing:.08em;color:var(--muted);margin-bottom:12px!important}.art-task-panel h3{font-size:23px;font-weight:500;line-height:1.5}.art-education{font-size:13px;color:#62776a;line-height:1.9;margin:10px 0 23px!important;max-width:750px}.art-word-demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;align-items:start}.parent-use-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.parent-use-tabs button{min-height:44px;padding:9px 13px;border:1px solid var(--line);border-radius:7px;background:#fffdf7;font-size:12px}.parent-use-tabs button[aria-selected=true]{background:#203c34;color:white;border-color:#203c34}.art-preset-label{font-size:11px;color:var(--muted);margin-top:12px!important}.parent-use-panel{background:#eef1e5;padding:24px;border-radius:10px;min-width:0}.parent-use-panel h4{font-size:19px;font-weight:500;margin-bottom:20px}.parent-use-panel blockquote{margin:0;line-height:1.9;color:#415f50;font-size:16px}.parent-use-output ul{padding:0 0 0 20px;margin:0;display:grid;gap:12px;font-size:15px}.art-run-button{border:0;border-bottom:1px solid #6c8971;padding:12px 0;min-height:44px;background:transparent;font-size:13px;margin-top:17px}.parent-role{margin-top:15px!important;font-size:12px;color:#62776a}.art-playground .section-wrap{width:100%;margin:0}.art-playground #creative-lab{padding:0;scroll-margin-top:24px}.art-playground #creative-lab .section-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px}.art-playground #creative-lab .eyebrow{font-size:10px;color:var(--muted);letter-spacing:.1em}.art-playground #creative-lab h2{font-size:25px;font-weight:500;margin:8px 0 0}.art-playground #creative-lab .cg-intro{font-size:12px;color:var(--muted)}.art-playground .cg-dialog{width:min(850px,calc(100% - 28px));max-width:calc(100% - 28px);padding:20px;max-height:92dvh}.art-playground .cg-dialog .cg-object img{max-width:none;max-height:none;background:transparent}.art-playground .cg-dialog-heading{display:flex;align-items:center;justify-content:space-between}.art-playground .cg-dialog-heading h3{font-size:20px}.art-playground .cg-close{width:44px;height:44px}.art-playground .cg-preview-note{line-height:1.7}.art-playground .cg-lab-heading h2{font-family:inherit}.art-playground .cg-stage-hint{max-width:95%;white-space:normal;text-align:center}.art-playground .story-sort{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}.art-playground .story-tile{min-width:0;padding:14px;border:1px solid var(--line);border-radius:9px;background:#f7f6ed;cursor:grab;touch-action:pan-y;user-select:none}.art-playground .story-tile-number{font-size:10px;color:var(--muted)}.art-playground .story-scene{aspect-ratio:3/2;margin-top:12px;overflow:hidden;border-radius:5px}.art-playground .story-scene img{width:100%;height:100%;object-fit:cover;pointer-events:none}.art-playground .story-tile-title{font-size:17px;margin-top:12px}.art-playground .story-tile-description{font-size:12px;color:var(--muted);line-height:1.8;margin-top:7px;min-height:43px}.art-playground .story-movers{display:flex;gap:9px;justify-content:flex-end;margin-top:12px}.art-playground .story-movers button,.art-playground #sort-reset{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:6px;background:#fffdf7;font-size:12px;padding:9px 10px}.art-playground #sort-reset{font-size:12px;padding-inline:13px}.art-playground .sort-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:17px}.art-playground #sort-status{font-size:13px;color:var(--muted)}.art-playground #sort-status.success{color:#2d7050}.art-playground .story-tile.pointer-moving{position:relative;z-index:5;transform:translate3d(var(--pointer-drag-x,0px),0,0) rotate(2deg);opacity:.85;cursor:grabbing}.art-playground .story-tile.drag-over{border-color:#427153;background:#e5ecda}.art-judgment-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.art-judgment-heading>span{font-size:13px;color:var(--muted);white-space:nowrap}.art-playground .parent-judgment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.art-playground .parent-judgment-card{min-width:0;background:#f0f2e8;border-radius:9px;overflow:hidden}.art-playground .parent-judgment-card>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.art-playground .quiz-item{padding:17px}.art-playground .quiz-item legend{float:left;width:100%;font-size:14px;line-height:1.8;font-weight:500;margin-bottom:12px}.art-playground .quiz-options{clear:both;display:flex;flex-direction:column;gap:7px}.art-playground .quiz-options button{min-height:44px;padding:9px;border:1px solid #d0dbca;border-radius:6px;background:#fffdf7;font-size:12px;text-align:left}.art-playground .quiz-options button[aria-pressed=true]{border-color:#b56d51;background:#f3e6da}.art-playground .quiz-options button.correct{border-color:#497c5a;background:#dfeeda}.art-playground .quiz-feedback{font-size:12px;color:#826954;line-height:1.9;margin-top:12px;min-height:45px}.art-playground .quiz-feedback.success{color:#39734d}.art-exit-note{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:20px!important}.art-exit-note a{color:#3d694f;text-decoration:underline;text-underline-offset:4px}
@media(max-width:850px){.art-word-demo{gap:23px}.art-task-panel{padding:22px}.art-playground .parent-judgment-grid{grid-template-columns:1fr}.art-playground .parent-judgment-card{display:grid;grid-template-columns:150px minmax(0,1fr)}.art-playground .parent-judgment-card>img{height:100%;aspect-ratio:auto}.art-playground .quiz-feedback{min-height:0}.art-task-tabs span{font-size:10px}.art-task-tabs button{padding:12px}}
@media(max-width:600px){.art-playground{padding-top:32px}.art-playground .gallery-collection-head{display:block}.art-playground .gallery-collection-head h2{font-size:28px}.art-playground-note{margin-top:15px!important}.art-task-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}.art-task-tabs button{min-height:72px;padding:11px 12px}.art-task-tabs strong{font-size:15px}.art-task-tabs span{font-size:11px}.art-task-panel{padding:18px 15px}.art-task-panel h3{font-size:21px}.art-word-demo{grid-template-columns:minmax(0,1fr);gap:20px}.parent-use-tabs{gap:6px;margin-top:17px}.parent-use-tabs button{flex:1 1 calc(50% - 6px);font-size:12px;padding:9px 7px}.parent-use-panel{padding:20px}.parent-use-panel blockquote{font-size:15px}.art-playground #creative-lab .section-heading{display:block}.art-playground #creative-lab .cg-intro{margin-top:10px}.art-playground #creative-lab .cg-intro br{display:none}.art-playground #creative-lab .cg-workspace{grid-template-columns:minmax(0,1fr);gap:24px}.art-playground .story-sort{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;overflow:visible}.art-playground .story-tile{width:100%;min-width:0;display:grid;grid-template-columns:80px minmax(0,1fr);gap:5px 12px;padding:12px;touch-action:pan-y}.art-playground .story-tile-number{grid-column:2}.art-playground .story-scene{grid-column:1;grid-row:1/5;aspect-ratio:3/4;margin:0;align-self:start}.art-playground .story-tile-title{grid-column:2;margin:0;font-size:16px}.art-playground .story-tile-description{grid-column:2;min-height:0;margin:0;font-size:11px}.art-playground .story-movers{grid-column:2;margin-top:5px;gap:5px}.art-playground .story-movers button{flex:1;min-width:0;font-size:11px;padding:8px 4px}.art-playground .sort-actions{align-items:flex-start}.art-playground #sort-status{font-size:12px;padding-top:9px}.art-playground #sort-reset{font-size:11px;flex-shrink:0;padding-inline:10px}.art-playground .parent-judgment-card{grid-template-columns:minmax(0,1fr)}.art-playground .parent-judgment-card>img{height:auto;max-height:160px}.art-judgment-heading{align-items:flex-start;gap:10px}.art-judgment-heading>span{padding-top:5px}.art-exit-note{line-height:1.8}.art-playground .cg-dialog .cg-object img{max-width:none;max-height:none}}
@media(prefers-reduced-motion:reduce){.art-playground *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.art-playground[data-art-mounted="true"] .art-task-panel{margin-top:0}

/* ---- button-icons.css ---- */
/* Decorative inline content only: preserve every host button's layout and theme. */
svg.zm-button-icon{display:inline-block;width:15px;height:15px;min-width:15px;flex:0 0 15px;margin-inline-end:6px;vertical-align:-.16em;color:inherit;stroke:currentColor;fill:none;pointer-events:none;overflow:visible}
span.zm-button-label{display:inline;font:inherit;color:inherit;letter-spacing:inherit;pointer-events:none;white-space:inherit}
svg.zm-button-icon.zm-button-icon-only{margin-inline-end:0}

/* ---- browse-unified.css ---- */
/* Two persistent pages share one toolbar; only their position changes. */
html:has(body.unified-browse){height:100%;overflow:hidden;scroll-padding-top:0;scroll-behavior:auto}
body.unified-browse{display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;min-height:0;margin:0;overflow:hidden;background:#f4f1e9;color:#203c34}
.unified-browse .browse-header{position:relative;z-index:100;display:flex;align-items:center;justify-content:center;gap:20px;flex:0 0 auto;min-width:0;min-height:72px;width:100%;padding:10px clamp(18px,4vw,64px);border-bottom:1px solid #d5dacd;background:#f4f1e9f5;backdrop-filter:blur(14px)}
.unified-browse .browse-brand{display:flex;flex-direction:column;justify-content:center;flex:none;min-height:44px;margin-right:auto;color:#203c34;line-height:1.2;white-space:nowrap}
.unified-browse .browse-brand strong{font-size:21px;font-weight:650;letter-spacing:-.04em}
.unified-browse .browse-brand small{font-size:9px;letter-spacing:.14em;margin-top:4px;color:#738278}
.unified-browse .browse-tabs{display:flex;align-items:center;gap:3px;flex:none;grid-column:auto;grid-row:auto;justify-self:auto;margin:0;padding:3px;border:1px solid #d6dccf;border-radius:999px;background:#e9ece2}
.unified-browse .browse-tabs a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;border:0;border-radius:999px;font:500 14px/1.5 "Microsoft YaHei UI",sans-serif;letter-spacing:0;color:#64796b;white-space:nowrap;transition:background .18s,color .18s}
.unified-browse .browse-tabs a[aria-selected=true]{background:#fffef8;color:#203c34;box-shadow:0 2px 8px #203c3412}
.unified-browse .browse-tabs a:focus-visible,.unified-browse .browse-parent-link:focus-visible{outline:2px solid #5d8068;outline-offset:3px}
.unified-browse .browse-parent-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-height:44px;margin-left:auto;padding:8px 12px;border:1px solid #d5dccd;border-radius:999px;color:#4b6555;font-size:12px;white-space:nowrap}
.unified-browse .browse-parent-link:hover{background:#e8ede1}
.unified-browse .browse-chapters{min-width:0;flex:1 1 auto;max-width:580px;margin:0}
.unified-browse .browse-chapters[hidden],.unified-browse [data-browse-brand][hidden]{display:none!important}
.unified-browse .browse-chapter-links{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0}
.unified-browse .browse-chapter-links a{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:0;padding:8px 12px;border-radius:7px;color:#6c7e71;font-size:12px;white-space:nowrap}
.unified-browse .browse-chapter-links a:hover,.unified-browse .browse-chapter-links a[aria-current=location]{background:#e1e9dc;color:#284b38}
.unified-browse .browse-chapter-mobile{display:none}
.unified-browse .browse-viewport{position:relative;isolation:isolate;flex:1 1 auto;min-height:0;width:100%;overflow:hidden;overflow:clip}
.unified-browse .browse-pane{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;margin:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;scroll-padding-top:16px;scroll-behavior:smooth;transition:transform .36s cubic-bezier(.22,.68,0,1);will-change:transform;outline-offset:-3px}
.unified-browse [data-browse-pane=welcome]{transform:translateX(0)}
.unified-browse [data-browse-pane=gallery]{transform:translateX(100%);pointer-events:none}
.unified-browse[data-browse-view=gallery] [data-browse-pane=welcome]{transform:translateX(-100%);pointer-events:none}
.unified-browse[data-browse-view=gallery] [data-browse-pane=gallery]{transform:translateX(0);pointer-events:auto}
.unified-browse [data-course-chapter-source]{display:none!important}
.unified-browse .course-chapter-sentinel{height:0;min-height:0;margin:0;padding:0}
.unified-browse .browse-pane-top{display:block;width:0;height:0;pointer-events:none}
.unified-browse [data-browse-pane] section[id],.unified-browse [data-browse-pane] main[id],.unified-browse [data-browse-pane] .intro-section{scroll-margin-top:18px}
.unified-browse #browse-course .reveal{opacity:1;transform:none;transition:none}
.unified-browse #browse-gallery{font:15px/1.6 "Segoe UI","Microsoft YaHei UI",sans-serif}
.unified-browse .browse-skip{position:fixed;top:10px;left:16px;z-index:110;padding:10px 16px;background:#203c34;color:#fffdf7;transform:translateY(-180%)}
.unified-browse .browse-skip:focus{transform:translateY(0)}
.unified-browse[data-browse-view=welcome] .browse-skip-gallery,.unified-browse[data-browse-view=gallery] .browse-skip-course{display:none}
.unified-browse .browse-pane>.explore-footer{margin-top:0}
@media(max-width:1050px){.unified-browse .browse-header{gap:12px;padding-inline:22px}.unified-browse .browse-tabs a{padding-inline:18px}.unified-browse .browse-chapter-links a{padding-inline:8px;font-size:11px}}
@media(max-width:820px){.unified-browse .browse-chapter-links{display:none}.unified-browse .browse-chapters{flex:0 1 132px;max-width:132px}.unified-browse .browse-chapter-mobile{display:block;min-width:0}.unified-browse .browse-chapter-mobile select{width:100%;min-width:0;min-height:44px;padding:8px 23px 8px 9px;border:1px solid #cdd8c7;border-radius:7px;background:#fffdf7;color:#4a6652;font:12px/1.4 "Microsoft YaHei UI",sans-serif}.unified-browse .browse-parent-link{font-size:11px;padding-inline:10px}}
@media(max-width:560px){.unified-browse .browse-header{gap:8px;min-height:64px;padding:7px 12px}.unified-browse .browse-brand strong{font-size:17px}.unified-browse .browse-brand small{display:none}.unified-browse .browse-tabs a{padding:9px 12px;font-size:12px}.unified-browse .browse-tabs{gap:2px;padding:2px}.unified-browse .browse-parent-link{gap:3px;padding-inline:8px;font-size:10px}.unified-browse .browse-parent-link>span{display:none}.unified-browse .browse-chapters{flex:1 1 90px;max-width:114px}.unified-browse .browse-chapter-mobile select{font-size:11px;padding-inline:7px 18px}.unified-browse .browse-pane{scroll-padding-top:14px}.unified-browse [data-browse-pane] section[id],.unified-browse [data-browse-pane] main[id],.unified-browse [data-browse-pane] .intro-section{scroll-margin-top:14px}}
@media(max-width:350px){.unified-browse .browse-header{gap:5px;padding-inline:8px}.unified-browse .browse-brand strong{font-size:15px}.unified-browse .browse-tabs a{font-size:11px;padding-inline:10px}.unified-browse .browse-parent-link{padding-inline:6px}.unified-browse .browse-chapters{max-width:95px}}
@media(prefers-reduced-motion:reduce){.unified-browse .browse-pane{transition:none;scroll-behavior:auto}.unified-browse .browse-tabs a{transition:none}}

/* ---- public-accessibility.css ---- */
/* Public-site accessibility pass: contrast and small-label readability.
   Loaded last on the unified course/gallery page so it can correct the
   layered editorial/course styles without rewriting the whole design. */
:root{
  --muted:#5b6862;
  --orange:#b84724;
}

/* Small teal/grey labels that were below WCAG AA on white/paper. */
.course-content .eyebrow,
.course-content .section-label,
.course-content .section-label,
.course-chapter-shell .section-label,
.gallery-section-label{
  color:#2f7468;
}
.course-content .section-intro,
.course-content .project-evidence,
.course-content .project figcaption,
.course-content .process-number,
.course-content .project-steps li{
  color:#536767;
}

/* Keep captions readable; do not let 9–10px labels carry meaning alone. */
.course-content .project figcaption{font-size:11.5px}
.course-content .project-steps li{font-size:11.5px}
.course-content .project-evidence{font-size:12.5px}
.video-caption,.video-hint,.film-format,.film-intro{font-size:12px}
.parent-panel-caption{font-size:11px!important}

/* Dark green band keeps its light text; this only strengthens muted text
   that sits on the paper background. */
.course-content .eyebrow,
.course-content .section-label{
  font-weight:700;
}