/* 易讀課程導覽。名額紅色依站長要求,其他重點沿用品牌橘。 */
:root {--seats-ink:#b42318;--seats-bg:#fff0ed;--seats-line:#e7b1a8}
:root[data-theme="dark"] {--seats-ink:#ff9c94;--seats-bg:#321d1c;--seats-line:#97554d}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) {--seats-ink:#ff9c94;--seats-bg:#321d1c;--seats-line:#97554d}}
.course-icon {width:28px;height:28px;flex-shrink:0;vertical-align:middle}
.seats-remaining {display:flex;align-items:center;gap:22px;padding:20px 24px;border:2px solid var(--seats-line);border-radius:var(--r-card);color:var(--seats-ink);background:var(--seats-bg);text-align:left;max-width:480px}
.seats-remaining>.course-icon {width:48px;height:48px}
.seats-remaining__label>span {display:block;font-size:16px;font-weight:500;line-height:1.5}
.seats-remaining__label>strong {display:block;font-size:24px;line-height:1.2;margin-top:4px;white-space:nowrap}
.seats-remaining__label b {font-size:52px;font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums}
[data-course-seats][hidden] {display:none!important}
.course-visual-page main {font-size:18px;line-height:1.7}
.course-visual-hero {padding:112px 0 52px}
.course-visual-hero__inner {display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;position:relative;z-index:2}
.course-visual-eyebrow {font-size:18px;font-weight:600;color:#fff;margin:0 0 14px}
.course-visual-hero h1 {font-size:clamp(2.25rem,4vw,3.7rem);line-height:1.2;color:#fff;letter-spacing:-.01em;margin:0 0 18px;text-wrap:balance}
.course-visual-hero h1>span {color:#ffb560}
.course-visual-hero__lead {font-size:20px;color:#fff;line-height:1.6;margin:0 0 18px}
.course-visual-hero__date {display:flex;align-items:center;gap:10px;font-size:18px;color:#fff;margin:0 0 18px}
.course-visual-hero .seats-remaining {color:#b42318;background:#fff0ed;border-color:#e7b1a8}
.course-visual-hero__price {display:flex;align-items:baseline;flex-wrap:wrap;gap:16px;margin:18px 0;color:#fff}
.course-visual-hero__price strong {font:700 28px var(--font-mono)}
.course-visual-hero__price span {font-size:18px}
.course-visual-page .btn {font-size:18px;min-height:52px}
.course-visual-hero .hero__cta {gap:12px;margin-top:0}
.course-visual-hero__preview {margin:0;min-width:0}
.course-visual-hero__preview video {width:100%;aspect-ratio:16/9;border-radius:var(--r-card);display:block;background:#1c1917;object-fit:cover}
.course-visual-hero__preview figcaption {color:#fff;font-size:18px;margin-top:12px}
.course-quick-facts {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;padding:0;margin:28px 0 0}
.course-quick-facts li {display:flex;align-items:flex-start;gap:16px;padding:18px 0}
.course-quick-facts .course-icon {color:var(--coral-ink);width:36px;height:36px}
.course-quick-facts strong,.course-support-list strong {display:block;font-size:22px;line-height:1.4;color:var(--text)}
.course-quick-facts span,.course-support-list span {display:block;font-size:18px;color:var(--muted);line-height:1.7;margin-top:6px}
.course-visual-page .marketing-jump a {min-height:48px;font-size:17px}
.course-picture-steps {display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;padding:0;margin:28px 0}
.course-picture-steps li {position:relative;padding:16px 20px 20px 0;border-bottom:2px solid var(--line)}
.course-picture-steps .course-icon {width:56px;height:56px;color:var(--coral-ink);margin-bottom:20px}
.course-picture-steps h3 {font-size:24px;color:var(--text);margin:0 0 8px}
.course-picture-steps p {font-size:18px;color:var(--muted);line-height:1.7;margin:0}
.course-day-summary {display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}
.course-day-summary p {font-size:18px;color:var(--muted)}
.course-day-summary strong {display:block;font-size:22px;color:var(--text);margin-bottom:6px}
.course-read-more {margin:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.course-read-more>summary {min-height:56px;padding:16px 4px;font-size:18px;font-weight:600;cursor:pointer;color:var(--text)}
.course-read-more>summary:focus-visible {outline:2px solid var(--coral-ink);outline-offset:2px}
.course-read-more[open] {padding-bottom:24px}
.course-full-curriculum>.container {width:100%;padding:20px 0}
.course-support-list {list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:28px 48px;margin:28px 0}
.course-support-list li {display:flex;gap:18px;align-items:flex-start}
.course-support-list .course-icon {color:var(--coral-ink);width:36px;height:36px}
.course-support-note {font-size:17px;color:var(--muted);line-height:1.8}
.course-proof {display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;margin-top:28px}
.course-proof .testimonial {padding:28px}
.course-proof .testimonial__text {font-size:20px;line-height:1.8}
.course-proof .class-photo {margin:0}
.course-visual-page .enroll-card {padding:40px 32px}
.course-visual-page .enroll-card__inner {max-width:760px}
.course-visual-page .enroll-card .seats-remaining {margin:0 auto 28px}
.course-visual-page .enroll-card__title {font-size:clamp(1.9rem,3.3vw,2.7rem);margin-bottom:14px;text-wrap:balance}
.course-visual-page .enroll-card__desc {font-size:20px;margin-bottom:24px}
.course-enroll-facts {margin:20px 0;color:var(--text)}
.course-enroll-facts p {display:flex;justify-content:center;align-items:center;gap:12px;font-size:18px;margin:12px 0}
.course-enroll-facts .course-icon {color:var(--coral-ink)}
.course-visual-page .enroll-card__price-new {font-size:clamp(2.4rem,4vw,3.25rem)}
.course-enroll-checkout .btn {width:100%}
.course-visual-page .enroll-card__price-installment,.course-visual-page .enroll-card__note,.course-visual-page .marketing-note {font-size:17px;line-height:1.8}
.course-visual-page .enroll-card .course-read-more {text-align:left}
.course-visual-page .faq__q {font-size:18px;line-height:1.7;min-height:56px}
.course-visual-page .faq__a {font-size:18px;line-height:1.8}
.course-visual-page .faq__a p,.course-visual-page .enroll-info dd {font-size:18px}
.course-visual-page .enroll-info dt,.course-visual-page .class-photo__cap {font-size:16px}
.course-more-content>summary {font-size:18px}
.home-visual-page .seats-remaining--compact {padding:12px 18px;margin:20px 0 14px;gap:16px;max-width:360px}
.seats-remaining--compact>.course-icon {width:36px;height:36px}
.seats-remaining--compact .seats-remaining__label>strong {font-size:20px}
.seats-remaining--compact .seats-remaining__label b {font-size:36px}
.home-course-date {display:flex;align-items:center;gap:10px;font-size:18px;color:var(--muted);margin:16px 0}
.home-visual-page .marketing-goal>.course-icon {width:42px;height:42px;color:var(--coral-ink);margin-bottom:16px}
@media(max-width:760px){
 .course-visual-hero {padding:96px 0 36px}
 .course-visual-hero__inner {grid-template-columns:1fr;gap:32px}
 .course-visual-hero h1 {font-size:32px;line-height:1.25;margin-bottom:14px}
 .course-visual-hero__lead {font-size:18px;margin-bottom:14px}
 .course-visual-hero__date {font-size:17px;margin-bottom:16px}
 .course-visual-eyebrow {font-size:17px;margin-bottom:10px}
 .seats-remaining {gap:16px;padding:16px 18px}
 .seats-remaining__label>strong {font-size:23px}
 .seats-remaining__label b {font-size:48px}
 .seats-remaining>.course-icon {width:40px;height:40px}
 .course-visual-hero__price {margin:16px 0}
 .course-visual-hero .hero__cta .btn {width:100%;min-height:52px}
 .course-quick-facts {grid-template-columns:1fr;gap:0}
 .course-quick-facts li {padding:16px 0;border-bottom:1px solid var(--line)}
 .course-quick-facts strong,.course-support-list strong {font-size:21px}
 .course-picture-steps {grid-template-columns:1fr 1fr;gap:20px 16px}
 .course-picture-steps li {padding:8px 0 20px}
 .course-picture-steps .course-icon {width:48px;height:48px;margin-bottom:14px}
 .course-picture-steps h3 {font-size:22px}
 .course-day-summary,.course-support-list,.course-proof {grid-template-columns:1fr;gap:24px}
 .course-visual-page .enroll-card {padding:28px 20px}
 .course-visual-page .enroll-card .seats-remaining {padding:16px 12px;gap:12px}
 .course-visual-page .enroll-card .seats-remaining__label>span {font-size:15px}
 .course-visual-page .enroll-card .seats-remaining__label>strong {font-size:21px}
 .course-enroll-facts p {font-size:17px;justify-content:flex-start;align-items:flex-start;text-align:left}
 .home-visual-page .seats-remaining--compact {max-width:100%}
}