:root{--primary:#d97706;--primary-deep:#92400e;--blue:#f59e0b;--surface:#fff;--lavender:#fef3c7;--orange:#fea82a;--pink:#f17182;--ink:#1f2937;--muted:#667085;--line:#fde68a;--shadow:0 24px 80px #78350f24}*{box-sizing:border-box}html{background:#fffaef}body{color:var(--ink);background:radial-gradient(circle at 8% 0,#d9770629,#0000 32rem),radial-gradient(circle at 100% 22%,#f59e0b1f,#0000 28rem),#fffbf0;min-height:100vh;margin:0;font-family:Inter,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #f59e0b6b}.ui-icon{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none;width:1.15em;height:1.15em}.preview-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:54px 0 72px}.brand-block{max-width:720px;margin-bottom:28px}.brand-pill,.eyebrow{color:var(--primary-deep);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800;display:inline-flex}.brand-pill{background:var(--lavender);border-radius:999px;padding:7px 11px}.brand-block h1{letter-spacing:-.055em;margin:18px 0 10px;font-size:clamp(36px,7vw,70px);line-height:1.02}.brand-block p{max-width:620px;color:var(--muted);margin:0;font-size:clamp(16px,2vw,20px);line-height:1.7}.login-card{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #d977062e;border-radius:24px;grid-template-columns:minmax(230px,1fr) minmax(210px,.8fr) auto;align-items:center;gap:16px;padding:22px;display:grid}.login-card h2{margin:5px 0 0;font-size:20px}.login-card input{border:1px solid var(--line);width:100%;min-height:52px;color:var(--ink);letter-spacing:.16em;text-transform:uppercase;background:#fffdf6;border-radius:14px;outline:none;padding:0 16px}.login-card input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #d977061f}.login-card button,.primary-mode button{color:#fff;background:linear-gradient(135deg, var(--primary), var(--blue));border:0;border-radius:14px;min-height:52px;padding:0 22px;font-weight:800;box-shadow:0 12px 30px #b4530942}.login-card small{color:var(--muted);grid-column:2/-1}.form-error{color:#bf3349;grid-column:1/-1;margin:0;font-weight:700}.login-page{align-content:center;min-height:100vh;display:grid}.login-benefits{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.login-benefits div{color:var(--muted);background:#ffffffb8;border:1px solid #d977061f;border-radius:16px;align-items:baseline;gap:10px;padding:16px 18px;display:flex}.login-benefits strong{color:var(--primary-deep);font-size:20px}.center-state{text-align:center;min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:12px;padding:24px;display:grid}.loading-dot{border:4px solid var(--lavender);border-top-color:var(--primary);border-radius:50%;width:34px;height:34px;animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell,.practice-shell,.admin-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:26px 0 70px}.app-header,.practice-top,.admin-header{justify-content:space-between;align-items:center;gap:16px;min-height:54px;display:flex}.wordmark{letter-spacing:-.04em;color:var(--primary-deep);font-size:25px;font-weight:900}.wordmark span{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:10px;line-height:1;display:block}.header-actions{align-items:center;gap:12px;display:flex}.header-actions a,.header-actions button,.admin-header button{color:var(--muted);background:0 0;border:0;font-weight:700}.welcome-row{justify-content:space-between;align-items:end;gap:26px;margin:46px 0 28px;display:flex}.welcome-row h1{letter-spacing:-.045em;margin:8px 0;font-size:clamp(34px,5vw,58px);line-height:1.06}.welcome-row p{color:var(--muted);margin:0;font-size:17px}.local-summary{flex-shrink:0;gap:8px;display:flex}.local-summary span{min-width:82px;color:var(--muted);text-align:center;background:#fff;border-radius:15px;padding:12px;font-size:12px;display:grid}.local-summary strong{color:var(--ink);font-size:22px}.home-primary{display:block}.home-primary:hover{transition:transform .18s;transform:translateY(-2px)}.cta-link{background:#fff;border-radius:14px;align-items:center;gap:16px;padding:15px 19px;display:inline-flex;color:var(--primary-deep)!important}.cta-link .ui-icon{width:22px;height:22px}.home-mode-grid a{--card-accent:#d97706;--card-tint:#fef3c7;background:linear-gradient(145deg, #fff 35%, var(--card-tint) 145%);isolation:isolate;border:1px solid #d977061f;border-radius:26px;flex-direction:column;min-height:222px;padding:24px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 40px #92400e12}.home-mode-grid a:hover{border-color:color-mix(in srgb, var(--card-accent) 42%, transparent);transform:translateY(-4px);box-shadow:0 20px 48px #92400e21}.mode-card-listening{--card-accent:#d97706;--card-tint:#fef3c7}.mode-card-quick{--card-accent:#f59e0b;--card-tint:#fff7ed}.mode-card-followup{--card-accent:#e07b00;--card-tint:#fffbeb}.mode-card-review{--card-accent:#c2410c;--card-tint:#fffaf0}.mode-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.mode-label{color:var(--card-accent);background:color-mix(in srgb, var(--card-accent) 10%, white);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:850}.home-mode-grid h3{letter-spacing:-.025em;margin:20px 0 7px;font-size:21px}.home-mode-grid p{max-width:220px;color:var(--muted);margin:0 0 22px;font-size:14px;line-height:1.6}.card-action{color:var(--card-accent);align-items:center;gap:7px;margin-top:auto;font-size:13px;font-weight:850;display:inline-flex}.card-action .ui-icon{width:17px;height:17px;transition:transform .18s}.home-mode-grid a:hover .card-action .ui-icon{transform:translate(3px)}.privacy-strip{background:#fef3c7b8;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding:18px 20px;display:flex}.privacy-strip div{gap:3px;display:grid}.privacy-strip span{color:var(--muted);font-size:13px}.privacy-strip button{color:var(--primary-deep);background:0 0;border:0;font-weight:800}.practice-shell{max-width:860px}.practice-top{color:var(--muted);font-weight:700}.practice-top>span{color:var(--ink)}.practice-top small{text-align:right;min-width:70px}.back-link{align-items:center;gap:7px;display:inline-flex}.back-link .ui-icon{width:19px;height:19px}.progress-track{background:#fde68a;border-radius:999px;height:5px;margin:18px 0 28px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--blue));height:100%;transition:width .24s;display:block}.practice-intro{max-width:680px;margin:70px auto 0}.practice-intro h1{letter-spacing:-.045em;margin:18px 0;font-size:clamp(36px,6vw,58px);line-height:1.08}.count-picker{border:0;gap:10px;margin:30px 0;padding:0;display:flex}.count-picker legend{width:100%;margin-bottom:10px;font-weight:800}.count-picker button,.filter-tabs button{border:1px solid var(--line);min-height:44px;color:var(--muted);background:#fff;border-radius:12px;padding:0 20px;font-weight:800}.count-picker button.selected,.filter-tabs button.active{border-color:var(--primary);background:var(--lavender);color:var(--primary-deep)}.intro-points{color:var(--muted);gap:10px;margin:26px 0;padding-left:22px;line-height:1.6;display:grid}.primary-button,.outline-button,.text-button{border-radius:14px;min-height:50px;padding:0 22px;font-weight:800}.primary-button{color:#fff;background:linear-gradient(135deg, var(--primary), var(--blue));border:0;box-shadow:0 12px 30px #b4530933}.outline-button{border:1px solid var(--primary);color:var(--primary-deep);background:#fff}.text-button{color:var(--muted);background:0 0;border:0}.intro-start{min-width:210px}.resume-card{background:#fff;border:1px solid #d9770633;border-radius:20px;padding:22px}.resume-card p{color:var(--muted)}.resume-card>div{flex-wrap:wrap;gap:10px;display:flex}.question-card{min-height:350px;box-shadow:var(--shadow);background:#fff;border:1px solid #d9770626;border-radius:28px;padding:clamp(24px,6vw,52px)}.question-meta{justify-content:space-between;align-items:center;gap:12px;min-height:38px;display:flex}.question-meta label{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.question-meta select{border:1px solid var(--line);color:var(--ink);background:#fffdf6;border-radius:10px;padding:7px 9px}.timer-chip{color:#9c5f00;font-variant-numeric:tabular-nums;background:#fff1d8;border-radius:10px;padding:8px 11px;font-weight:900;display:inline-flex}.timer-chip.timer-off{color:var(--muted);background:#f1f2f7}.timer-chip.timer-ended{color:#fff;background:var(--orange)}.recording-choice{border:1px solid var(--line);text-align:left;background:#fff;border-radius:18px;margin:0 0 26px;padding:18px 20px}.recording-choice label{cursor:pointer;align-items:center;gap:12px;font-weight:800;display:flex}.recording-choice input{width:20px;height:20px;accent-color:var(--primary);flex:none}.recording-choice label span{gap:4px;display:grid}.recording-choice small,.recording-choice p{color:var(--muted);font-size:12px;font-weight:400;line-height:1.6}.recording-choice p{margin:12px 0 0}.recording-panel{background:#fffbf0;border:1px solid #d9770633;border-radius:20px;margin-top:18px;padding:22px}.recording-panel.is-active{background:#fff7f8;border-color:#eeabb5}.recording-heading,.recording-status,.recording-start-row{align-items:center;gap:12px;display:flex}.recording-heading{flex-wrap:wrap;justify-content:space-between}.recording-status{flex-wrap:wrap;gap:8px;font-size:14px}.recording-dot{background:var(--primary);border-radius:50%;flex:none;width:9px;height:9px}.recording-dot.is-recording{background:#e65368;box-shadow:0 0 0 4px #e653681f}.recording-time{color:var(--ink);font-variant-numeric:tabular-nums;font-size:20px;font-weight:900}.recording-stop{color:#fff;background:#bc3b51;border:0;border-radius:12px;min-height:42px;padding:0 18px;font-weight:800}.recording-start-row{flex-wrap:wrap;justify-content:space-between;margin-top:14px}.recording-start-row p{color:var(--muted);flex:240px;margin:0;font-size:14px;line-height:1.7}.recording-start-row .primary-button{min-height:44px;padding:0 18px;font-size:14px}.recording-privacy{color:var(--muted);margin:14px 0 0;font-size:12px;line-height:1.7}.recording-error{color:#ba3c4f;margin:12px 0 0;font-size:14px;line-height:1.6}.recording-skip{min-height:36px;color:var(--primary-deep);margin-top:8px;padding:0;font-size:13px}.recording-notice{color:var(--primary-deep);margin:12px 0 0;font-size:13px;line-height:1.6}.recording-playback{width:100%;min-width:0;height:42px;margin-top:14px;display:block}.question-kicker{color:var(--primary);letter-spacing:.12em;margin-top:46px;font-size:12px;font-weight:900;display:block}.question-card h1{letter-spacing:-.035em;max-width:720px;margin:12px 0 18px;font-size:clamp(31px,5vw,50px);line-height:1.18}.question-card h1.listen-hidden{color:#465064;max-width:560px}.question-cn{color:var(--muted);font-size:17px}.question-loading{min-height:250px;color:var(--muted);place-items:center;display:grid}.audio-button{min-height:48px;color:var(--primary-deep);background:var(--lavender);border:1px solid #d9770647;border-radius:14px;align-items:center;gap:10px;margin-top:18px;padding:0 18px;font-weight:800;display:inline-flex}.audio-error{color:#bf3349}.action-wide{width:100%;margin-top:18px}.split-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.answer-card{background:#fff;border:1px solid #d9770626;border-radius:24px;margin-top:18px;padding:clamp(22px,5vw,38px)}.answer-card h2{font-size:clamp(24px,4vw,34px)}.answer-card ul{padding-left:22px;line-height:1.75}.answer-card details{border-top:1px solid var(--line);padding:16px 0}.answer-card summary{cursor:pointer;color:var(--primary-deep);font-weight:900}.answer-card p{white-space:pre-line;line-height:1.75}.muted-copy{color:var(--muted)}.answer-audio{margin-top:10px}.mark-panel{background:#fff7e6;border-radius:20px;margin-top:18px;padding:20px}.mark-panel>div:first-child{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.favorite-button{color:var(--muted);background:0 0;border:0;font-weight:800}.favorite-button.selected{color:var(--pink)}.favorite-button{align-items:center;gap:7px;display:inline-flex}.favorite-button .ui-icon{width:19px;height:19px}.favorite-button .ui-icon.is-filled{fill:currentColor}.mark-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mark-grid.listening-mark-grid{grid-template-columns:repeat(2,1fr)}.mark-grid button{min-height:48px;color:var(--ink);background:#fff;border:1px solid #fcd34d;border-radius:13px;font-weight:800}.mark-grid button:hover{border-color:var(--primary);color:var(--primary-deep)}.mark-grid button.danger-mark{color:#ba3c4f;background:#fff4f6;border-color:#ffcbd2}.mark-grid button[aria-pressed=true]{outline-offset:-4px;outline:2px solid}.listening-mark-grid button,.listening-mark-grid button.danger-mark{color:var(--ink);background:#fff;border-color:#fcd34d}.listening-mark-grid button:hover,.listening-mark-grid button.danger-mark:hover{color:var(--ink);background:#fff;border-color:#d6a86a}.listening-mark-grid button[aria-pressed=true]{border-width:2px;outline:0}.listening-mark-grid button.understood-mark[aria-pressed=true]{border-color:#298f68}.listening-mark-grid button.danger-mark[aria-pressed=true]{border-color:#d15a6d}.listening-mark-grid button:focus-visible{outline-offset:3px;outline:3px solid #f59e0b6b}.listening-notice{color:var(--primary-deep);margin:14px 0 0;font-size:14px;line-height:1.65}.listening-feedback{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.listening-feedback .listening-notice{margin:0}.listening-reveal-link{min-height:44px;color:var(--primary-deep);white-space:nowrap;background:0 0;border:0;flex:none;padding:0 0 0 8px;font-size:13px;font-weight:800}.listening-reveal-link:after{content:"›";margin-left:4px}.listening-next{background:var(--primary);box-shadow:0 12px 30px #d9770633}.listening-translation summary{cursor:pointer;color:var(--primary-deep);font-weight:800}.listening-question-review .question-card{min-height:auto;box-shadow:none;border-radius:18px;padding:22px}.listening-question-review .question-kicker{margin-top:0}.listening-question-review h3{margin:14px 0;font-size:clamp(22px,4vw,30px);line-height:1.3}.listening-review-section>.muted-copy{margin:0 0 18px;line-height:1.6}.listening-review-section>.listening-notice{margin-bottom:18px}.inline-error{color:#9d2d40;background:#fff0f3;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;padding:14px 16px;display:flex}.inline-error button{color:inherit;background:0 0;border:0;font-weight:900}.completion-card,.empty-state{max-width:650px;box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:28px;margin:70px auto 0;padding:clamp(28px,7vw,60px)}.completion-icon,.empty-state>span{color:#fff;background:var(--primary);border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto;font-size:28px;display:grid}.completion-icon .ui-icon,.empty-state>span .ui-icon{stroke-width:2.2px;width:30px;height:30px}.completion-card h1,.empty-state h2{margin-bottom:8px;font-size:38px}.completion-card p,.empty-state p{color:var(--muted);line-height:1.6}.result-grid{justify-content:center;gap:12px;margin:28px 0;display:flex}.result-grid div{background:var(--lavender);border-radius:14px;min-width:90px;padding:14px;display:grid}.result-grid strong{font-size:25px}.result-grid span{color:var(--muted);font-size:12px}.secondary-link{color:var(--primary-deep);margin-top:18px;font-weight:800;display:block}.listening-result-shell{max-width:760px}.listening-completion{max-width:720px;padding:clamp(24px,5vw,44px)}.listening-completion>.eyebrow{margin-top:18px}.listening-completion h1{margin-top:8px}.listening-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 34px;display:grid}.listening-summary div{background:linear-gradient(145deg,#fffbf0,#fff7e6);border:1px solid #d977061f;border-radius:16px;gap:3px;padding:15px 10px;display:grid}.listening-summary strong{color:var(--primary-deep);font-variant-numeric:tabular-nums;font-size:27px}.listening-summary span{color:var(--muted);font-size:12px}.listening-map-heading{text-align:left;justify-content:space-between;align-items:end;gap:14px;margin-bottom:12px;display:flex}.listening-map-heading>div:first-child{gap:3px;display:grid}.listening-map-heading>div:first-child span{color:var(--muted);font-size:12px}.listening-legend{color:var(--muted);gap:12px;font-size:11px;display:flex}.listening-legend span{align-items:center;gap:5px;display:inline-flex}.listening-legend i{border-radius:3px;width:11px;height:11px}.listening-legend .is-understood{background:linear-gradient(135deg, var(--primary), var(--blue))}.listening-legend .is-not-understood{background:#f5a7b4}.listening-map-wrap{background:#fffdf6;border:1px solid #d977061f;border-radius:20px;margin-bottom:28px;padding:12px 14px}.listening-map{table-layout:fixed;border-collapse:separate;border-spacing:0 3px;width:100%}.listening-map th,.listening-map td{text-align:center;border:0;height:25px;padding:1px 5px}.listening-map thead th{color:var(--muted);letter-spacing:0;text-transform:none;font-size:10px;font-weight:800}.listening-map thead th:first-child,.listening-map tbody th{text-align:left;width:50px}.listening-map tbody th{color:#7b8498;font-variant-numeric:tabular-nums;font-size:11px}.listening-cell{border:1px solid #0000;border-radius:5px;width:min(100%,42px);height:19px;margin:0 auto;display:block}.listening-cell.is-understood{background:linear-gradient(135deg, var(--primary), var(--blue));box-shadow:0 3px 8px #f59e0b2e}.listening-cell.is-not-understood{background:#ffe8ed;border-color:#f3a1b0}.listening-cell.is-pending{background:#eff1f6;border-color:#e1e4ee}.review-heading{margin:46px 0 26px}.review-heading h1{letter-spacing:-.045em;margin:8px 0;font-size:clamp(34px,5vw,55px)}.review-heading p{color:var(--muted)}.filter-tabs{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.review-list{gap:12px;display:grid}.review-list article{background:#fff;border:1px solid #d9770624;border-radius:18px;transition:border-color .16s,box-shadow .16s;overflow:hidden}.review-list article.is-expanded{border-color:#d977065c;box-shadow:0 14px 38px #78350f17}.review-question-row{justify-content:space-between;gap:18px;padding:22px;display:flex}.review-question-copy>span{color:var(--primary);font-size:12px;font-weight:900}.review-list h2{margin:8px 0;font-size:20px}.review-question-copy p{color:var(--muted);margin:0}.review-actions{align-content:space-between;justify-items:end;min-width:100px;display:grid}.review-toggle{color:var(--primary-deep);white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:7px 0;font-size:13px;font-weight:900;display:inline-flex}.review-toggle .ui-icon{transition:transform .16s;transform:rotate(-90deg)}.is-expanded .review-toggle .ui-icon{transform:rotate(90deg)}.review-answer{border-top:1px solid var(--line);background:linear-gradient(#fffdf6,#fff);padding:24px 22px 22px}.review-answer-loading{min-height:120px;color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.review-answer-points ul{margin:12px 0 0;padding-left:22px;line-height:1.75}.review-answer-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}.review-answer-grid>section{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px}.review-answer-grid h3{color:var(--primary-deep);margin:0 0 14px;font-size:16px}.review-answer-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.review-answer-heading h3{margin:0}.review-inline-audio{width:32px;height:32px;color:var(--primary-deep);background:var(--lavender);border:1px solid #d9770638;border-radius:9px;flex:none;place-items:center;padding:0;display:inline-grid}.review-inline-audio:hover,.review-inline-audio.is-playing{border-color:var(--primary);background:#fde68a}.review-inline-audio .ui-icon{width:16px;height:16px}.review-answer-grid p{color:var(--ink);margin:0 0 14px;line-height:1.75}.review-answer-grid p:last-child{margin-bottom:0}.review-result{background:#fff7e6;border-radius:15px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:16px 18px;display:flex}.review-result>div:first-child{gap:4px;display:grid}.review-result>div:first-child span{color:var(--muted);font-size:12px}.review-result-actions{gap:8px;display:flex}.review-result-actions button{min-height:38px;color:var(--ink);white-space:nowrap;background:#fff;border:1px solid #fcd34d;border-radius:10px;padding:0 14px;font-size:13px;font-weight:900}.review-result-actions button.review-mastered{color:#15754b;background:#fff;border-color:#a9dec8}.review-answer .remove-favorite{color:var(--muted);background:0 0;border:0;margin-top:16px;padding:0;font-size:13px}.status-badge{color:#52606d;white-space:nowrap;background:#eef0f5;border-radius:999px;width:max-content;padding:6px 9px;font-size:11px;font-weight:900;display:inline-flex}.status-active,.status-mastered,.status-understood{color:#15754b;background:#e4f7ee}.status-unused{color:#765100;background:#fff0c7}.status-disabled,.status-expired,.status-unknown,.status-not-understood{color:#aa3146;background:#ffe8ed}.status-fuzzy{color:#965600;background:#fff0dc}.admin-login-shell{place-items:center;min-height:100vh;padding:20px;display:grid}.admin-login-card{width:min(440px,100%);box-shadow:var(--shadow);background:#fff;border:1px solid #d977062e;border-radius:24px;gap:17px;padding:34px;display:grid}.admin-login-card h1{margin:0;font-size:36px}.admin-login-card p,.admin-login-card small{color:var(--muted);margin:0}.admin-login-card label,.batch-form label{color:#495265;gap:7px;font-size:13px;font-weight:800;display:grid}.admin-login-card input,.batch-form input,.batch-form textarea,.table-filters input,.table-filters select{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:#fffdf6;border-radius:12px;outline:none;padding:10px 12px}.admin-login-card input:focus,.batch-form input:focus,.batch-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #d977061a}.admin-shell{max-width:1320px}.admin-header{margin-bottom:26px}.admin-header>div:last-child{gap:8px;display:flex}.admin-header p{color:var(--muted);margin:4px 0 0;font-size:13px}.summary-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.summary-grid article{background:#fff;border:1px solid #d977061f;border-radius:18px;gap:8px;padding:20px;display:grid}.summary-grid span{color:var(--muted);font-size:13px}.summary-grid strong{font-size:30px}.admin-two-column{grid-template-columns:1.4fr 1fr;gap:16px;margin-top:16px;display:grid}.admin-panel{background:#fff;border:1px solid #d977061f;border-radius:20px;padding:24px}.admin-panel h2{margin:7px 0}.admin-panel p{color:var(--muted);line-height:1.55}.batch-form{grid-template-columns:.6fr 1.4fr;gap:14px;display:grid}.batch-form>div,.batch-form label:nth-of-type(3),.batch-form>button,.generated-panel{grid-column:1/-1}.batch-form textarea{resize:vertical;min-height:78px}.backup-panel{flex-direction:column;align-items:flex-start;display:flex}.backup-panel .outline-button{margin:auto 0 14px}.backup-panel small{color:var(--muted)}.code-panel,.stats-panel{margin-top:16px}.panel-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;display:flex}.table-filters{gap:8px;display:flex}.table-filters form{gap:6px;display:flex}.table-filters select{width:130px}.table-filters input{width:210px}.table-filters button{color:#fff;background:var(--primary);border:0;border-radius:10px;padding:0 14px;font-weight:800}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #eceef5;padding:13px 11px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}td small{color:#9298a8;text-overflow:ellipsis;max-width:130px;margin-top:4px;display:block;overflow:hidden}.row-actions{flex-wrap:wrap;gap:5px;min-width:150px;display:flex}.row-actions button{color:var(--primary-deep);background:0 0;border:0;padding:5px;font-size:12px;font-weight:800}.row-actions button.danger-link{color:#b5354a}.stats-panel{margin-bottom:40px}.generated-panel{background:#fffbf0;border:1px solid #d977062e;border-radius:14px;gap:14px;margin-top:4px;padding:18px;display:grid}.generated-panel h3{margin:10px 0 0}.generated-panel p{margin-bottom:0}.warning-pill{color:#9a5b00;background:#fff0d4;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;display:inline-flex}.generated-codes{grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0;display:grid}.generated-codes code{color:var(--primary-deep);background:var(--lavender);text-align:center;border-radius:9px;padding:10px;font-weight:900}.mode-preview{margin-top:30px}.primary-mode{color:#431407;min-height:260px;box-shadow:var(--shadow);background:linear-gradient(135deg,#fde68a 0%,#fbbf24 48%,#f59e0b 100%);border-radius:30px;padding:clamp(26px,5vw,52px);position:relative;overflow:hidden}.primary-mode:after{content:"";border:46px solid #ffffff1f;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-120px;right:-40px}.primary-mode>*{z-index:1;position:relative}.primary-mode>span{color:#78350f;font-weight:800}.primary-mode h2{letter-spacing:-.035em;max-width:800px;margin:12px 0;font-size:clamp(28px,4.5vw,48px);line-height:1.12}.no-wrap{white-space:nowrap}.primary-mode p{color:#78350f;margin:0 0 26px;line-height:1.6}.primary-mode button{color:var(--primary-deep);box-shadow:none;background:#fff}.mode-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px;display:grid}.mode-grid article{background:var(--surface);border:1px solid #d977061f;border-radius:22px;min-height:175px;padding:22px}.mode-icon{background:color-mix(in srgb, var(--card-accent,var(--primary)) 11%, white);width:48px;height:48px;color:var(--card-accent,var(--primary-deep));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--card-accent,var(--primary)) 8%, transparent);border-radius:15px;place-items:center;display:grid}.mode-icon .ui-icon{stroke-width:1.9px;width:24px;height:24px}.mode-grid h3{margin:18px 0 7px;font-size:17px}.mode-grid p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:860px){.login-card{grid-template-columns:1fr 1fr}.login-card>div,.login-card small{grid-column:1/-1}.mode-grid{grid-template-columns:repeat(2,1fr)}.welcome-row{flex-direction:column;align-items:start}.summary-grid{grid-template-columns:repeat(3,1fr)}.admin-two-column{grid-template-columns:1fr}.panel-heading{flex-direction:column;align-items:start}}@media (max-width:560px){.preview-shell{width:min(100% - 24px,1120px);padding:28px 0 46px}.brand-block h1{font-size:42px}.brand-block p{font-size:16px}.login-card{border-radius:20px;grid-template-columns:1fr;padding:18px}.login-card>*,.login-card small{grid-column:1}.primary-mode{border-radius:24px;min-height:280px}.primary-mode h2{font-size:31px}.hero-answer-line{display:block}.primary-mode button{width:100%}.mode-grid{grid-template-columns:1fr 1fr;gap:10px}.mode-grid article{border-radius:18px;min-height:164px;padding:17px}.mode-grid h3{margin-top:14px}.login-benefits{grid-template-columns:1fr}.login-benefits div{padding:12px 14px}.app-shell,.practice-shell,.admin-shell{width:min(100% - 24px,1120px);padding-top:14px}.header-actions a{display:none}.welcome-row{margin-top:32px}.welcome-row h1{font-size:39px}.local-summary{width:100%}.local-summary span{flex:1;min-width:0}.home-mode-grid a{border-radius:18px;min-height:202px;padding:17px}.mode-label{display:none}.mode-icon{border-radius:14px;width:44px;height:44px}.home-mode-grid h3{margin-top:16px;font-size:19px}.home-mode-grid p{font-size:13px;line-height:1.5}.card-action{font-size:12px}.privacy-strip{flex-direction:column;align-items:flex-start}.practice-intro{margin-top:36px}.practice-intro h1{font-size:39px}.count-picker{flex-wrap:wrap}.question-card{border-radius:22px;min-height:330px;padding:23px 20px}.question-meta{flex-direction:column;align-items:flex-start}.question-kicker{margin-top:34px}.question-card h1{font-size:32px}.audio-button{justify-content:center;width:100%}.split-actions{grid-template-columns:1fr}.answer-card{padding:21px 18px}.mark-panel{padding:16px}.mark-panel>div:first-child{align-items:flex-start}.mark-grid{gap:7px}.listening-practice-shell{padding-bottom:28px}.listening-practice-shell .practice-top{gap:8px;min-height:42px;font-size:13px}.listening-practice-shell .practice-top small{min-width:0}.listening-practice-shell .progress-track{margin:9px 0 14px}.listening-question-practice .question-card{border-radius:20px;min-height:0;padding:20px 18px}.listening-question-practice .question-kicker{margin-top:0}.listening-question-practice .question-card h1{margin:10px 0 0;font-size:25px;line-height:1.3}.listening-question-practice .audio-button{min-height:46px;margin-top:18px}.listening-question-practice .mark-panel{border-radius:18px;margin-top:12px;padding:15px 16px}.listening-question-practice .mark-panel>div:first-child{margin-bottom:10px}.listening-question-practice .mark-grid button{min-height:46px}.listening-question-practice .listening-notice{margin-top:10px;font-size:13px;line-height:1.5}.listening-question-practice .listening-feedback .listening-notice{margin-top:0}.listening-question-practice .listening-next{min-height:48px;margin-top:12px}.listening-completion{padding:22px 16px 28px}.listening-completion h1{font-size:32px}.listening-summary{gap:7px;margin:22px 0 28px}.listening-summary strong{font-size:23px}.listening-map-heading{flex-direction:column;align-items:flex-start}.listening-map-wrap{border-radius:17px;padding:10px 8px}.listening-map th,.listening-map td{padding-left:3px;padding-right:3px}.listening-map thead th:first-child,.listening-map tbody th{width:40px}.listening-cell{border-radius:4px;height:18px}.review-question-row{flex-direction:column;align-items:flex-start;padding:19px 17px}.review-actions{grid-auto-flow:column;justify-content:space-between;justify-items:start;width:100%}.review-answer{padding:21px 17px 18px}.review-answer-grid{grid-template-columns:1fr}.review-result{flex-direction:column;align-items:stretch}.review-result-actions{grid-template-columns:1fr 1fr;display:grid}.filter-tabs{flex-wrap:nowrap;padding-bottom:5px;overflow-x:auto}.filter-tabs button{white-space:nowrap}.summary-grid{grid-template-columns:repeat(2,1fr)}.admin-panel{padding:18px}.batch-form{grid-template-columns:1fr}.batch-form>*{grid-column:1!important}.table-filters{flex-direction:column;align-items:stretch;width:100%}.table-filters select,.table-filters input,.table-filters form{width:100%}.generated-codes{grid-template-columns:repeat(2,1fr)}}@media (max-width:374px){.mode-grid{grid-template-columns:1fr}.mode-grid article{min-height:0}.home-mode-grid a{min-height:175px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Mobile polish for Lyra screens */
@media (max-width:560px){
  .brand-block h1{font-size:36px}
  .welcome-row h1{font-size:34px}
  .practice-intro h1{font-size:34px}
  .review-heading{margin:32px 0 20px}
  .review-heading h1{font-size:31px}
  .review-heading p{font-size:14px;line-height:1.6}
  .completion-card{margin-top:36px;border-radius:22px;padding:26px 18px}
  .completion-card h1{font-size:30px}
  .result-grid{gap:8px;flex-wrap:wrap}
  .result-grid>div{min-width:70px}
  .listening-map-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .listening-map{min-width:320px}
  .practice-top{flex-wrap:wrap;row-gap:4px}
  .practice-top small{margin-left:auto}
  .question-meta select{max-width:100%}
  .recording-start-row .primary-button{width:100%}
  .review-actions{grid-auto-flow:row;justify-items:stretch;gap:8px}
  .review-toggle{justify-content:space-between}
  .filter-tabs{gap:6px}
  .login-benefits div{padding:12px}
  .listening-feedback{flex-wrap:wrap;gap:6px}
}
@media (max-width:380px){
  .welcome-row h1{font-size:29px}
  .brand-block h1{font-size:31px}
  .practice-intro h1{font-size:31px}
  .completion-card h1{font-size:26px}
  .review-heading h1{font-size:27px}
  .primary-mode h2{font-size:26px}
  .home-mode-grid a{min-height:0}
  .mark-grid button{font-size:14px}
  .local-summary strong{font-size:20px}
}

/* ===== 求职面试SOP ===== */
.mode-card-sop{--card-accent:#b45309;--card-tint:#fff7e6}
.mode-card-firms{--card-accent:#a16207;--card-tint:#fef9c3}
.sop-shell{padding-bottom:72px}
.sop-hero{margin:26px 0 18px}
.sop-hero h1{letter-spacing:-.04em;margin:14px 0 8px;font-size:clamp(30px,5vw,48px);line-height:1.08}
.sop-hero p{color:var(--muted);margin:0;font-size:15px;line-height:1.7;max-width:640px}
.sop-nav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px}
.sop-pill{background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .18s ease}
.sop-pill:hover{border-color:var(--primary);transform:translateY(-1px)}
.sop-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}
.sop-pill.pending{opacity:.55}
.sop-content{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:clamp(20px,4vw,40px);line-height:1.85}
.sop-content h1{letter-spacing:-.02em;margin:0 0 18px;font-size:clamp(24px,3.4vw,32px);line-height:1.25}
.sop-content h2{margin:34px 0 12px;padding-left:12px;border-left:4px solid var(--primary);font-size:clamp(19px,2.6vw,23px);line-height:1.35}
.sop-content h3{margin:24px 0 8px;color:var(--primary-deep);font-size:17px}
.sop-content p{margin:10px 0;font-size:15px}
.sop-content ul,.sop-content ol{margin:10px 0;padding-left:22px;font-size:15px}
.sop-content li{margin:6px 0}
.sop-content strong{color:var(--primary-deep)}
.sop-loading{color:var(--muted);text-align:center;padding:40px 0}
.sop-pending{text-align:center;padding:48px 16px;color:var(--muted)}
.sop-pending h2{border:0;padding:0;margin:0 0 10px}
@media (max-width:560px){
  .sop-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .sop-pill{flex:none;white-space:nowrap}
}

/* ===== SOP 指南总览 ===== */
.sop-block{margin-bottom:34px}
.sop-block:last-child{margin-bottom:0}
.sop-block>h2{margin:0 0 14px;padding-left:12px;border-left:4px solid var(--primary);font-size:clamp(19px,2.6vw,23px)}
.sop-lead{font-size:15px;color:var(--muted);margin:0 0 16px}
.sop-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.sop-flow-item{position:relative;background:var(--lavender);border:1px solid var(--line);border-radius:16px;padding:16px 14px 14px}
.sop-flow-item strong{display:block;margin:6px 0 6px;font-size:15px;color:var(--primary-deep)}
.sop-flow-item p{margin:0;font-size:13px;line-height:1.65;color:var(--muted)}
.sop-flow-no{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--primary);color:#fff;font-size:12px;font-weight:800}
.sop-note{font-size:13px;color:var(--muted);margin:0 0 10px}
.sop-gains{margin:0;padding-left:22px;font-size:15px;line-height:1.85}
.sop-gains li{margin:6px 0}
.sop-dir{display:grid;gap:10px}
.sop-dir-item{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 18px;transition:all .18s ease}
.sop-dir-item:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 10px 30px #78350f14}
.sop-dir-item strong{font-size:15px}
.sop-dir-main p{margin:4px 0 0;font-size:13px;color:var(--muted);line-height:1.6}
.sop-dir-status{flex:none;font-size:12px;font-weight:700;color:var(--primary-deep);background:var(--lavender);border-radius:999px;padding:5px 11px}
.sop-dir-item.pending .sop-dir-status{color:var(--muted);background:#f3f4f6}
@media (max-width:560px){.sop-dir-item{padding:13px 14px}}

/* ===== SOP 顶部居中 + 章节下拉框 ===== */
.sop-hero{text-align:center}
.sop-select-wrap{margin:18px auto 22px;max-width:520px}
.sop-select{appearance:none;-webkit-appearance:none;width:100%;padding:13px 42px 13px 16px;border:1px solid var(--line);border-radius:14px;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b45309' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;font-size:15px;font-weight:600;color:var(--ink);box-shadow:0 10px 30px #78350f14;cursor:pointer}
.sop-select:hover{border-color:var(--primary)}

/* ===== SOP 表格（对齐原网页表格样式） ===== */
.sop-table-wrap{overflow-x:auto;margin:12px 0 22px;border:1px solid var(--line);border-radius:14px}
.sop-table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.sop-table th,.sop-table td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:11px 14px;vertical-align:top;text-align:left;line-height:1.75}
.sop-table tr:last-child th,.sop-table tr:last-child td{border-bottom:0}
.sop-table th:last-child,.sop-table td:last-child{border-right:0}
.sop-table th{background:var(--lavender);color:var(--primary-deep);font-weight:700;white-space:nowrap;width:1%}
.sop-table td{color:var(--ink)}

/* ===== SOP 第1章新增元素：h4 / 引用块 / 插图 ===== */
.sop-content h4{font-size:15.5px;margin:22px 0 10px;color:var(--primary-deep)}
.sop-content blockquote{margin:12px 0;padding:12px 16px;border-left:3px solid var(--primary);background:var(--lavender);border-radius:0 12px 12px 0;color:var(--ink);font-size:14px;line-height:1.8}
.sop-img{max-width:100%;display:block;margin:14px 0;border-radius:14px;border:1px solid var(--line)}

/* ===== SOP 表格通栏小节行 ===== */
.sop-table td.sop-td-section{background:#fdf3d7;font-weight:700;color:var(--primary-deep)}

/* ===== SOP 子页面卡片 / 面包屑 / 正文链接 ===== */
.sop-content a{color:var(--primary-deep);font-weight:600}
.sop-subpage{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;margin:14px 0;border:1.5px solid var(--primary);border-radius:14px;background:var(--lavender);color:var(--primary-deep);font-weight:700;text-decoration:none;transition:all .15s ease}
.sop-subpage:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(217,119,6,.18)}
.sop-subpage-arrow{font-size:12.5px;color:var(--muted);font-weight:500;flex-shrink:0}
.sop-crumb{margin:2px 0 10px;font-size:13px}
.sop-crumb a{color:var(--primary-deep);text-decoration:none;font-weight:600}

/* ---------- 400+在华外企合集 ---------- */
.firm-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}
.firm-stats span{background:#fff7e6;border:1px solid #fde4bf;color:#92400e;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}
.firm-stats b{font-size:15px;color:#b45309}
.firm-hero p{max-width:none}
@media (min-width:761px){
  .firm-hero p{font-size:13.5px;white-space:nowrap}
}
.firm-notes{background:#fffdf7;border:1px solid #fde4bf;border-radius:14px;padding:14px 18px;margin:18px 0}
.firm-notes summary{cursor:pointer;font-weight:700;color:#92400e;font-size:14px;outline:none}
.firm-notes ol{margin:12px 0 6px;padding-left:20px;color:#57534e;font-size:13.5px;line-height:1.85}
.firm-note-foot{margin:6px 0 0;font-size:12.5px;color:#a8a29e}
.firm-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0 14px}
.firm-search{flex:1 1 240px;min-width:180px;border:1px solid #f0e0c8;background:#fffdf9;border-radius:10px;padding:10px 14px;font-size:14px;color:#3f3324;outline:none}
.firm-search:focus{border-color:#d97706;box-shadow:0 0 0 3px rgba(217,119,6,.12)}
.firm-select{border:1px solid #f0e0c8;background:#fffdf9;border-radius:10px;padding:10px 12px;font-size:13.5px;color:#3f3324;outline:none;max-width:200px}
.firm-reset{border:1px solid #f0e0c8;background:#fff;border-radius:10px;padding:10px 14px;font-size:13.5px;color:#92400e;cursor:pointer;font-weight:600}
.firm-reset:hover{background:#fff7e6}
.firm-count{margin-left:auto;font-size:13px;color:#a8a29e;font-weight:600}

.firm-table-wrap{border:1px solid #f2e3ca;border-radius:14px;background:#fff;overflow:hidden}
.firm-table{width:100%;border-collapse:collapse;font-size:13.5px;table-layout:fixed}
.firm-table thead th{background:#fdf1d8;color:#8a5a12;font-weight:700;font-size:12.5px;text-align:left;letter-spacing:.04em;padding:12px 16px;border-bottom:1px solid #f0dcba}
.firm-table thead .col-no{width:64px}
.firm-table thead .col-base{width:32%}
.firm-table thead .col-apply{width:32%}
.firm-table td{padding:13px 16px;border-bottom:1px solid #f7efe0;vertical-align:top}
.firm-table tbody tr:last-child td{border-bottom:none}
.firm-table tbody tr:nth-child(even){background:#fffdf7}
.firm-table tbody tr:hover{background:#fff9ee}
.firm-no{color:#c0a98a;font-variant-numeric:tabular-nums;font-weight:600;padding-top:15px}
.firm-name-row{font-weight:700;color:#3f3324;font-size:14px;line-height:1.5}
.firm-name-links{margin-top:5px;display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#a8a29e}
.firm-name-links a{color:#b45309;font-weight:600;text-decoration:none}
.firm-name-links a:hover{text-decoration:underline}
.firm-wx{color:#a8a29e}
.firm-base{line-height:2}
.firm-tag{display:inline-block;font-size:11.5px;padding:1px 9px;margin:0 6px 6px 0;border-radius:6px;background:#fff7e6;border:1px solid #f5e3c4;color:#92600f;white-space:nowrap}
.firm-tag-ind{background:#fef9ef;color:#8a6d3b}
.firm-tag-city{background:#fbf7ef;color:#8a7a63}
.firm-links{display:flex;flex-wrap:wrap;gap:6px}
.firm-chip{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px;background:#fff7e6;border:1px solid #f7e2bd;color:#92400e;text-decoration:none;white-space:nowrap;transition:all .12s ease}
.firm-chip:hover{background:#fbe2b4;color:#7c3a0b}
.firm-nolink{color:#c4b5a0}
@media (max-width:760px){
  .firm-select{flex:1 1 42%;max-width:none}
  .firm-count{margin-left:0;width:100%}
  .firm-toolbar{gap:8px}
  .firm-stats span{font-size:12px;padding:5px 11px}
  .firm-notes{padding:12px 14px}
  .firm-notes ol{font-size:13px}
  .firm-table-wrap{background:transparent;border:0;border-radius:0;overflow:visible}
  .firm-table{display:block;font-size:13.5px;table-layout:auto}
  .firm-table thead{display:none}
  .firm-table tbody{display:block}
  .firm-table tbody tr{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:9px;align-items:start;min-height:112px;padding:13px 14px;margin-bottom:10px;background:#fff;border:1px solid #f2e3ca;border-radius:14px}
  .firm-table tbody tr:nth-child(even),.firm-table tbody tr:hover{background:#fffdf7}
  .firm-table td{display:block;min-width:0;border:0;padding:0}
  .firm-no{grid-area:1/1;color:#cbb894;font-size:12px;font-weight:600;padding-top:3px}
  .firm-name{grid-area:1/2}
  .firm-base,.firm-table td.firm-base{display:none}
  .firm-apply{grid-area:2/2;margin-top:8px;min-width:0}
  .firm-name-row{font-size:15px;line-height:1.45}
  .firm-name-en{display:inline;margin:0 0 0 2px;color:#a8a29e;font-size:12px;font-weight:600;letter-spacing:.02em;white-space:normal;overflow:visible;text-overflow:clip}
  .firm-name-links{margin-top:7px;font-size:12.5px;gap:11px}
  .firm-links{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .firm-links::-webkit-scrollbar{display:none}
  .firm-chip{flex:0 0 auto;font-size:11.5px;padding:3px 8px}
}