@layer components{.topic-page{overflow:clip}.topic-navigation{justify-content:space-between;align-items:center;gap:25px;padding-top:26px;display:flex}.topic-return{gap:14px;min-height:44px;font-size:12px}.topic-switcher{align-items:center;gap:27px;display:flex}.topic-switcher a{min-height:44px;color:var(--muted);border-bottom:1px solid #0000;align-items:center;gap:8px;font-size:12px;text-decoration:none;display:inline-flex}.topic-switcher a span{font:400 9px var(--mono);color:var(--muted)}.topic-switcher a[aria-current],.topic-switcher a:hover{color:var(--accent);border-color:var(--accent)}.topic-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:30px;min-height:615px;padding-block:45px 65px;display:grid}.topic-hero-copy{z-index:1;position:relative}.topic-hero .eyebrow{font-size:10px}.topic-title{letter-spacing:-.065em;margin:26px 0;font-size:clamp(51px,5.5vw,80px);font-weight:460;line-height:1.065}.topic-title>span{display:block}.topic-title>span:last-child{color:var(--accent)}.topic-introduction{color:var(--muted);max-width:43ch;font-size:17px;line-height:1.85}.topic-story-link{gap:20px;min-height:44px;margin-top:20px;font-size:13px}.topic-art{width:100%;position:relative}.topic-art>div{aspect-ratio:1;width:100%}.topic-art svg{width:100%;height:100%}.topic-art figcaption{text-align:center;font:400 10px/1.7 var(--mono);letter-spacing:.03em;color:var(--muted);margin-top:4px}.topic-perspective{background:var(--surface);padding-block:80px}.topic-story-grid{grid-template-columns:.8fr 1.2fr;gap:clamp(45px,7vw,110px);display:grid}.topic-story-heading h2{letter-spacing:-.05em;max-width:13ch;margin-top:22px;font-size:clamp(31px,3.5vw,45px);font-weight:450;line-height:1.16}.topic-prose{max-width:63ch;color:var(--muted);font-size:17px;line-height:1.95}.topic-prose>*+*{margin-top:20px}.topic-prose strong{color:var(--ink);font-weight:550}.topic-prose a{color:var(--accent)}.topic-experience{padding-top:85px}.experience-story{border-top:1px solid var(--line);padding-block:38px}.experience-heading h3{letter-spacing:-.04em;max-width:16ch;margin-top:18px;font-size:clamp(28px,3vw,36px);font-weight:450;line-height:1.2}.experience-background{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:baseline;padding-block:25px}.experience-background>p:last-child{color:var(--muted);font-size:13px;line-height:1.85}.topic-journey{margin-top:65px}.topic-timeline{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:25px;padding:0;list-style:none;display:grid}.topic-timeline li{border-top:1px solid var(--input-line);padding:30px 35px 0 0;position:relative}.topic-timeline li:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 5px var(--surface);border-radius:50%;position:absolute;top:-4px;left:0}.journey-label{font:400 10px/1.7 var(--mono);color:var(--muted);letter-spacing:.07em;text-transform:uppercase}.topic-timeline h3{letter-spacing:-.03em;margin-block:13px 10px;font-size:21px;font-weight:500;line-height:1.3}.topic-timeline p{color:var(--muted);max-width:30ch;font-size:14px;line-height:1.85}.topic-statement{isolation:isolate;background:var(--bg);border-left:3px solid var(--azure-1);margin-top:60px;padding:45px 50px;position:relative;overflow:hidden}.statement-text{font-family:var(--serif);letter-spacing:-.035em;text-wrap:balance;max-width:22ch;margin-block:23px 21px;font-size:clamp(36px,4.4vw,61px);font-weight:400;line-height:1.15}.statement-caption{color:var(--muted);font-size:13px}.statement-orbits{z-index:-1;border:1px solid var(--line);border-radius:50%;width:450px;height:450px;position:absolute;bottom:-240px;right:-150px}.statement-orbits:before,.statement-orbits:after{content:"";border:1px solid var(--line);border-radius:50%;position:absolute;inset:35px}.statement-orbits:after{inset:70px}.topic-resources{padding-block:85px}.topic-music{padding-top:85px}.topic-music .topic-section-heading>p{max-width:35ch}.music-all-link{min-height:44px;margin-top:22px;font-size:13px}.score-heading{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.score-status{border:1px solid var(--line);color:var(--muted);border-radius:3px;padding:4px 9px;font-size:10px;font-weight:500;line-height:1.5;display:inline-block}.topic-section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px;display:flex}.topic-section-heading h2{letter-spacing:-.045em;margin-top:18px;font-size:clamp(33px,3.4vw,44px);font-weight:450}.topic-section-heading>p{color:var(--muted);max-width:28ch;font-size:13px}.topic-resource{border-top:1px solid var(--line);grid-template-columns:minmax(150px,.65fr) minmax(0,2fr) 44px;align-items:start;gap:35px;padding-block:32px;text-decoration:none;display:grid}.topic-resource:last-child{border-bottom:1px solid var(--line)}.resource-kind{gap:10px;padding-top:5px;display:grid}.resource-kind>span:last-child{font:400 10px/1.7 var(--mono);color:var(--muted)}.resource-copy h3{letter-spacing:-.035em;font-size:24px;font-weight:500;line-height:1.35}.resource-copy h3:lang(zh-Hant){letter-spacing:0;font-size:21px}.resource-copy p{color:var(--muted);max-width:65ch;margin-top:12px;font-size:14px;line-height:1.85}.resource-arrow{color:var(--accent);justify-self:end;padding:6px}.resource-arrow svg{transition:transform .3s var(--ease)}.topic-resource:hover h3{color:var(--accent);text-underline-offset:5px;text-decoration:underline 1px}.topic-resource:hover svg{transform:translate(3px,-3px)}.topic-continue{background:var(--surface);padding-block:70px 55px}.chapter-destinations{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;display:grid}.chapter-destination{border-top:1px solid var(--input-line);border-bottom:1px solid var(--input-line);justify-content:space-between;align-items:center;gap:20px;padding:28px 0;text-decoration:none;display:flex}.chapter-destination h3{letter-spacing:-.035em;max-width:21ch;margin-top:13px;font-size:27px;font-weight:450;line-height:1.2}.chapter-destination>svg{color:var(--accent);transition:transform .3s var(--ease);flex-shrink:0}.chapter-destination:hover h3{color:var(--accent)}.chapter-destination:hover svg{transform:translate(3px,-3px)}.topic-invitation{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding-top:35px;display:flex}.topic-invitation p{color:var(--muted);font-size:14px}.topic-page+.site-footer .footer-top{border-top:0}}@media (width<=1050px){.topic-hero{grid-template-columns:1.2fr 1fr;gap:18px;min-height:540px}.topic-title{font-size:clamp(45px,5.5vw,61px)}.topic-introduction{font-size:16px}.topic-story-grid{grid-template-columns:.85fr 1.2fr;gap:40px}.topic-resource{grid-template-columns:minmax(135px,.6fr) minmax(0,2fr) 30px;gap:25px}}@media (width<=720px){.topic-navigation{flex-direction:column;align-items:stretch;gap:12px;padding-top:18px}.topic-return{align-self:start;font-size:11px}.topic-switcher{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px}.topic-switcher a{gap:6px;font-size:12px}.topic-switcher a span{font-size:9px}.topic-hero{grid-template-columns:1fr;gap:10px;min-height:auto;padding-block:40px 35px}.topic-hero .eyebrow{letter-spacing:.1em;font-size:9px}.topic-title{margin-block:23px;font-size:clamp(40px,9vw,64px)}.topic-introduction{font-size:16px}.topic-story-link{margin-top:15px;font-size:12px}.topic-art{max-width:380px;margin-inline:auto}.topic-art figcaption{margin-top:-5px;font-size:9px}.topic-perspective{padding-block:50px}.topic-story-grid{grid-template-columns:1fr;gap:27px}.topic-story-heading h2{max-width:17ch;margin-top:17px;font-size:36px}.topic-prose{font-size:16px;line-height:1.85}.topic-experience{padding-top:55px}.experience-story{gap:22px;padding-block:28px}.experience-heading h3{max-width:18ch;margin-top:14px;font-size:30px}.experience-background{gap:12px;padding-block:22px}.topic-journey{margin-top:45px}.topic-timeline{grid-template-columns:1fr;margin-top:30px}.topic-timeline li{border-top:0;border-left:1px solid var(--input-line);padding:0 0 28px 27px}.topic-timeline li:before{top:5px;left:-4px}.topic-timeline li:last-child{border-left-color:#0000;padding-bottom:0}.topic-timeline h3{margin-block:8px}.topic-timeline p{max-width:36ch}.topic-statement{margin-top:38px;padding:28px 25px}.statement-text{margin-block:20px;font-size:37px}.statement-caption{font-size:12px}.topic-resources{padding-block:55px}.topic-music{padding-top:55px}.music-all-link{margin-top:17px;font-size:12px}.topic-section-heading{flex-direction:column;align-items:start;gap:17px;margin-bottom:27px}.topic-section-heading h2{margin-top:16px;font-size:34px}.topic-section-heading>p{max-width:34ch}.topic-resource{grid-template-columns:minmax(0,1fr) 26px;gap:13px;padding-block:24px}.resource-kind{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px;padding:0;display:flex}.resource-kind .eyebrow{font-size:9px}.resource-copy h3{font-size:23px}.resource-copy p{font-size:13px}.resource-arrow{grid-area:2/2;padding:3px 0}.topic-continue{padding-block:50px 35px}.chapter-destinations{grid-template-columns:1fr;gap:0}.chapter-destination{padding-block:23px}.chapter-destination+.chapter-destination{border-top:0}.chapter-destination h3{font-size:26px}.topic-invitation{flex-direction:column;align-items:start;gap:7px;padding-top:27px}.topic-invitation p,.topic-invitation .text-link{font-size:13px}}