.inner-page{--tone:#59677e;--tone-light:#dde2eb;--tone-soft:#eef1f6;--deep:var(--tone);--muted:#47525b;--lime:#f0f3d1;--line:rgba(42,52,62,.18);background:var(--tone-light)}
.tone-taupe{--tone:#81745f;--tone-light:#e2dacd;--tone-soft:#f3efe8;--tone-gradient:linear-gradient(125deg,#766954 0%,#81745f 48%,#95866e 100%);--hero-ink:#fff}
.tone-violet{--tone:#756982;--tone-light:#ded8e5;--tone-soft:#f1edf5;--tone-gradient:linear-gradient(125deg,#61566e 0%,#756982 50%,#877a95 100%);--hero-ink:#fff}
.tone-moss{--tone:#607353;--tone-light:#dce4d7;--tone-soft:#eff3eb;--tone-gradient:linear-gradient(125deg,#4c6647 0%,#607353 50%,#75876b 100%);--hero-ink:#fff}
.tone-teal{--tone:#365f6a;--tone-light:#d2e2e5;--tone-soft:#edf4f5;--tone-gradient:linear-gradient(125deg,#2d5663 0%,#365f6a 46%,#47717b 100%);--hero-ink:#fff}
.tone-rose{--tone:#795260;--tone-light:#e5d5dc;--tone-soft:#f5edf0;--tone-gradient:linear-gradient(125deg,#69434f 0%,#795260 50%,#8b6370 100%);--hero-ink:#fff}
.tone-slate{--tone:#59677e;--tone-light:#dde2eb;--tone-soft:#eef1f6;--tone-gradient:linear-gradient(125deg,#4e5b71 0%,#59677e 50%,#79889d 100%);--hero-ink:#fff}
.inner-page .page-hero.shell{width:100%;max-width:none;margin:0;padding:104px max(24px,calc((100% - 1040px)/2)) 100px;background:repeating-linear-gradient(0deg,transparent 0 8px,rgba(255,255,255,.025) 8px 9px),var(--tone);color:#fff}
.inner-page .page-hero .eyebrow{color:#fff;font-size:.875rem;letter-spacing:.14em;margin-bottom:30px}
.inner-page .page-hero .eyebrow:before{background:rgba(255,255,255,.65)}
.inner-page .page-hero h1{max-width:900px;margin:0 0 32px;font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;font-size:clamp(2rem,3.8vw,3.3rem);font-weight:500;line-height:1.55;letter-spacing:.025em}
.inner-page .page-hero .lead{max-width:640px;color:#fff;font-size:1rem;line-height:2.05}
.inner-page .page-hero .button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.8);box-shadow:none}
.inner-page .page-hero .button:hover{background:rgba(255,255,255,.12)}
.inner-page .section{padding-top:88px;padding-bottom:88px}
.inner-page .section.white{background:var(--tone-soft)}
.inner-page .section.deep{background:var(--tone);color:#fff}
.inner-page .section.deep p,.inner-page .section.deep .kicker,.inner-page .section.deep .section-head p{color:#fff}
.inner-page .card,.inner-page .feature,.inner-page .resource-card,.inner-page .info-grid>div{background:var(--tone-soft);box-shadow:none;border-color:var(--line)}
.inner-page .feature{border-left-color:var(--tone)}
.inner-page .section-head h2{font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;font-weight:500;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.5}
.inner-page .kicker{color:var(--tone)}
.inner-page .notice,.inner-page .resource-card[open] summary,.inner-page .course-card .tag{background:var(--tone-light)}
.inner-page .featured-course{background:var(--tone-light);border:1px solid var(--line)}
.inner-page .contact-box{background:var(--tone)}
.inner-page .deep .card,.inner-page .deep .feature{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.25)}
.inner-page .deep .course-card .tag{background:rgba(255,255,255,.16);color:#fff}
.inner-page .deep .course-card a{color:#fff}
.inner-page .deep .course-card a:hover{color:var(--lime)}
.inner-page footer{background:var(--tone-light);color:#47525b}
@media(max-width:620px){.inner-page .page-hero.shell{padding:72px 22px 68px}.inner-page .page-hero h1{font-size:2rem;letter-spacing:0;line-height:1.6}.inner-page .section{padding-top:64px;padding-bottom:64px}}
.inner-page .page-hero.shell,.inner-page .section.deep{background:var(--tone-gradient);color:var(--hero-ink)}
.inner-page .page-hero .eyebrow,.inner-page .page-hero .lead,.inner-page .page-hero .button,.inner-page .section.deep p,.inner-page .section.deep .kicker,.inner-page .deep .course-card a{color:var(--hero-ink)}
.inner-page .page-hero .eyebrow:before{background:currentColor}
.inner-page .section.deep .section-head p{color:var(--hero-ink)}
.inner-page .page-hero .button{border-color:currentColor}
.tone-taupe .section.deep .kicker[style],.tone-teal .section.deep .kicker[style]{color:var(--hero-ink)!important}
.tone-teal .deep .course-card .tag,.tone-taupe .deep .course-card .tag{background:rgba(255,255,255,.4);color:var(--hero-ink)}
.tone-teal .deep .card,.tone-taupe .deep .card{background:rgba(255,255,255,.3);border-color:rgba(43,59,32,.18)}
.tone-teal .deep .course-card a:hover,.tone-taupe .deep .course-card a:hover{color:var(--tone);text-decoration:underline}
.inner-page:not(.resources-page) main>.section:not(.deep){background:linear-gradient(120deg,var(--tone-light),var(--tone-soft))}
.inner-page:not(.resources-page) main>.section.white{background:linear-gradient(120deg,var(--tone-soft),#fff)}
.resources-page{--tone:#7c7463;--tone-light:#d0cbbd;--tone-soft:#e8e4d9;--tone-gradient:linear-gradient(125deg,#706b5a 0%,#7c7463 50%,#7d7665 100%);background:var(--tone-light)}
.resources-page main>.section,.resources-page main>.section.deep{background:linear-gradient(125deg,var(--tone-light),var(--tone-soft));color:var(--ink)}
.resources-page main>.section.white{background:linear-gradient(125deg,var(--tone-light),var(--tone-soft))}
.resources-page .section.deep p,.resources-page .section.deep .kicker,.resources-page .section.deep .section-head p,.resources-page .video-card>span{color:#47525b}
.resources-page .resource-card,.resources-page .video-card{background:rgba(255,255,255,.35);border:1px solid rgba(42,52,62,.18)}
.resources-page .resource-card[open] summary{background:rgba(255,255,255,.25)}
.resources-page footer{background:var(--tone-light)}
.tone-contact{--tone:#626d82;--tone-light:#bbc3d1;--tone-soft:#dce1e9;--tone-gradient:linear-gradient(125deg,#5f677b 0%,#687286 50%,#6c7689 100%);--hero-ink:#fff}
.tone-contact .email-address{color:#fff;background:transparent;border-color:rgba(255,255,255,.65)}
.tone-contact .copy-status{color:#fff}
.tone-teal .deep .card{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.25)}
.tone-teal .deep .course-card .tag{background:rgba(255,255,255,.16)}
.tone-teal .deep .course-card a:hover{color:#fff;text-decoration:underline}
/* Closely spaced tonal shifts and a faint woven finish, without changing page hues. */
.tone-taupe{--tone-gradient:linear-gradient(158deg,#766954 0%,#7b6e59 25%,#81745f 52%,#897c66 77%,#95866e 100%)}
.tone-violet{--tone-gradient:linear-gradient(158deg,#61566e 0%,#695e76 25%,#756982 52%,#7d718b 77%,#877a95 100%)}
.tone-moss{--tone-gradient:linear-gradient(158deg,#4c6647 0%,#556c4d 25%,#607353 52%,#697d5e 77%,#75876b 100%)}
.tone-teal{--tone-gradient:linear-gradient(158deg,#2d5663 0%,#315b67 25%,#365f6a 52%,#3e6873 77%,#47717b 100%)}
.tone-rose{--tone-gradient:linear-gradient(158deg,#69434f 0%,#714b57 25%,#795260 52%,#815b68 77%,#8b6370 100%)}
.tone-apricot{--tone:#8a5e43;--tone-light:#e9e7e3;--tone-soft:#f7f6f3;--tone-gradient:linear-gradient(158deg,#e8e6e1 0%,#edd9c9 25%,#f1cfb3 52%,#edc5aa 77%,#e3c9b9 100%);--hero-ink:#493d35;--muted:#605b56;--line:rgba(73,61,53,.18)}
.tone-apricot .page-hero h1{color:var(--hero-ink)}
.tone-apricot footer{color:var(--muted)}
.tone-slate{--tone-gradient:linear-gradient(158deg,#4e5b71 0%,#536177 25%,#59677e 52%,#69778d 77%,#79889d 100%)}
.resources-page{--tone-gradient:linear-gradient(158deg,#706b5a 0%,#756e5e 25%,#7c7463 52%,#7c7564 77%,#7d7665 100%)}
.tone-contact{--tone-gradient:linear-gradient(158deg,#5f677b 0%,#636c80 25%,#687286 52%,#6a7487 77%,#6c7689 100%)}
.inner-page .page-hero.shell,.inner-page:not(.resources-page) .section.deep{
  background-color:var(--tone);
  background-image:
    repeating-linear-gradient(179deg,rgba(255,255,255,.018) 0 1px,transparent 1px 7px),
    radial-gradient(ellipse at 92% 85%,rgba(255,255,255,.045) 0%,rgba(255,255,255,.018) 42%,transparent 75%),
    linear-gradient(105deg,rgba(0,0,0,.035) 0%,transparent 58%,rgba(255,255,255,.015) 100%),
    var(--tone-gradient);
}