/* Chapter-based editorial layout, built on the existing brand tokens. */
:root{--gold-light:#e0c48a}h1,h2,h3{word-break:normal;overflow-wrap:anywhere}.hero-editorial{min-height:620px;height:min(760px,calc(100svh - 96px));max-height:none}.hero-editorial h1{font-size:clamp(42px,4.7vw,65px);line-height:1.45}.hero-editorial h1>span{display:block}.hero-editorial .gold-word{color:var(--gold-light)}.hero-editorial .wrap{padding:65px 0 95px}.hero-editorial .lead{font-size:18px}.hero-editorial .eyebrow,.hero-editorial h1,.hero-editorial .lead,.hero-editorial .actions{animation:opening .7s both}.hero-editorial h1{animation-delay:.08s}.hero-editorial .lead{animation-delay:.16s}.hero-editorial .actions{animation-delay:.24s}@keyframes opening{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero-invitation{display:flex;align-items:center;gap:15px;font-size:14px;color:#d4e2eb;margin-top:40px}.invitation-line{height:1px;width:40px;background:var(--gold-light)}.scenario-layout{display:grid;grid-template-columns:.8fr 1.8fr;gap:40px}.scenario-choices{display:flex;flex-direction:column;gap:12px}.scenario-choices button{position:relative;text-align:left;padding:26px 54px 26px 26px;flex:1;background:white;border:1px solid var(--line);color:var(--navy);font-size:21px;line-height:1.7;cursor:pointer;transition:background .25s,border-color .25s}.scenario-choices button>span{display:block;font-size:13px;color:var(--muted);margin-bottom:10px}.scenario-choices b{position:absolute;right:22px;top:50%;font-size:20px;font-weight:400}.scenario-choices [aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.scenario-choices [aria-pressed=true]>span{color:#dac38b}.scenario-card{border:1px solid var(--line);background:var(--paper);display:grid;grid-template-columns:1fr 1fr;min-height:540px}.scenario-image{position:relative;overflow:hidden}.scenario-image img{width:100%;height:100%;object-fit:cover;object-position:60%}.scenario-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#06285299)}.scenario-image>span{position:absolute;bottom:26px;left:20px;right:20px;z-index:1;color:white;font-family:'Noto Serif TC',serif;font-size:20px}.scenario-copy{padding:36px 28px;align-self:center}.scenario-copy .eyebrow{font-size:12px;letter-spacing:.09em}.scenario-copy h3{font-size:27px;font-family:'Noto Serif TC',serif}.scenario-copy p,.scenario-copy li{font-size:15px;color:var(--muted)}.scenario-copy ul{padding-left:20px;margin:20px 0 28px}.scenario-copy .text-link{font-size:14px}.discovery{background:var(--navy);color:white}.discovery-grid{display:grid;grid-template-columns:.9fr 1.3fr;gap:80px;align-items:center}.discovery .eyebrow{color:var(--gold-light)}.discovery h2{font-size:clamp(32px,3.1vw,44px)}.discovery p{color:#c5d5e2}.quiz-assurance{font-size:14px;color:#a9bdcf;border-top:1px solid #ffffff30;padding-top:24px;margin-top:45px;max-width:320px}.quiz-shell{background:white;color:var(--ink);padding:40px;border-radius:6px;min-height:580px;box-shadow:0 20px 70px #00132940;scroll-margin-top:110px}.quiz-shell p{color:var(--muted)}.quiz-progress{display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.progress-track{height:3px;background:#e4eae9;margin:14px 0 28px}.progress-track span{display:block;background:var(--teal);height:3px;transition:width .25s}.quiz-shell h3{font-family:'Noto Serif TC',serif;font-size:26px;line-height:1.7;margin-bottom:24px;scroll-margin-top:120px}.quiz-options{display:flex;flex-direction:column;gap:12px}.quiz-options button{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;border:1px solid var(--line);background:white;border-radius:4px;padding:17px 20px;color:var(--navy);cursor:pointer;transition:background .2s,border-color .2s}.quiz-options strong{font-size:17px;font-weight:500;display:block}.quiz-options small{display:block;font-size:14px;color:var(--muted);margin-top:4px}.quiz-options i{font-style:normal;color:var(--teal)}.quiz-options [aria-pressed=true]{border-color:var(--teal);background:#edf6f2;box-shadow:inset 3px 0 var(--teal)}.quiz-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:26px}.quiz-next{margin-left:auto;cursor:pointer}.quiz-next:disabled{opacity:.4;cursor:not-allowed;transform:none}.quiz-back,.quiz-reset{background:none;border:0;color:var(--teal);font-size:14px;cursor:pointer;text-decoration:underline;text-underline-offset:5px;padding:10px}.result-highlight{background:var(--paper);padding:20px;border-left:2px solid var(--gold);margin:22px 0}.result-highlight p{font-size:15px;margin:8px 0 0}.quiz-result .eyebrow{color:var(--teal)}.quiz-result ol{padding-left:22px;color:var(--muted);font-size:15px}.quiz-note{font-size:12px;margin-top:24px!important}.also-topic{font-size:14px;margin:20px 0 0}.also-topic a{color:var(--teal);text-decoration:underline}.journey-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:start}.journey-visual{position:sticky;top:130px;height:500px;overflow:hidden}.journey-visual img{width:100%;height:100%;object-fit:cover;object-position:60%}.journey-caption{position:absolute;bottom:0;left:0;right:0;padding:90px 30px 30px;color:white;background:linear-gradient(transparent,#062852dd)}.journey-caption span{font-size:13px;letter-spacing:.15em;display:block;color:var(--gold-light)}.journey-caption strong{font-family:'Noto Serif TC',serif;font-size:32px;font-weight:500}.journey-chapters article{min-height:380px;display:flex;flex-direction:column;justify-content:center;align-items:start;border-bottom:1px solid var(--line);padding:40px 0}.journey-chapters h3{font-family:'Noto Serif TC',serif;font-size:30px}.journey-chapters p{color:var(--muted)}.journey-chapters .active .num{color:var(--teal)}.learn-banner{background:var(--paper);text-align:center}.learn-banner .eyebrow{justify-content:center}.learn-banner p{color:var(--muted)}.course-cover{width:calc(100% + 60px);max-width:none;height:210px;object-fit:cover;margin:-30px -30px 25px;object-position:60%}.lesson-detail{width:100%;padding-bottom:0;border-top:1px solid var(--line);border-bottom:0;margin-top:auto}.lesson-detail summary{color:var(--teal);font-size:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;min-height:44px}.lesson-detail summary::-webkit-details-marker{display:none}.lesson-detail[open] summary span{transform:rotate(45deg)}.lesson-body{padding-top:28px}.lesson-body h4{font-size:19px;font-weight:500;margin:0 0 12px}.lesson-body p,.lesson-body li{font-size:16px;color:var(--muted)}.lesson-body ol{padding-left:22px}.lesson-body li{margin-bottom:12px}.lesson-body .lesson-note{font-size:13px}.lesson-contact{border-top:1px solid var(--line);padding-top:20px;margin-top:28px}.lesson-contact .button{font-size:14px;gap:12px;padding:12px 16px}.topic:has(.lesson-detail){display:flex;flex-direction:column}.topic:has(.lesson-detail[open]):hover{transform:none}.grid.filtered{grid-template-columns:minmax(0,820px);justify-content:center}.grid.filtered .course-cover{height:290px}.grid.filtered .lesson-body{max-width:670px;margin:auto}.course-filters{position:relative}.motion-toggle{font-size:12px;min-height:38px}.footer{padding-bottom:30px}
@media(min-width:721px){.page-head h1{max-width:800px}.page-head{padding:60px 0 48px}}
@media(max-width:1000px){.scenario-layout{grid-template-columns:1fr;gap:20px}.scenario-choices{flex-direction:row}.scenario-choices button{font-size:18px;padding:22px 38px 22px 20px}.scenario-card{min-height:430px}.discovery-grid{gap:35px}.quiz-shell{padding:28px}.journey-grid{gap:40px}.journey-visual{height:440px}}
@media(max-width:720px){body{padding-bottom:76px}.mobile-line{position:fixed;left:0;right:0;bottom:0;border-radius:0;text-align:center;padding:15px 20px calc(15px + env(safe-area-inset-bottom));font-size:15px;min-height:58px;box-shadow:0 -2px 12px #06285215;border:0}.footer{padding-bottom:28px}.hero-editorial{height:auto;min-height:590px}.hero-editorial .wrap{padding:48px 0 100px}.hero-editorial h1{font-size:clamp(27px,7.9vw,43px);letter-spacing:.01em;line-height:1.55}.hero-editorial h1>span{white-space:nowrap}.hero-editorial .lead{font-size:16px;line-height:1.9;max-width:320px}.hero-editorial .actions{gap:16px}.hero-editorial .button{font-size:14px;padding:12px 17px;gap:15px}.hero-editorial .text-link{font-size:14px}.hero-editorial .hero-photo{object-position:76% center}.hero-editorial:after{background:linear-gradient(90deg,#03203ade,#03203a73)}.hero-invitation{font-size:12px;margin-top:30px;gap:10px}.motion-toggle{bottom:18px;right:6%;font-size:12px;padding:6px 10px}.scenario-choices{flex-direction:column;gap:8px}.scenario-choices button{padding:18px 42px 18px 20px;font-size:18px;line-height:1.6}.scenario-choices button br{display:none}.scenario-choices button>span{margin-bottom:6px;font-size:12px}.scenario-card{display:flex;flex-direction:column;min-height:0}.scenario-image{height:235px}.scenario-image img{object-position:center 45%}.scenario-copy{padding:28px 24px;align-self:stretch;min-height:370px}.scenario-copy h3{font-size:25px}.scenario-copy p,.scenario-copy li{font-size:16px}.scenario-copy .text-link{font-size:15px}.discovery-grid{grid-template-columns:1fr;gap:30px}.quiz-assurance{margin-top:24px;max-width:none}.quiz-shell{padding:26px 20px;min-height:580px}.quiz-shell h3{font-size:23px}.quiz-options button{padding:14px}.quiz-options strong{font-size:16px}.quiz-options small{font-size:14px}.quiz-bottom{margin-top:22px}.quiz-next{padding:12px 18px}.quiz-result .actions{gap:10px}.journey-grid{grid-template-columns:1fr;gap:20px}.journey-visual{position:relative;top:auto;height:300px}.journey-chapters article{min-height:0;padding:35px 0}.journey-chapters h3{font-size:25px}.journey-chapters p{font-size:16px}.journey-caption strong{font-size:28px}.page-head{padding:38px 0 32px}.page-head h1{font-size:clamp(27px,7.9vw,34px);line-height:1.6;letter-spacing:0}.page-head p{font-size:16px}.section-heading{margin-bottom:28px}.course-cover{height:200px}.grid.filtered .course-cover{height:220px}.topic{overflow:hidden}.lesson-body h4{font-size:20px}.lesson-contact .button{font-size:14px}.section{padding:56px 0}.section-heading h2{font-size:29px}.scenario-copy .eyebrow{font-size:12px}main{overflow-x:clip}}
@media(prefers-reduced-motion:reduce){.hero-editorial .eyebrow,.hero-editorial h1,.hero-editorial .lead,.hero-editorial .actions{animation:none}.scenario-choices button,.quiz-options button,.progress-track span{transition:none}}