/* Course roadmap and flashcard preferences. */
.my-languages{margin:0 0 30px}
.my-languages-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.my-languages-heading h2{font-size:22px;letter-spacing:-.4px}
.my-languages-heading p{font-size:14px;color:#647895;margin-top:6px;line-height:1.6}
.my-languages-heading>.btn{flex-shrink:0;min-height:44px}
.my-languages-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.my-language-card{padding:22px;background:#fff;border:1px solid #dfe7f2;border-radius:18px;min-width:0}
.my-language-card.is-current{border-color:#b8cdf6;background:#fbfcff}
.my-language-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.my-language-heading>.icon-btn{width:40px;height:40px;flex-shrink:0}
.my-language-title{display:flex;align-items:center;gap:12px;min-width:0;text-align:left;border-radius:8px}
.my-language-title .flag{flex-shrink:0;width:36px;height:26px}
.my-language-title strong{display:block;font-size:17px;line-height:1.4}
.my-language-title small{display:block;font-size:12px;color:#637b9e;margin-top:3px}
.my-language-levels{display:grid;grid-template-columns:1fr 1fr;background:#f4f7fc;border-radius:12px;margin:20px 0;padding:15px 18px;gap:16px}
.my-language-levels>div>span{display:block;font-size:12px;color:#617594;margin-bottom:5px}
.my-language-levels strong,.my-language-levels button{font-size:23px;font-weight:850;line-height:1.4}
.my-language-levels button{display:flex;align-items:center;gap:8px;color:var(--blue);min-height:36px}
.my-language-levels .icon{width:15px;height:15px}
.my-language-progress>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px;line-height:1.5;color:#5c7190}
.my-language-progress strong{white-space:nowrap;color:var(--navy)}
.my-language-progress .progress-track{height:6px;margin:10px 0}
.my-language-progress p{font-size:12px;color:#667c9b;line-height:1.5}
.my-language-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:19px}
.my-language-actions .btn{min-height:44px;padding:11px 17px}
.my-language-actions .text-link{font-size:12px;min-height:44px;white-space:nowrap}
.my-language-actions .text-link .icon{width:16px;height:16px}
.my-languages-note{font-size:12px;line-height:1.65;color:#6b7e97;margin-top:14px;max-width:750px}
.my-languages-shortcut{margin-top:20px;min-height:44px}
.language-plan-form{max-width:440px;margin:0 auto;display:flex;flex-direction:column;gap:20px}
.language-plan-identity{display:flex;align-items:center;gap:13px;margin-bottom:2px}
.language-plan-identity strong{display:block;font-size:19px}
.language-plan-identity span:not(.flag){display:block;font-size:13px;color:#697f9d;margin-top:4px}
.language-plan-note{font-size:13px;line-height:1.7;color:#677b98}
.language-plan-error{color:#a53636;font-size:13px;line-height:1.6}
.language-plan-error:empty{display:none}
.language-plan-actions{display:flex;justify-content:flex-end;gap:12px}
.language-plan-actions .btn{min-height:46px}
.tests-intro{padding:20px 22px;background:#edf3ff;border:1px solid #dce7fb;border-radius:15px;margin-bottom:20px}
.tests-intro>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tests-intro p{font-size:14px;line-height:1.65;color:#5b7396;margin-top:10px}
.test-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.test-card{display:flex;align-items:flex-start;flex-direction:column;background:#fff;border:1px solid #dfe7f2;border-radius:18px;padding:24px;min-width:0}
.test-card .icon-tile{margin-bottom:20px}
.test-card h2{font-size:19px;line-height:1.4}
.test-card p{font-size:14px;line-height:1.65;color:#657a99;margin:10px 0 16px}
.test-card small{font-size:12px;line-height:1.6;color:#5c7291;margin:auto 0 18px}
.test-card>.btn{width:100%;min-height:46px;font-size:14px}
.test-card>.text-link{margin-top:12px;min-height:32px}
.test-history{margin-top:32px}
.test-history-list{display:flex;flex-direction:column;gap:10px}
.test-history-row{background:#fff;border:1px solid #dfe7f2;border-radius:14px}
.test-history-row summary{display:flex;align-items:center;gap:18px;padding:20px 22px;cursor:pointer;list-style:none}
.test-history-row summary::-webkit-details-marker{display:none}
.test-history-row summary>span:first-child{flex:1;min-width:0}
.test-history-row summary strong{display:block;font-size:15px;line-height:1.5}
.test-history-row summary small{display:block;font-size:12px;color:#667c9b;margin-top:3px}
.test-score{text-align:right;white-space:nowrap}
.test-score strong{color:var(--blue)}
.test-history-row summary>.icon{width:18px;height:18px;flex-shrink:0;color:#7388a5}
.test-history-row[open] summary>.icon{transform:rotate(180deg)}
.test-history-detail{padding:0 22px 22px}
.test-history-detail p{font-size:14px;color:#617797;line-height:1.6}
.test-history-detail ul{list-style:none;padding:0;margin:14px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.test-history-detail li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;padding:7px 0;min-width:0}
.test-history-detail li strong,.test-history-detail li span{overflow-wrap:anywhere}
.test-history-detail li span{color:#617797;text-align:right}
.test-history-empty{padding:32px 24px;text-align:center;border:1px dashed #cdd9e9;border-radius:16px;background:#fafcff}
.test-history-empty>.icon{width:30px;height:30px;color:#7492b8;margin-bottom:12px}
.test-history-empty h3{font-size:18px}
.test-history-empty p{font-size:14px;line-height:1.7;color:#657c9e;max-width:500px;margin:8px auto 0}
@media(max-width:1100px){.test-catalog{grid-template-columns:1fr 1fr}.test-card:last-child{grid-column:1/-1}}
@media(max-width:620px){.test-catalog{grid-template-columns:1fr}.test-card{padding:22px}.test-history-row summary{padding:18px;gap:12px}.test-history-detail{padding:0 18px 20px}.test-history-detail ul{grid-template-columns:1fr}.test-history-row summary strong{font-size:14px}.test-history-row summary small{font-size:11px}.tests-intro{padding:18px}.test-card .icon-tile{margin-bottom:14px}}
@media(max-width:1050px) and (min-width:761px){.my-languages-grid{grid-template-columns:1fr}}
@media(max-width:620px){.my-languages-grid{grid-template-columns:1fr}.my-languages-heading{align-items:flex-start;flex-wrap:wrap}.my-languages-heading h2{font-size:21px}.my-language-card{padding:20px}.my-languages-heading>.btn{font-size:14px}.my-language-actions .text-link{font-size:13px}.my-language-levels{margin:17px 0}.language-plan-actions>.btn{flex:1}.page-heading.between:has(+.my-languages){align-items:flex-start;flex-wrap:wrap;gap:12px}}
.roadmap-summary{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#edf3ff;border:1px solid #dce7fb;border-radius:18px;padding:24px 28px;margin-bottom:26px}
.roadmap-summary-intro{display:flex;gap:17px;align-items:center}
.roadmap-summary-intro>.flag{width:44px;height:32px;flex-shrink:0}
.roadmap-summary .eyebrow{font-size:10px;color:#597dad;letter-spacing:1.1px}
.roadmap-summary h2{font-size:24px;margin:4px 0}
.roadmap-summary p{font-size:14px;color:#617a9d}
.roadmap-target{display:flex;align-items:center;gap:14px;padding-left:26px;border-left:1px solid #d2dff5}
.roadmap-target>.icon{width:30px;height:30px;color:var(--blue)}
.roadmap-target>span{font-size:12px;color:#5a7399;white-space:nowrap}
.roadmap-target strong{display:block;font-size:28px;font-weight:900;color:var(--navy);line-height:1.2}
.roadmap-target .text-link{margin-left:14px;white-space:nowrap;font-size:13px}
.roadmap-layout{display:grid;grid-template-columns:246px minmax(0,1fr);gap:26px;align-items:start}
.level-rail{display:flex;flex-direction:column;gap:9px;position:sticky;top:24px}
.level-stop{display:flex;align-items:center;gap:13px;text-align:left;padding:15px 13px;border:1px solid transparent;border-radius:14px;min-height:83px;position:relative}
.level-stop:hover{background:#f0f4fb}
.level-stop.selected{background:#fff;border-color:#cdddf9;box-shadow:0 4px 16px #245b9c06}
.level-node{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border:1px solid #dce4ef;background:#fff;border-radius:12px;font-size:15px;font-weight:900;color:#6f829e}
.level-stop.selected .level-node{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 4px 10px #2563eb25}
.level-stop-copy{min-width:0;flex:1}
.level-stop-copy strong{font-size:14px;display:block;font-weight:800;line-height:1.3}
.level-stop-copy small{font-size:11px;color:#6d829f;display:block;margin-top:5px}
.level-stop>.icon{width:15px;height:15px;flex-shrink:0;color:#6d8ab2}
.level-detail{background:#fff;border:1px solid #e1e8f3;border-radius:20px;padding:28px 30px;min-width:0;scroll-margin-top:98px}
.level-detail-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}
.level-large{font-size:23px;letter-spacing:-.5px;font-weight:900;color:var(--blue);width:63px;height:63px;display:flex;align-items:center;justify-content:center;background:#edf3ff;border-radius:16px}
.level-detail-top .badge{font-size:12px;text-align:right;line-height:1.5;max-width:220px}
.level-detail>h2{font-size:28px;letter-spacing:-.4px}
.level-subtitle{font-weight:750;font-size:16px;color:#567ba9;margin-top:7px}
.level-description{font-size:15px;line-height:1.75;color:#637796;margin:17px 0 24px;max-width:620px}
.level-detail h3{font-size:16px;font-weight:850}
.starter-progress{border:1px solid #e2eaf6;background:#f8faff;border-radius:12px;padding:17px 19px;margin-bottom:25px}
.starter-progress .between{gap:15px;font-size:13px;align-items:flex-start}
.starter-progress .between>span{white-space:nowrap;color:#5376a6;font-weight:800}
.starter-progress .progress-track{margin:12px 0 10px;height:6px}
.starter-progress p{font-size:12px;color:#637c9d;line-height:1.6}
.level-goals{list-style:none;padding:0;margin:14px 0 26px;display:flex;flex-direction:column;gap:12px}
.level-goals li{display:flex;gap:10px;font-size:14px;line-height:1.6;color:#526b8d}
.level-goals .icon{width:17px;height:17px;flex-shrink:0;margin-top:3px;color:#7097c8}
.level-section-heading{margin-bottom:15px;gap:15px}
.roadmap-modules{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.roadmap-module{display:flex;align-items:center;gap:11px;border:1px solid #e4ebf5;border-radius:12px;background:#fff;text-align:left;min-width:0;padding:13px;min-height:76px;transition:background .2s,border-color .2s}
.roadmap-module:hover{background:#f8faff;border-color:#b9d0f3}
.roadmap-module .icon-tile{width:34px;height:34px;border-radius:9px;flex-shrink:0;margin:0}
.roadmap-module .icon-tile .icon{width:18px;height:18px}
.roadmap-module>span:nth-child(2){flex:1;min-width:0}
.roadmap-module strong{display:block;font-size:13px;font-weight:800;line-height:1.35}
.roadmap-module small{display:block;font-size:11px;color:#6e819b;margin-top:5px}
.roadmap-module>.icon{width:15px;height:15px;flex-shrink:0;color:#7493bc}
.level-themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:23px}
.level-theme{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font:inherit;border:1px solid #e4eaf4;background:#f7f9fc;color:#617796;border-radius:10px;font-size:13px;padding:9px 13px;text-align:start;cursor:pointer;transition:background .2s,border-color .2s}.level-theme strong{color:#1f3351;font-size:14px}.level-theme small{font-size:12px}button.level-theme:hover{background:#eef4ff;border-color:#91b1ef}button.level-theme:focus-visible{outline:3px solid #94b5ff;outline-offset:2px}.level-theme.is-waiting{cursor:default;opacity:.65}
.level-availability{display:flex;gap:11px;padding:17px 18px;border-radius:12px;background:#f4f7fc;color:#5e7596;font-size:13px;line-height:1.65}
.level-availability>.icon{flex-shrink:0;width:18px;height:18px;margin-top:2px}
.roadmap-actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}
.roadmap-actions>.btn{min-height:49px;font-size:14px}
.roadmap-actions>.btn:disabled{opacity:1;color:#43826b;background:#edf7f2;border-color:#d8ecdf;cursor:default}
.roadmap-footnote{color:#6c7e97;font-size:12px;line-height:1.75;max-width:850px;margin:25px auto 0}
.roadmap-footnote a{display:inline-flex;align-items:center;gap:5px;color:#426da7;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.roadmap-footnote .icon{width:13px;height:13px}
.home-roadmap-link{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid #dce6f5;border-radius:15px;background:#fff;margin-top:20px}
.home-roadmap-link>.icon:first-child{width:24px;height:24px;color:var(--blue)}
.home-roadmap-link>span{flex:1;font-size:14px;font-weight:850}
.home-roadmap-link small{display:block;color:#6a80a0;font-size:12px;font-weight:650;margin-top:3px}
.home-roadmap-link>.icon:last-child{width:18px;height:18px;color:#6b88ae}
.practice-settings-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;background:#edf3ff;padding:16px 20px;border:1px solid #dce7fb;border-radius:13px}
.practice-settings-row p{font-size:13px;color:#5c779f;line-height:1.5}
.practice-settings-row strong{font-weight:850;color:#3b5d8e}
.practice-settings-row .btn{white-space:nowrap;font-size:13px;min-height:44px}
.session-top>.card-settings-button{width:38px;height:38px;border-radius:10px;border:1px solid #e1e8f3;background:#fff;color:#6c85aa;flex-shrink:0}
.study-card .card-direction-label{font-size:11px;color:#6883a8;margin-bottom:10px;font-weight:750}
.card-face{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:150px;padding:12px 4px;border:0;border-radius:12px;background:none;color:var(--navy);text-align:center;cursor:pointer}.card-face .study-word,.card-face .translation,.card-face .reveal-placeholder{display:block}.card-face [hidden]{display:none}.card-face-hint{display:block;font-size:11px;font-weight:500;color:#9aaac1;margin-top:20px;line-height:1.5}.card-face:hover .card-face-hint{color:#5f80af}.card-navigation{display:grid;grid-template-columns:110px minmax(0,1fr) 110px;gap:10px;margin-top:19px}.card-navigation .btn{min-height:48px;padding:12px 10px;font-size:13px;white-space:nowrap;justify-content:center}.card-navigation .icon{width:18px;height:18px;flex-shrink:0}.card-navigation .btn:disabled{opacity:.35;cursor:default}.card-recorded{display:flex;align-items:flex-start;gap:12px;background:#f0f5fc;border-radius:12px;padding:17px 19px;margin-top:20px;font-size:13px;color:#5a769b;line-height:1.6}.card-recorded>.icon{width:19px;height:19px;margin-top:1px;flex-shrink:0}.card-recorded small{display:block;font-size:11px;color:#8a9bb2;margin-top:3px}.card-navigation-note{margin-top:19px;text-align:center;color:#8d9eb5;font-size:12px;line-height:1.7}.keyboard-hint>span{margin:0 6px}.card-navigation+.session-actions{margin-top:18px}
/* Flashcards: the translation is always shown; the verdict sits above the card as two compact choices, Back / Next are the big buttons below. */
.card-navigation{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.card-nav-prev,.card-nav-next{min-height:54px;font-size:15px}
.card-face{cursor:default}
.card-rating{display:flex;justify-content:center;gap:10px;margin:0 0 14px}
.card-rate{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:background .15s,border-color .15s}
.card-rate .icon{width:17px;height:17px}
.card-rate:hover:not(:disabled){border-color:var(--blue);background:#f3f7ff}
.card-rate.good{border-color:#9ed0b7;color:#278360}.card-rate.good:hover:not(:disabled){background:#eaf7f0;border-color:#278360}
.card-rate.selected{background:var(--navy);border-color:var(--navy);color:#fff}.card-rate.good.selected{background:#278360;border-color:#278360}
.card-rate:disabled:not(.selected){opacity:.45;cursor:default}
.topbar-signout{flex-shrink:0;width:38px;height:38px;border:1px solid var(--line);background:#fff;color:#5f6f8a}
.topbar-signout:hover{color:var(--navy);border-color:var(--blue)}
/* Calm interface: hovering changes colour and border only, nothing lifts or moves, and there is no permanent "new" marker. */
.mode-card:hover,.topic-card:hover,.practice-card:hover{transform:none}
.new-dot{display:none}
.language-chip{white-space:nowrap}
@media(max-width:480px){.mobile-brand>span{display:none}.topbar-tools{gap:6px}.topbar-signout,.topbar .avatar{width:36px;height:36px}.card-navigation{gap:8px}.card-navigation .btn{font-size:14px;padding:12px 8px}.card-rate{padding:0 14px;font-size:13px}.card-face{min-height:140px}.card-recorded{padding:15px;font-size:12px}.card-recorded small{font-size:11px}.card-navigation-note{font-size:11px}}
#modal:has(.card-settings){width:850px;max-width:calc(100vw - 32px)}
#modal:has(.card-settings) .modal-head{position:sticky;top:0;background:#fff;z-index:2}
.card-settings-intro{color:#637b9a;font-size:14px;line-height:1.6;margin-bottom:20px;max-width:680px}
.card-settings-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:26px;align-items:start}
.card-settings-fields{display:flex;flex-direction:column;gap:16px;min-width:0}
.card-setting-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.card-setting-field>span{font-size:14px;font-weight:800;color:#3d577b}
.card-setting-field>select{width:100%;min-width:0;min-height:46px;border:1px solid #dce5f2;border-radius:10px;background:#fff;color:#3f5b83;padding:10px 30px 10px 12px;font:inherit;font-size:14px}
.card-setting-field>small{font-size:11px;line-height:1.5;color:#6b80a0}
.card-setting-toggle{display:flex;align-items:center;gap:12px;position:relative;padding:15px 0 0;border-top:1px solid #e6edf7;cursor:pointer}
.card-setting-toggle>span:first-child{flex:1}
.card-setting-toggle strong{font-size:14px;display:block;color:#3d577b}
.card-setting-toggle small{font-size:11px;display:block;color:#6b80a0;line-height:1.6;margin-top:6px}
.card-setting-toggle input{position:absolute;right:0;width:46px;height:27px;opacity:0;cursor:pointer;z-index:1}
.switch-track{width:46px;height:27px;border-radius:20px;background:#c5d0e0;border:1px solid #aabbd1;position:relative;flex-shrink:0;transition:background .2s}
.switch-track:after{content:'';position:absolute;width:19px;height:19px;left:3px;top:3px;border-radius:50%;background:white;box-shadow:0 1px 3px #1b365425;transition:transform .2s}
.card-setting-toggle input:checked+.switch-track{background:var(--blue);border-color:var(--blue)}
.card-setting-toggle input:checked+.switch-track:after{transform:translateX(19px)}
.card-setting-toggle input:focus-visible+.switch-track{outline:3px solid #92b8ff;outline-offset:3px}
.card-preview{border:1px solid #dce6f5;border-radius:16px;background:#f5f8fe;padding:17px;position:sticky;top:0}
.preview-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:850;color:#6885b0;letter-spacing:.7px;margin-bottom:16px}
.card-preview-face{background:#fff;box-shadow:0 5px 0 #e5ecf8;border:1px solid #dce6f5;border-radius:15px;padding:22px 16px;text-align:center;display:flex;align-items:center;flex-direction:column;min-height:247px}
.card-preview-face>.language-chip{font-size:11px;color:#6984a7}
.card-preview-face>strong{font-size:36px;line-height:1.25;margin-top:23px;letter-spacing:-.5px;overflow-wrap:anywhere;max-width:100%}
.preview-answer{font-size:21px;font-weight:750;color:#4c76b1;margin:9px 0 18px;overflow-wrap:anywhere;max-width:100%}
.preview-hidden{font-size:12px;color:#7185a1;margin:12px 0 20px;line-height:1.5}
.card-preview-face>.btn{font-size:12px;min-height:42px;margin-top:auto;padding:10px 12px}
.preview-caption{font-size:12px;line-height:1.6;color:#677e9d;margin-top:17px}
.card-settings-help{display:flex;gap:8px;font-size:11px;line-height:1.7;color:#6c809e;margin-top:18px}
.card-settings-help .icon{width:15px;height:15px;flex-shrink:0;margin-top:2px}
.card-settings-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0 20px;border-top:1px solid #e7edf6;padding-top:19px}
#card-settings-saved{display:flex;align-items:center;gap:6px;font-size:11px;color:#4c806c}
#card-settings-saved .icon{width:14px;height:14px}
.card-settings-bottom .text-link{font-size:12px}
.settings-session-note{background:#eef4ff;border:1px solid #dce6f7;border-radius:10px;padding:12px 15px;font-size:12px;line-height:1.6;color:#59759d;margin-bottom:20px}
.settings-card-link{display:flex;align-items:center;gap:13px;width:100%;text-align:left;margin:24px 0;padding:17px;border:1px solid #dce6f5;border-radius:12px;background:#f4f8ff}
.settings-card-link>.icon{color:var(--blue);flex-shrink:0}
.settings-card-link>span{flex:1;font-size:15px;font-weight:800}
.settings-card-link small{display:block;font-size:12px;color:#6b81a1;margin-top:4px;font-weight:650}
@media(max-width:1100px){.roadmap-layout{grid-template-columns:210px minmax(0,1fr);gap:18px}.level-stop{gap:10px;padding:12px 10px}.level-stop-copy strong{font-size:13px}.level-stop>.icon{display:none}.level-detail{padding:25px}.roadmap-modules{grid-template-columns:1fr}.roadmap-target .text-link{margin-left:0}.roadmap-target{padding-left:18px;gap:10px}}
@media(max-width:760px){
 .roadmap-summary{padding:21px;gap:15px}.roadmap-summary h2{font-size:22px}.roadmap-summary-intro{gap:12px}.roadmap-summary p{font-size:13px}.roadmap-target>.icon{display:none}.roadmap-target .text-link{display:none}
 .roadmap-layout{grid-template-columns:minmax(0,1fr);gap:19px}.level-rail{flex-direction:row;position:static;overflow-x:auto;gap:8px;padding:2px 2px 9px;scrollbar-width:thin}.level-stop{flex-direction:column;flex:1 0 62px;min-height:81px;gap:7px;align-items:center;padding:9px 7px;max-width:100px}.level-node{width:36px;height:36px;font-size:14px;border-radius:10px}.level-stop-copy strong{display:none}.level-stop-copy small{font-size:10px;margin:0;white-space:nowrap}.level-stop-copy{flex:0}.level-stop:not(.selected) .level-stop-copy small{display:none}
 .level-detail{padding:25px}.level-detail>h2{font-size:27px}.level-subtitle{font-size:16px}.level-description{font-size:15px}.level-goals li{font-size:15px}.roadmap-modules{grid-template-columns:1fr 1fr}.roadmap-module strong{font-size:14px}.roadmap-module small{font-size:12px}.roadmap-footnote{font-size:12px}.roadmap-actions>.btn{font-size:15px;min-height:51px}
 .card-setting-field>select{font-size:16px;min-height:49px}.card-settings-intro{font-size:15px}.card-setting-field>span,.card-setting-toggle strong{font-size:15px}.card-setting-field>small,.card-setting-toggle small,.card-settings-help{font-size:12px}.card-settings-bottom{flex-wrap:wrap;gap:12px}#card-settings-saved{font-size:12px}.card-settings-bottom .text-link{font-size:13px}
 .practice-settings-row{padding:17px;flex-wrap:wrap}.practice-settings-row p{font-size:14px}.practice-settings-row .btn{font-size:14px}.session-heading p{font-size:14px}.study-card .card-direction-label{font-size:12px}.home-roadmap-link>span{font-size:15px}.home-roadmap-link small{font-size:13px}
}
@media(max-width:570px){.card-settings-grid{grid-template-columns:1fr;gap:22px}.card-settings-grid>aside{order:-1}.card-preview-face{min-height:0;padding:17px}.card-preview-face>strong{margin-top:12px;font-size:30px}.preview-hidden{margin:8px 0 12px}.preview-answer{margin:6px 0 12px}.card-preview{padding:14px}.preview-top{margin-bottom:11px}.preview-caption{margin-top:13px;font-size:12px}.card-settings-help{margin-top:12px}.card-setting-toggle small{font-size:12px}.card-settings-grid{gap:20px}.card-settings-intro{font-size:14px}.card-settings-fields{gap:17px}}
@media(max-width:480px){
 .page-heading.between:has(+.roadmap-summary){flex-direction:column;gap:15px}.roadmap-summary{padding:18px 17px}.roadmap-summary .eyebrow{font-size:8px;letter-spacing:.6px}.roadmap-summary h2{font-size:21px}.roadmap-summary-intro>.flag{width:31px;height:23px}.roadmap-summary-intro{gap:11px}.roadmap-summary p{font-size:12px;line-height:1.5}.roadmap-target>span{font-size:10px}.roadmap-target strong{font-size:25px}.roadmap-layout{gap:13px}.level-stop{flex-basis:59px}.level-detail{padding:22px 19px;border-radius:17px}.level-detail-top{gap:12px}.level-large{width:54px;height:54px;font-size:21px;flex-shrink:0}.level-detail-top .badge{font-size:11px;max-width:185px}.level-detail>h2{font-size:25px}.level-subtitle{font-size:15px;line-height:1.5}.level-description{font-size:14px;line-height:1.75}.level-goals li{font-size:14px}.starter-progress{padding:15px}.starter-progress .between{font-size:12px}.starter-progress p{font-size:12px}.roadmap-modules{grid-template-columns:1fr}.roadmap-module{min-height:73px;padding:13px 15px}.roadmap-module strong{font-size:15px}.roadmap-module small{font-size:12px}.roadmap-module .icon-tile{width:38px;height:38px}.roadmap-actions{flex-direction:column;gap:10px}.roadmap-actions>.btn{width:100%;font-size:15px}.level-themes>span{font-size:13px}.level-availability{font-size:13px;padding:15px}.roadmap-footnote{font-size:12px}.home-roadmap-link{padding:17px}.practice-settings-row{gap:12px}.practice-settings-row .btn{width:100%}.card-settings-bottom{align-items:flex-start;flex-direction:column}#modal:has(.card-settings){width:calc(100% - 20px)}
}
.senses{margin:16px 0 0;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left}
.senses-title{margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.senses ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.senses li{display:grid;gap:2px}
.senses li strong{color:var(--navy);font-size:15px}
.senses li span{color:var(--navy);font-size:14px}
.senses li em{color:var(--muted);font-size:13px;font-style:normal}
.word-senses{display:block;margin-top:2px;color:var(--muted);font-size:12px}
.card-alts{display:block;margin-top:8px;max-width:100%;color:var(--muted);font-size:15px;line-height:1.4;text-align:center}
.detail-alts{display:block;margin:-6px 0 10px;color:var(--muted);font-size:14px}
@media(prefers-reduced-motion:reduce){.switch-track,.switch-track:after,.roadmap-module{transition:none}}

.study-level-note{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:10px 14px;border-radius:12px;background:#edf3ff;border:1px solid #dae6fc;font-size:14px;font-weight:800;color:#305a98}.study-level-note .icon{width:18px;height:18px}
.level-theme-card{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px;border:1px solid #e4eaf4;border-radius:12px;background:#fff}.level-theme-card>.level-theme{grid-column:1/-1;border:0;background:transparent;padding:2px 4px}.level-theme-card>.level-theme:hover{background:#eef4ff}.level-theme-quiz{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:auto;min-height:56px;padding:6px 2px;font-size:12px;line-height:1.2}.level-theme-quiz svg{width:18px;height:18px}.level-themes>.level-theme.is-waiting{background:#fff}
/* The plan card puts its two halves one under the other as soon as they no longer fit side by side, buttons wrap instead of leaving the card. */
@media(max-width:1100px){.roadmap-summary{flex-direction:column;align-items:stretch}.roadmap-target{padding:15px 0 0;border-left:0;border-top:1px solid #d2dff5;flex-wrap:wrap}.roadmap-target .btn{flex:1 1 180px;justify-content:center;white-space:normal}}