﻿/* Consistent accessible form controls and clearer reading hierarchy. */
.select-control{display:inline-flex;position:relative;min-width:150px;max-width:100%;vertical-align:middle}.enhanced-select{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;margin:0!important;padding:0!important;opacity:0!important;pointer-events:none!important;border:0!important;clip-path:inset(50%)!important;overflow:hidden!important}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:46px;padding:11px 14px;border:1px solid #617984;border-radius:11px;background:#17292f;color:#f3f6f8;font-size:14px;line-height:1.5;text-align:left;cursor:pointer}.select-trigger>span{min-width:0;overflow-wrap:anywhere}.select-trigger svg{flex-shrink:0;color:#bfcfd6}.select-trigger:hover{background:#233b44;border-color:#9bb0b9}.select-trigger[aria-expanded=true]{border-color:#ffd967;box-shadow:0 0 0 3px #ffd96718}.select-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.select-trigger:disabled{opacity:.6}.select-popup{position:fixed;z-index:10000;overflow-y:auto;overscroll-behavior:contain;background:#203139;border:1px solid #647e8a;border-radius:16px;box-shadow:0 16px 45px #0009;padding:7px;color:#f3f6f8;scrollbar-width:thin;scrollbar-color:#6f8791 #203139}.select-option{position:relative;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:12px 40px 12px 14px;min-height:47px;border-radius:10px;border:1px solid transparent;cursor:pointer;line-height:1.45;font-size:14px;overflow-wrap:anywhere}.select-option-title{font-weight:600}.select-option small{font-size:12px;color:#c2cfd5}.select-option[aria-selected=true]{background:#ffd96713;border-color:#ffd96770;color:#ffe392}.select-option.is-focused,.select-option:hover{background:#354b55;border-color:#8aabb9}.select-option[aria-selected=true].is-focused{background:#464735;border-color:#ffd967}.select-option[aria-disabled=true]{opacity:.45;pointer-events:none}.select-option-check{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#ffd967;font-size:19px}.path-level-select .select-control{max-width:100%;min-width:220px}.path-level-select .select-trigger{background:#ff797b;color:#111d21;font-size:27px;font-weight:800;letter-spacing:-.7px;border:1px solid #a33f43;min-height:56px;padding:6px 13px}.path-level-select .select-trigger:hover{background:#ff9092;border-color:#742d32}.path-level-select .select-trigger svg{color:#18272d}.path-level-select .select-trigger[aria-expanded=true]{border-color:#111d21;box-shadow:0 0 0 3px #111d211c}.search .select-control{flex:0 1 190px}.catalog-filter .select-control{flex:1;min-width:150px;max-width:240px}.form-row .select-control{min-width:200px;max-width:380px}.video-tools .select-control{min-width:120px;max-width:100%}.video-tools label{flex-wrap:wrap}.editorial-form .select-control{width:100%}.editorial-toolbar .select-control{min-width:155px}.video-editor-grid .select-control{width:100%}
body{font-size:16px;line-height:1.6}nav a{font-size:14px}.sidebar .brand{font-size:17px}.nav-label{font-size:11px;letter-spacing:1.2px}.sidebar .profile{font-size:13px}.profile small{font-size:11px}#breadcrumb{font-size:13px}.local-badge{font-size:12px}#global-search input{font-size:13px}.subtitle{font-size:15px}.eyebrow,.path-kicker{font-size:11px;letter-spacing:1.4px}.path-status{font-size:11px;letter-spacing:.7px;color:#bdcbd1}.path-unit h3{font-size:18px}.path-unit p{font-size:14px;color:#bdcbd1}.path-unit .path-objective{font-size:14px}.path-unit .path-duration{font-size:12px;color:#dae1cb}.path-unit-progress small{font-size:12px;color:#c2cfd5}.path-unit-progress .progress-track{height:6px;width:100px}.path-unit-progress{flex-wrap:wrap;gap:8px 12px}.path-unit .primary,.path-unit .secondary{font-size:14px;min-height:44px;padding:9px 16px}.path-daily>div:first-child{font-size:14px}.path-daily span{font-size:13px}.path-daily small{font-size:12px;color:#bdcbd1}.path-level-header p{font-size:14px}.path-header-actions a{font-size:12px}.path-section-heading h2{font-size:20px}.path-section-heading>span{font-size:12px}.path-right h2{font-size:20px}.path-right p,.path-right .path-estimate{font-size:13px;color:#bdcbd1}.path-right .path-estimate{line-height:1.8}.path-mini-stats span{font-size:12px}.path-number small{font-size:15px}.path-right .secondary,.text-link{font-size:13px}.mini-label,.translation-label{font-size:12px;color:#bdcbd1}.path-resume strong{font-size:14px}.path-resume p,.path-resume .secondary{font-size:13px}.path-milestone,.path-milestone small{font-size:12px}.path-guide summary,.path-catalog>summary{font-size:15px}.path-guide p{font-size:14px}.word-row .pinyin,.word-row p{font-size:14px}.word-actions .secondary{font-size:13px;min-height:42px}.badge{font-size:12px}.level-card p,.skill-card p{font-size:14px}.skill-card h3{font-size:17px}.skill-status,.level-meta,.level-card-bottom{font-size:12px}.level-card p.level-coverage{font-size:12px}.stat-label{font-size:14px}.stat-detail{font-size:12px!important}.notice{font-size:14px}.unit-activities>a,.unit-activities>button{font-size:14px}.unit-activities small{font-size:12px}.path-unit-action .secondary{border-color:#76909c}.path-guide,.path-catalog>summary{border-color:#516871}.path-node{border-color:#667e88}.path-step:not(.is-active):not(.is-complete) .path-unit{border-color:#35474e;background:#16262b}.path-step:not(.is-active) .path-glyph{color:#adbec6}.path-step.is-active .path-status{color:#ffe28a}
@media(max-width:1150px){.path-unit{flex-wrap:wrap}.path-unit-copy{width:100%}.path-unit-action{width:100%;flex-direction:row-reverse;align-items:center;justify-content:space-between}.path-unit h3{font-size:17px}.path-unit p{font-size:13px}.path-unit-progress small{font-size:12px}.path-status{font-size:10px}.path-level-select .select-control{min-width:190px}.path-level-select .select-trigger{font-size:23px}.path-header-actions{gap:13px;padding-left:14px}.path-header-actions a{font-size:11px}.path-right p,.path-right .path-estimate{font-size:13px}}
@media(max-width:600px){body{font-size:15px}.subtitle{font-size:14px}.path-level-header{align-items:flex-start;flex-wrap:wrap}.path-level-header>div:first-child{flex:1;min-width:0}.path-level-select .select-control{min-width:0;width:100%}.path-level-select .select-trigger{font-size:22px;letter-spacing:-.6px;min-height:49px;padding:7px 10px}.path-header-actions{align-self:center;gap:12px;padding-left:10px}.path-header-actions a{font-size:10px}.path-level-header p{font-size:12px}.path-kicker{font-size:10px}.path-unit h3{font-size:16px}.path-unit p,.path-unit .path-objective{font-size:13px!important}.path-status{font-size:10px;line-height:1.7}.path-unit-progress small{font-size:11px}.path-unit .path-duration{font-size:12px!important}.path-unit .primary,.path-unit .secondary{font-size:13px;min-height:44px}.path-step.is-active .path-unit{padding:18px 14px}.path-daily strong,.path-daily span{font-size:13px}.path-daily small{font-size:12px}.path-section-heading h2{font-size:18px}.path-section-heading>span{font-size:12px}.path-right h2{font-size:20px}.path-right .secondary{font-size:14px}.path-resume strong{font-size:14px}.path-resume p{font-size:12px}.path-guide p{font-size:14px}.path-milestone,.path-milestone small{font-size:11px}.path-unit-action{margin-top:6px}.select-control{min-width:0}.select-trigger{font-size:14px;min-height:46px}.select-option{font-size:14px;min-height:49px}.form-row .select-control{width:100%;max-width:100%;min-width:0}.search .select-control{flex:1;min-width:0}.catalog-filter .select-control{max-width:100%;min-width:130px}.path-unit .secondary{background:#263d46}.sidebar nav a,.sidebar-collapsed nav a{font-size:14px}#mobile-nav a{font-size:11px}.level-card p,.skill-card p{font-size:13px}.level-card p.level-coverage{font-size:12px}.translation-label{font-size:12px}.badge{font-size:11px}.video-tools .select-control{width:100%}.video-tools label{max-width:100%}}
@media(prefers-reduced-motion:reduce){.select-trigger svg{transition:none}}
/* Home is an overview; the complete curriculum lives in Learning Center. */
.home-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;align-items:start}.home-main,.home-aside{min-width:0;display:grid;gap:22px}.home-continue{position:relative;overflow:hidden;padding:30px;background:linear-gradient(120deg,#293b3c,#203039);border:1px solid #718074;min-height:270px}.home-continue.path-resume{display:block;margin:0}.home-continue-top{display:flex;justify-content:space-between;gap:15px;align-items:center;position:relative;z-index:1}.home-continue h2{font-size:28px;max-width:80%;margin:26px 0 14px;line-height:1.3}.home-continue>p{position:relative;max-width:80%;font-size:15px}.home-continue-actions{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1;margin-top:26px}.home-glyph{position:absolute;right:25px;bottom:25px;color:#ffd96730;font:100px/1.2 'Noto Sans SC',sans-serif;pointer-events:none}.home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.home-shortcuts .card{padding:22px 18px}.home-shortcuts .icon{color:var(--yellow);margin-bottom:20px;width:25px;height:25px}.home-shortcuts h3{font-size:16px}.home-shortcuts p{font-size:13px;color:var(--muted);margin-bottom:0}.home-shortcuts .card:hover{border-color:var(--yellow)}.home-activity .section-head{margin:0 0 15px}.home-activity-row{display:flex;align-items:center;gap:18px;padding:16px 0;border-top:1px solid var(--line)}.home-activity-row>button{font:27px 'Noto Sans SC',sans-serif;color:var(--ink);min-width:70px;text-align:left}.home-activity-row>div{flex:1}.home-activity-row strong{font-size:14px}.home-activity-row p{font-size:12px;color:var(--muted);margin:5px 0}.home-activity-row>span{color:var(--yellow);font-size:22px}.home-empty{padding:20px 0}.home-empty p{font-size:15px}.home-empty span{font-size:13px;color:var(--muted)}.home-aside .card{padding:25px}.home-aside h2{font-size:19px}.home-aside p{font-size:14px;color:var(--muted)}.home-aside .secondary{width:100%;min-height:44px}.home-review-icon{display:block;color:var(--yellow);margin-bottom:15px}.home-course-link{border-color:#825d60;background:#322c30}.home-course-link:hover{border-color:var(--coral)}
@media(max-width:1150px){.home-dashboard{grid-template-columns:1fr}.home-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.home-course-link{grid-column:1/-1}.home-shortcuts{gap:12px}.home-continue h2{font-size:27px}.home-continue-actions .secondary{font-size:13px}}
@media(max-width:600px){.home-main,.home-aside{gap:17px}.home-aside{grid-template-columns:1fr}.home-continue{padding:22px;min-height:0}.home-continue h2{font-size:25px;max-width:100%;margin-top:22px}.home-continue>p{max-width:100%;font-size:14px}.home-continue-top{align-items:flex-start;flex-direction:column;gap:12px}.home-continue-actions{flex-direction:column;align-items:stretch}.home-continue-actions>a,.home-continue-actions>button{justify-content:center;text-align:center;min-height:46px;font-size:14px}.home-glyph{font-size:75px;right:15px;bottom:12px}.home-shortcuts{grid-template-columns:1fr}.home-shortcuts .card{display:grid;grid-template-columns:30px 1fr;gap:3px 15px;padding:18px}.home-shortcuts .icon{grid-row:1/3;align-self:center;margin:0}.home-shortcuts p{margin:0}.home-shortcuts h3{margin:0}.home-activity .section-head{gap:10px;align-items:flex-start}.home-activity h2{font-size:18px}.home-activity-row{gap:12px}.home-activity-row>button{min-width:52px;font-size:24px}.home-activity-row>div{min-width:0}.home-activity-row p{font-size:11px}.home-empty span{font-size:13px}}
/* Search inputs must override the original light-theme .search input rule. */
.search input,.catalog-filter input,#global-search input{background-color:#17292f;color:#f3f6f8;caret-color:#ffd967;-webkit-text-fill-color:#f3f6f8;border-color:#617984;color-scheme:dark}
.search input:focus,.catalog-filter input:focus,#global-search input:focus{background-color:#1d3038;color:#f3f6f8;-webkit-text-fill-color:#f3f6f8}
.search input::placeholder,.catalog-filter input::placeholder,#global-search input::placeholder{color:#b5c5cd;opacity:1}
.search input::selection,.catalog-filter input::selection,#global-search input::selection{background:#ffd967;color:#111d21;-webkit-text-fill-color:#111d21}
.search input:-webkit-autofill,.search input:-webkit-autofill:hover,.search input:-webkit-autofill:focus,.catalog-filter input:-webkit-autofill,#global-search input:-webkit-autofill{-webkit-text-fill-color:#f3f6f8;caret-color:#ffd967;-webkit-box-shadow:0 0 0 1000px #17292f inset;box-shadow:0 0 0 1000px #17292f inset}
