.personal-search{margin:20px 0}.personal-search>div{display:flex;gap:10px}.personal-search input{min-width:0;flex:1;border:1px solid var(--line);border-radius:9px;padding:12px}.personal-search label,.personal-editor label{display:block;font-weight:650;margin:15px 0 7px}.personal-editor{max-width:800px;margin:24px auto}.personal-editor textarea,.personal-editor input{font:inherit;display:block;width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;resize:vertical}.personal-editor [role=alert]{color:#9b2630}.personal-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.personal-card-list h3,.personal-card-list p{white-space:pre-wrap;overflow-wrap:anywhere}.personal-card-list p{font-size:14px}.personal-card-list small{color:var(--muted)}.personal-card-list .panel{min-width:0}.flashcard h2{white-space:pre-wrap;overflow-wrap:anywhere}.flash-footer{flex-wrap:wrap}.mobile-menu-toggle,.nav-backdrop{display:none}
@media(max-width:900px){
 .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-width:44px;min-height:44px;padding:8px;border:1px solid #ffffff66;border-radius:9px;background:#ffffff12;color:white}.mobile-menu-toggle .icon{width:22px;height:22px}
 .sidebar{inset:0 auto 0 0;width:min(300px,calc(100vw - 48px));height:100dvh;padding:0 16px 20px;flex-direction:column;overflow-y:auto;visibility:hidden;transform:translateX(-100%);transition:transform .18s,visibility .18s;z-index:102;background:white;border-right:1px solid var(--line);border-top:0;backdrop-filter:none}
 .sidebar.is-open{visibility:visible;transform:translateX(0)}.sidebar .brand{display:flex;justify-content:flex-start;margin:0 -16px 24px;padding:0 20px;height:76px;min-height:76px}.sidebar .brand>div:last-child,.sidebar .nav-label,.sidebar .nav-item span,.sidebar .side-foot{display:block}.sidebar .nav-label{margin:0 10px 12px}.sidebar nav{display:flex;flex-direction:column;justify-content:flex-start;gap:4px;width:100%;margin:0}.sidebar .nav-item,.sidebar .nav-item[data-nav="cards"]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;width:100%;min-width:0;min-height:48px;padding:12px;margin:0;font-size:14px}.sidebar .nav-item span{font-size:14px;line-height:1.4;white-space:normal}.sidebar .nav-item .icon{width:21px;height:21px}.sidebar .side-note{display:none}.sidebar .side-foot{margin-top:20px;line-height:1.7}.sidebar .side-foot button{margin-top:8px;font-size:12px}.sidebar .sidebar-divider{display:block;margin:22px 10px 0}.nav-backdrop.is-open{display:block;position:fixed;inset:0;border:0;background:#14283f70;z-index:101}
 .main-shell{margin-left:0;min-width:0}.topbar{height:76px;padding:0 16px;gap:12px}.mobile-brand{display:flex;align-items:center;gap:8px;min-width:0;flex:1;font-size:21px;color:white}.mobile-brand .brand-mark{width:30px;height:30px;min-width:30px;border-radius:8px}.top-actions{margin-left:0;min-width:0;gap:8px}.breadcrumb,.topbar .tiny-pill,.header-streak{display:none}.learning-rank{max-width:145px;min-height:44px}.page{padding:22px 20px 40px}.page-heading,.toolbar{flex-wrap:wrap}.personal-card-list{grid-template-columns:1fr}.button-row .btn{min-height:44px}
}
@media(max-width:480px){.mobile-brand>span{display:none}.topbar{padding:0 12px;gap:10px;height:72px}.mobile-brand{font-size:0}.top-actions{gap:7px}.topbar .avatar{height:40px;width:40px}.learning-rank{max-width:140px}.learning-rank b{white-space:normal;line-height:1.2;overflow-wrap:anywhere}.page{padding:20px 16px 35px}.page-heading h1{font-size:29px}.toolbar{gap:14px}.toolbar .button-row{width:100%}.toolbar .button-row .btn{flex:1 1 140px}.personal-search>div{flex-wrap:wrap}.personal-search input{flex-basis:100%}.personal-search button{width:100%}.flashcard{min-height:270px;padding:24px 18px}.flashcard h2{font-size:24px}.flash-footer{gap:14px}.personal-editor{padding:20px}.view-tabs{flex-wrap:wrap}}

.learn-catalog-mode{display:flex;gap:10px;margin-bottom:16px}.learn-catalog-mode [aria-pressed=true]{background:#eaf2fc;border-color:#7b9eca;color:#214e84}.learn-catalog-intro{max-width:800px;color:var(--muted);line-height:1.75}.path-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:24px 0}.path-intro h3{font-size:24px;margin-bottom:9px}.path-intro p{margin:0;color:var(--muted)}.path-intro progress{max-width:180px;accent-color:#3973ac}.path-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.6fr);gap:22px;align-items:start}.path-layout>*{min-width:0}.path-context{position:sticky;top:18px}.path-context>p{line-height:1.8;font-size:14px}.path-context h4{margin:22px 0 10px}.path-finding{border:1px solid var(--line);border-radius:9px;margin:10px 0}.path-finding summary{padding:12px;cursor:pointer;line-height:1.5;font-size:13px;font-weight:650}.path-finding[open]{border-color:#7e9fc5;background:#edf4fc}.path-finding p{padding:0 12px 12px;margin:0;font-size:13px;line-height:1.8}.path-task h3{font-size:21px;line-height:1.4}.path-update{padding:16px;background:#edf4fc;border-left:3px solid #6b94c5;border-radius:7px;margin-bottom:22px}.path-update p{margin:7px 0 0;line-height:1.8}.path-options{padding:0;border:0;margin:18px 0}.path-options label{display:flex;gap:11px;align-items:flex-start;padding:15px;border:1px solid var(--line);border-radius:9px;margin:10px 0;line-height:1.7;font-size:14px;cursor:pointer}.path-options input{flex-shrink:0;margin-top:5px}.path-options label:has(input:checked):not(.is-correct):not(.is-wrong){background:#edf4fc;border-color:#6c94c7}.path-options .is-correct,.path-feedback.is-correct{background:#eaf6ee;border-color:#83b28e}.path-options .is-wrong,.path-feedback.is-wrong{background:#fff0f1;border-color:#ce8991}.path-feedback{padding:20px;border:1px solid;border-radius:10px;line-height:1.8;margin:22px 0}.path-feedback h4{font-size:17px;margin:0 0 12px}.path-feedback summary{cursor:pointer;font-weight:650;padding:8px 0}.path-feedback details p{font-size:13px}.path-required{font-size:13px;color:#526b8c;line-height:1.7}.path-hint{padding:16px;background:#eef4fc;border-radius:8px;margin:18px 0}.path-hint p{margin:8px 0 0;line-height:1.8}.path-matching{display:grid;gap:18px;margin:20px 0}.path-matching label{display:block;font-weight:650;line-height:1.7}.path-matching select{display:block;width:100%;min-width:0;white-space:normal;min-height:48px;border:1px solid var(--line);border-radius:8px;margin-top:7px;padding:10px;background:white;font-size:13px}.path-match-feedback{display:block;margin-top:8px;padding:12px;font-size:13px;font-weight:400;border-radius:7px}.path-match-feedback.is-correct{background:#eaf6ee;color:#285d37}.path-match-feedback.is-wrong{background:#fff0f1;color:#8d3540}.path-provenance{margin-top:28px;font-size:12px;line-height:1.8;border-top:1px solid var(--line);padding-top:14px}.path-provenance summary{cursor:pointer}.path-provenance a{overflow-wrap:anywhere}.path-summary{max-width:850px;margin:25px auto}.path-summary article{border-top:1px solid var(--line);padding:18px 0;line-height:1.8}.path-summary article h3{font-size:17px;line-height:1.5}.path-summary small{color:var(--muted)}.path-image{text-align:center;margin:0 0 22px}.path-image img{max-width:100%;height:260px;object-fit:contain}.path-image figcaption{font-size:11px;color:var(--muted);margin-top:10px}.path-recall label{display:block;font-weight:650;margin-bottom:8px}.path-recall textarea{width:100%;font:inherit;padding:12px;border:1px solid var(--line);border-radius:9px;resize:vertical}.path-recall p{margin:9px 0 14px}.path-recall{margin:18px 0 22px}
@media(max-width:1050px){.path-layout{grid-template-columns:1fr}.path-context{position:static}.path-context .path-finding{margin:8px 0}.path-intro{align-items:flex-start}.path-intro progress{max-width:120px}}
@media(max-width:620px){.path-intro{display:block}.path-intro progress{width:100%;max-width:none;margin-top:15px}.path-intro h3{font-size:22px}.path-task,.path-context,.path-summary{padding:19px}.path-options label{padding:12px;font-size:13px}.path-task h3{font-size:19px}.path-feedback{padding:16px}.path-matching select{font-size:13px}.learn-tabs .btn{flex:1 1 100px;white-space:normal}.path-provenance a{word-break:break-word}}

@media(max-width:900px){.sidebar nav{overflow:visible;flex:0 0 auto}.sidebar nav .nav-item{flex:0 0 auto!important;padding:12px;min-height:48px}.sidebar nav .nav-item span{font-size:14px;text-align:left;line-height:1.4;white-space:normal}.sidebar .side-foot{display:grid;gap:8px}.sidebar .side-foot button{text-align:left;margin:0}.learn-course-card{padding:18px}.learn-course-card h2{font-size:21px}}
.learn-lesson-heading h1{font-size:clamp(25px,3vw,34px);line-height:1.2}.path-step-label h3{font-size:19px;margin-bottom:0}.learn-lesson-heading{margin-top:18px}.path-intro{margin-top:20px}.learn-back{display:inline-block;margin-top:5px}

.path-own-thought{border-left:3px solid #90a8c9;padding:10px 14px;margin:16px 0;background:#f4f7fc;font-size:13px;line-height:1.8}.path-own-thought summary{cursor:pointer;font-weight:650}.path-own-thought p{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0}

.mobile-nav-close{display:none}@media(max-width:900px){.topbar{position:sticky;top:0;z-index:90}.mobile-nav-close{display:grid;place-items:center;position:absolute;top:16px;right:12px;width:44px;height:44px;border:1px solid #ffffff66;border-radius:9px;background:#ffffff15;color:white}.path-task,.path-summary,.learn-course-list,.sim-query-result,[data-path-question]{scroll-margin-top:92px}.dynamic-layout>aside{top:92px}}
