@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Newsreader:opsz,wght@6..72,600;6..72,700&display=swap";:root{--ink:#201e1a;--muted:#78736a;--line:#e5e1d8;--soft:#f5f3ee;--shadow:0 14px 40px #2d271d0e;--display:"Newsreader",Georgia,serif;--sans:"Manrope",system-ui,sans-serif;--mono:"DM Mono",monospace;color:var(--ink);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f8f7f3}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #7aa7ff}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbfaf7eb;flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.brand{color:var(--ink);font-family:var(--display);align-items:center;gap:11px;font-size:21px;font-weight:800;text-decoration:none;display:flex}.brand-mark{color:#fff;background:var(--ink);border-radius:10px 10px 4px;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.nav-label,.eyebrow{color:var(--muted);letter-spacing:1.4px;text-transform:uppercase;font-size:11px;font-weight:800;line-height:1}.nav-label{margin:48px 10px 14px}.app-nav{gap:7px;display:grid}.app-link{text-align:left;width:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;padding:11px 10px;transition:all .2s;display:flex}.app-link:hover,.app-link.active{color:var(--ink);background:#fff}.app-link.active{box-shadow:0 8px 26px #1e1b1612}.app-link span:nth-child(2){gap:2px;display:grid}.app-link strong{font-size:14px}.app-link small{color:var(--muted);font-size:11px}.app-dot{border-radius:50%;width:10px;height:10px}.sidebar-note{border:1px solid var(--line);background:#fff;border-radius:13px;gap:10px;margin-top:auto;padding:15px;display:flex}.sidebar-note strong{font-size:12px;display:block}.sidebar-note p{color:var(--muted);margin:3px 0 0;font-size:10px}.status-dot{background:#20a464;border-radius:50%;width:8px;height:8px;margin-top:4px;box-shadow:0 0 0 4px #e1f5e9}main{min-width:0;padding:0 42px 56px}.topbar{justify-content:space-between;align-items:center;height:82px;display:flex}.admin-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;padding:10px 14px;font-weight:700}.error-banner{color:#882323;background:#fff3f1;border:1px solid #efb5b5;border-radius:12px;margin-bottom:18px;padding:13px 16px;font-size:13px}.hero-card{color:#fff;background:linear-gradient(125deg,color-mix(in srgb,var(--app-color) 86%,#101010),var(--app-color));min-height:226px;box-shadow:0 20px 50px color-mix(in srgb,var(--app-color) 20%,transparent);border-radius:22px;padding:38px 42px;position:relative;overflow:hidden}.hero-card:after{content:"";border:1px solid #ffffff2e;border-radius:50%;width:380px;height:380px;position:absolute;top:-180px;right:-90px;box-shadow:0 0 0 45px #ffffff09,0 0 0 90px #ffffff06}.hero-copy{z-index:1;max-width:610px;position:relative}.pill{letter-spacing:1px;text-transform:uppercase;border:1px solid #ffffff4d;border-radius:99px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-block}.hero-card h1{font-family:var(--display);letter-spacing:-2px;margin:18px 0 6px;font-size:clamp(34px,4vw,50px);line-height:1}.hero-card p{color:#ffffffc7;max-width:530px;margin:0;font-size:15px}.hero-meta{color:#ffffffb8;gap:22px;margin-top:26px;font-size:11px;font-weight:700;display:flex}.hero-symbol{z-index:1;font-family:var(--display);letter-spacing:-10px;color:#ffffff1f;font-size:122px;font-weight:900;line-height:1;position:absolute;bottom:-20px;right:50px}.admin-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;grid-template-columns:minmax(220px,1fr) 180px minmax(220px,1fr) auto;align-items:end;gap:14px;margin-top:18px;padding:22px;display:grid}.admin-panel h2{font-family:var(--display);margin:7px 0 3px;font-size:20px}.admin-panel p{color:var(--muted);margin:0;font-size:12px}.admin-panel label{color:var(--muted);gap:6px;font-size:11px;font-weight:700;display:grid}.admin-panel input{border:1px solid var(--line);border-radius:9px;outline:none;width:100%;height:40px;padding:0 11px}.primary-button{color:#fff;background:var(--ink);cursor:pointer;border:0;border-radius:9px;height:40px;padding:0 16px;font-weight:800}.sync-message{grid-column:2/-1}.learning-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);align-items:start;gap:22px;margin-top:22px;display:grid}.catalog-panel,.reader-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px}.catalog-panel{padding:26px}.section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-heading h2,.reader-panel h2{font-family:var(--display);letter-spacing:-.7px;margin:7px 0 0;font-size:25px}.count-badge{color:var(--muted);background:var(--soft);border-radius:99px;padding:5px 9px;font-size:11px;font-weight:700}.course-tabs{gap:8px;margin-top:20px;display:grid}.course-tab{text-align:left;border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:#fff;border-radius:11px;gap:4px;padding:14px 16px;display:grid}.course-tab.active{background:var(--soft);border-color:#aaa397}.course-tab span{color:var(--muted);font-size:12px}.subject-row{gap:8px;margin:18px 0;display:flex;overflow-x:auto}.subject-chip{white-space:nowrap;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:99px;padding:8px 12px;font-size:11px;font-weight:800}.subject-chip.active{color:#fff;border-color:var(--ink);background:var(--ink)}.lesson-list{display:grid}.lesson-card{text-align:left;border:0;border-top:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;grid-template-columns:35px 1fr auto;align-items:center;gap:13px;padding:17px 5px;display:grid}.lesson-card:hover .arrow{transform:translate(4px)}.lesson-number{color:#a49f95;font-family:var(--mono);font-size:11px}.lesson-copy{gap:4px;display:grid}.lesson-copy small{color:var(--muted);font-size:11px}.arrow{color:var(--muted);transition:all .2s}.reader-panel{min-height:372px;padding:28px;position:sticky;top:22px}.reader-panel article>p{color:#4f4a43;font-size:14px;line-height:1.8}.reader-panel .lesson-lead{color:var(--muted);margin-top:12px;font-size:12px}.reading-rule{background:var(--ink);border-radius:4px;width:42px;height:3px;margin:22px 0}.complete-button{border:1px solid var(--line);background:var(--soft);cursor:pointer;border-radius:9px;margin-top:28px;padding:10px 13px;font-weight:800}.reader-empty{text-align:center;place-content:center;justify-items:center;min-height:315px;display:grid}.reader-empty h2{margin-top:15px}.reader-empty p{max-width:220px;color:var(--muted);margin:8px 0 0;font-size:12px}.book-icon{background:var(--soft);border-radius:15px;place-items:center;width:50px;height:50px;font-size:28px;display:grid}.loading-bar{z-index:10;background:#dedbd3;height:3px;position:fixed;inset:0 0 auto;overflow:hidden}.loading-bar:after{content:"";background:var(--ink);width:30%;height:100%;animation:1s infinite loading;display:block}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(430%)}}@media (width<=1000px){.admin-panel{grid-template-columns:1fr 1fr}.admin-panel>div,.sync-message{grid-column:1/-1}}@media (width<=820px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;padding:18px 22px;position:static}.nav-label,.sidebar-note{display:none}.app-nav{margin-top:18px;display:flex;overflow-x:auto}.app-link{min-width:160px}main{padding:0 20px 40px}.learning-grid{grid-template-columns:1fr}.reader-panel{position:static}}@media (width<=560px){.topbar{height:68px}.topbar .eyebrow{display:none}.hero-card{min-height:250px;padding:28px 24px}.hero-symbol{font-size:90px;right:25px}.hero-meta{flex-wrap:wrap;gap:9px 15px}.admin-panel{grid-template-columns:1fr}.admin-panel>*{grid-column:auto}.catalog-panel,.reader-panel{padding:20px}}.home-picker{width:min(780px,100%)}.home-picker h1{font-family:var(--display);margin:12px 0 8px;font-size:clamp(36px,5vw,58px);line-height:1}.home-app-card{text-align:left;border:1px solid var(--line);min-height:96px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:13px;padding:22px;display:grid;box-shadow:0 14px 34px #231e1812}.home-app-card:hover{border-color:#bdb5a9;transform:translateY(-1px)}.home-app-card .app-dot{grid-row:1/3}.home-app-card small{color:var(--muted);font-size:12px}@media (width<=620px){.home-app-grid{grid-template-columns:1fr}}.site-footer-links{flex-wrap:wrap;gap:8px;display:flex}.site-footer-links button{border:1px solid var(--line);color:#5d574f;cursor:pointer;background:#fff;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:800}.site-footer-links button:hover{color:var(--ink);border-color:#bdb5a9}.home-footer-links{margin-top:28px}.page-static{background:#faf9f6;min-height:100vh}.static-page{border:1px solid var(--line);width:min(900px,100%);box-shadow:var(--shadow);background:#fff;border-radius:14px;margin:32px auto 0;padding:38px 42px}.static-page h1{font-family:var(--display);margin:10px 0 18px;font-size:clamp(34px,4vw,52px);line-height:1}.static-content{color:#4f4a43;gap:18px;font-size:15px;line-height:1.75;display:grid}.static-content h2{font-family:var(--display);color:var(--ink);margin:12px 0 -6px;font-size:24px}.static-content p{margin:0}.static-content ul{margin:0;padding-left:20px}.static-content a{color:var(--ink);font-weight:800}.static-footer-links{border-top:1px solid var(--line);margin-top:32px;padding-top:22px}@media (width<=620px){.static-page{padding:28px 22px}.static-content{font-size:14px}}.home-logo{width:36px;height:36px;display:block}.global-footer-links{border:1px solid var(--line);background:#ffffffbd;border-radius:11px;width:fit-content;max-width:100%;margin:22px auto 0;padding:8px;box-shadow:0 8px 22px #231e180a}.page-topics .global-footer-links,.page-detail .global-footer-links,.page-lessons .global-footer-links{margin-top:14px}.learner-shell main{padding-bottom:24px}.learner-shell .global-footer-links{box-shadow:none;background:0 0;margin-top:10px;padding:6px}.home-shell .global-footer-links{background:#ffffffd1;border-radius:12px;justify-content:center;width:fit-content;margin:28px auto 0;padding:8px}.page-static .global-footer-links{margin-top:26px}@media (width<=620px){.global-footer-links{justify-content:center;width:100%;margin-top:24px;padding:8px}.site-footer-links button{padding:8px 9px;font-size:10px}}.top-brand-copy{text-align:left;min-width:0;color:var(--ink);cursor:pointer;background:0 0;border:0;gap:1px;padding:0 4px;display:grid}.top-brand-copy strong{font-family:var(--display);font-size:17px;line-height:1}.top-brand-copy span{color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-size:10px;font-weight:800}.top-brand-copy:hover strong{color:color-mix(in srgb,var(--app-color,#dc2626) 70%,#111)}.page-static .topbar{border-bottom:1px solid var(--line);background:#fffffff0;height:72px;margin-inline:-42px;padding-inline:42px;box-shadow:0 10px 30px #231e180d}.page-static .topbar-left{gap:10px}.top-page-nav{align-items:center;gap:8px;margin-left:auto;margin-right:18px;display:flex}.top-page-nav button,.top-page-nav label{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;height:36px;display:inline-flex;box-shadow:0 8px 22px #231e180a}.top-page-nav button{color:var(--ink);cursor:pointer;padding:0 14px;font-size:12px;font-weight:900}.top-page-nav button:hover{background:var(--soft);border-color:#bdb5a9}.top-page-nav label{color:#625b52;gap:7px;padding:0 8px 0 11px}.top-page-nav label span{text-transform:uppercase;letter-spacing:.7px;font-size:9px;font-weight:900}.top-page-nav select{max-width:142px;color:var(--ink);cursor:pointer;background:0 0;border:0;outline:0;font-size:12px;font-weight:800}.learner-shell .top-page-nav{z-index:69;margin:0;position:fixed;top:14px;right:clamp(238px,24vw,360px)}@media (width<=820px){.page-static .topbar{margin-inline:-20px;padding-inline:20px}.top-page-nav{gap:6px;margin-right:10px}.top-page-nav button{padding-inline:11px}.top-page-nav label span{display:none}.top-page-nav select{max-width:116px}}@media (width<=620px){.page-static .topbar{flex-wrap:wrap;align-items:flex-start;height:auto;min-height:104px;padding-block:10px}.page-static .topbar-left{flex:auto}.top-brand-copy strong{font-size:15px}.top-brand-copy span{font-size:8px}.top-page-nav{order:3;justify-content:flex-start;width:100%;margin:6px 0 0}.top-page-nav button,.top-page-nav label{height:32px}.top-page-nav button{padding-inline:12px}.top-page-nav select{max-width:180px;font-size:11px}}.admin-panel{grid-template-columns:minmax(0,1fr);align-items:start}.page-admin{background:linear-gradient(#f4f1eb 0,#fbfaf7 420px)}.admin-page-hero{color:#fff;background:linear-gradient(125deg,#201d19,#494138);border:1px solid #39342d;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-top:8px;padding:26px 28px;display:flex;box-shadow:0 18px 44px #1c181329}.admin-page-hero h1{font-family:var(--display);margin:8px 0 5px;font-size:31px}.admin-page-hero p{color:#ffffffad;margin:0;font-size:11px}.admin-page-hero>div:last-child{background:#ffffff12;border:1px solid #ffffff21;border-radius:12px;gap:4px;min-width:110px;padding:12px 15px;display:grid}.admin-page-hero>div:last-child span{color:#ffffff94;text-transform:uppercase;font-size:8px;font-weight:800}.admin-page-hero>div:last-child strong{font-family:var(--mono);font-size:18px}.page-admin .admin-panel{margin-top:14px;box-shadow:0 18px 45px #231e1814}.admin-heading,.admin-key,.admin-tabs{grid-column:1/-1}.admin-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.admin-heading>p{text-align:right;max-width:430px}.admin-tabs{border:1px solid var(--line);background:var(--soft);border-radius:13px;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:5px;display:grid}.admin-tabs button{text-align:left;min-width:0;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:auto 1fr;column-gap:9px;padding:10px 12px;display:grid}.admin-tabs button>span{width:27px;height:27px;font-family:var(--mono);background:#fff;border-radius:8px;grid-row:1/3;align-self:center;place-items:center;font-size:8px;display:grid}.admin-tabs button strong{color:inherit;font-size:11px}.admin-tabs button small{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.admin-tabs button.active{color:#fff;background:var(--ink);box-shadow:0 7px 16px #1e1b1624}.admin-tabs button.active>span{color:var(--ink)}.admin-panel input,.admin-panel select,.admin-panel textarea,.lesson-editor input,.lesson-editor textarea{border:1px solid var(--line);resize:vertical;background:#fff;border-radius:9px;outline:none;width:100%;padding:10px 11px}.admin-panel select{height:40px}.admin-block{border:1px solid var(--line);background:var(--soft);border-radius:12px;gap:11px;padding:18px;display:grid}.learning-path-admin,.content-admin-block,.moderation-block{width:100%}.sync-admin-block{width:min(680px,100%)}.topic-admin-columns{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px;display:grid}.topic-admin-columns>section{border:1px solid var(--line);background:#fff;border-radius:11px;align-content:start;gap:12px;padding:16px;display:grid}.create-topic-section{background:#fffcf5!important}.create-topic-section>p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.subsection-heading{align-items:center;gap:8px;display:flex}.subsection-heading>span{color:var(--muted);background:var(--soft);font-family:var(--mono);text-transform:uppercase;border-radius:6px;padding:4px 6px;font-size:8px}.subsection-heading strong{color:var(--ink);font-size:12px}.admin-block h3{margin:0;font-size:14px}.admin-block-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.admin-block-heading p{color:var(--muted);margin:4px 0 0;font-size:10px}.admin-block-heading>span{color:var(--muted);font-family:var(--mono);white-space:nowrap;background:#fff;border-radius:99px;padding:5px 8px;font-size:9px}.inline-admin-action{grid-template-columns:1fr auto;align-items:end;gap:8px;display:grid}.inline-admin-action label{min-width:0}.inline-admin-action button{min-width:88px}.admin-divider{background:var(--line);height:1px;margin:3px 0}.create-content-launch{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.topic-admin-launch{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:flex-end;padding:14px;display:flex}.inline-admin-card{border:1px solid var(--line);background:#fff;border-radius:12px;gap:13px;padding:16px;display:grid}.inline-admin-card-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.inline-admin-card-heading p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.5}.inline-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.inline-card-actions button{border:1px solid var(--line);color:#554e46;cursor:pointer;background:#fff;border-radius:8px;height:32px;padding:0 10px;font-size:11px;font-weight:900}.inline-card-actions button.active{color:#fff;border-color:var(--ink);background:var(--ink)}.inline-card-actions button:disabled{opacity:.45;cursor:default}.inline-form-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.create-lesson-editor,.new-version-detail-editor{scroll-margin-top:92px}.create-content-launch>div:first-child{gap:4px;display:grid}.create-content-launch strong{color:var(--ink);font-size:13px}.create-content-launch small{color:var(--muted);font-size:11px}.create-content-launch>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.destructive-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.destructive-row>span{color:var(--muted);font-size:9px}.editor-field-preview{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 14px;display:grid}.editor-field-preview>div{gap:4px;min-width:0;display:grid}.editor-field-preview strong{color:var(--ink);font-size:11px}.editor-field-preview p{color:var(--muted);-webkit-line-clamp:2;white-space:pre-wrap;-webkit-box-orient:vertical;margin:0;font-size:10px;line-height:1.5;display:-webkit-box;overflow:hidden}.editor-field-preview small{color:var(--muted);font-size:9px;font-weight:500}.editor-field-preview.full-detail-preview{align-items:start}.editor-field-preview.full-detail-preview p{-webkit-line-clamp:unset;white-space:pre-wrap;max-height:360px;display:block;overflow:auto}.inline-rich-editor{gap:8px;display:grid}.inline-rich-editor>div:first-child{gap:4px;display:grid}.inline-rich-editor strong{color:var(--ink);font-size:13px}.inline-rich-editor small{color:var(--muted);font-size:11px}.content-editor-modal{background:#fff;border:1px solid #fff9;border-radius:20px;gap:14px;width:min(820px,100%);max-height:calc(100vh - 40px);padding:28px;display:grid;position:relative;overflow-y:auto;box-shadow:0 28px 80px #16120c3d}.content-editor-modal h2{font-family:var(--display);margin:2px 0 0;font-size:28px}.content-editor-modal>p{color:var(--muted);margin:-6px 0 2px;font-size:11px;line-height:1.6}.content-editor-modal label{color:var(--muted);gap:6px;font-size:10px;font-weight:800;display:grid}.content-editor-modal label small{font-weight:500}.content-editor-modal input[aria-invalid=true]{background:#fff8f7;border-color:#d98b8b}.content-editor-modal label .field-error{color:#a52f2f;font-weight:700}.content-editor-modal input,.content-editor-modal textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:11px 12px}.content-editor-modal textarea{resize:vertical;min-height:310px;font-family:var(--mono);font-size:12px;line-height:1.65}.content-editor-modal input:focus,.content-editor-modal textarea:focus{border-color:#8d867c;box-shadow:0 0 0 3px #1e1c180f}.create-content-modal{width:min(760px,100%)}.create-content-modal .form-message{margin:0}.version-change-composer{border:1px solid var(--line);background:#faf9f6;border-radius:12px;gap:12px;padding:13px;display:grid}.editor-toolbar{flex-wrap:wrap;gap:7px;display:flex}.editor-toolbar button{border:1px solid var(--line);color:#4f4a43;background:var(--soft);cursor:pointer;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:800}.editor-toolbar button:hover{background:#fff;border-color:#aaa298}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.form-row{grid-template-columns:130px 1fr;gap:10px;display:grid}.secondary-button,.danger-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;height:40px;padding:0 16px;font-weight:800}.danger-button{color:#a42626;border-color:#e2b7b7}.sync-message{grid-column:auto;margin:5px 0 0!important}.topic-order-section{border:1px solid var(--line);background:#fff;border-radius:12px;gap:12px;padding:16px;display:grid}.topic-order-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.topic-order-heading p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.55}.topic-sort-tools{justify-items:end;gap:8px;display:grid}.topic-sort-tools>span{color:var(--muted);background:var(--soft);font-family:var(--mono);white-space:nowrap;border-radius:99px;padding:6px 9px;font-size:11px}.topic-sort-tools>div{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.topic-sort-tools button{border:1px solid var(--line);color:#554e46;cursor:pointer;background:#fff;border-radius:8px;height:32px;padding:0 10px;font-size:11px;font-weight:900}.topic-sort-tools button:hover:not(:disabled){background:var(--soft);border-color:#aaa196}.topic-sort-tools button:disabled{opacity:.45;cursor:default}.topic-order-list{gap:7px;max-height:560px;padding-right:4px;display:grid;overflow-y:auto}.topic-order-item{border:1px solid var(--line);cursor:grab;background:#fff;border-radius:10px;grid-template-columns:24px 34px minmax(0,1fr) auto auto auto;align-items:center;gap:9px;min-height:58px;padding:8px 9px;transition:border-color .15s,box-shadow .15s,opacity .15s;display:grid}.topic-order-item:hover{border-color:#aaa196;box-shadow:0 5px 14px #221d170f}.topic-order-item.dragging{opacity:.45;border-style:dashed}.topic-order-item:active{cursor:grabbing}.drag-handle{color:#aaa196;-webkit-user-select:none;user-select:none;place-items:center;display:grid}.drag-handle svg{width:16px;height:16px}.topic-order-item>b{color:#625b52;background:var(--soft);width:32px;height:32px;font-family:var(--mono);border-radius:8px;place-items:center;font-size:11px;display:grid}.topic-order-name{text-align:left;min-width:0;color:var(--ink);cursor:pointer;background:0 0;border:0;gap:3px;padding:4px;display:grid}.topic-order-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.topic-order-name small{color:var(--muted);font-size:11px}.topic-direct-move label{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.topic-direct-move select{border:1px solid var(--line);color:#554e46;background:var(--soft);width:68px;height:32px;font-family:var(--mono);cursor:pointer;border-radius:8px;padding:0 8px;font-size:12px;font-weight:800}.topic-direct-move select:disabled{opacity:.45;cursor:default}.topic-row-actions{gap:6px;display:flex}.topic-row-actions button{border:1px solid var(--line);color:#554e46;cursor:pointer;background:#fff;border-radius:8px;height:32px;padding:0 10px;font-size:11px;font-weight:900}.topic-row-actions .topic-status-toggle{justify-content:center;align-items:center;gap:6px;min-width:78px;display:inline-flex}.topic-status-toggle>span{background:currentColor;border-radius:50%;width:7px;height:7px}.topic-row-actions .topic-status-toggle.active{color:#176c43;background:#f2fbf6;border-color:#acd7bf}.topic-row-actions .topic-status-toggle.inactive{color:#8a5b24;background:#fff9ef;border-color:#dfc69e}.topic-row-actions .topic-status-toggle:disabled{opacity:.55;cursor:wait}.topic-row-actions .danger-link{color:#a42626;border-color:#e2b7b7}.topic-move-actions{gap:5px;display:flex}.topic-move-actions button{border:1px solid var(--line);color:#554e46;background:var(--soft);cursor:pointer;border-radius:8px;place-items:center;width:32px;height:32px;font-size:15px;font-weight:900;display:grid}.topic-move-actions button svg{width:14px;height:14px}.topic-move-actions button:disabled{opacity:.35;cursor:default}.admin-lesson-row{border-top:1px solid var(--line);background:#fff;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:10px 9px;display:grid}.admin-lesson-row.selected{background:#faf9f6}.lesson-row-actions{gap:7px;display:flex}.lesson-row-actions button{border:1px solid var(--line);color:#554e46;cursor:pointer;background:#fff;border-radius:8px;height:34px;padding:0 12px;font-size:12px;font-weight:900}.lesson-row-actions .danger-link{color:#a42626;border-color:#e2b7b7}.admin-page-hero p,.admin-heading>p,.admin-block-heading p,.create-topic-section>p,.admin-panel label,.lesson-editor label{font-size:13px}.admin-panel input,.admin-panel select,.admin-panel textarea,.lesson-editor input,.lesson-editor textarea{font-size:14px}.admin-tabs button strong{font-size:13px}.admin-tabs button small{font-size:10px}.admin-block h3{font-size:17px}.subsection-heading strong{font-size:14px}.editor-field-preview strong{font-size:13px}.editor-field-preview p{font-size:12px}.secondary-button,.danger-button,.primary-button{font-size:13px}@media (width<=700px){.topic-order-item{grid-template-columns:20px 30px minmax(0,1fr) auto}.topic-row-actions,.topic-direct-move{grid-column:3/4}.topic-direct-move label{justify-content:flex-start}.topic-direct-move select{width:64px}.topic-move-actions{flex-direction:column}.topic-move-actions button{width:29px;height:27px}.admin-lesson-row{grid-template-columns:32px minmax(0,1fr)}.lesson-row-actions{grid-column:2/3}.topic-order-heading{flex-direction:column}.topic-sort-tools{justify-items:stretch;width:100%}.topic-sort-tools>div{justify-content:flex-start}}.lesson-editor{gap:18px;margin-top:0;display:grid}.lesson-editor label{color:var(--muted);gap:6px;font-size:11px;font-weight:700;display:grid}.lesson-editor label small,.lesson-composer label small,.detail-draft label small{color:#948d83;font-size:10px;font-weight:500;line-height:1.4}.editor-buttons{flex-wrap:wrap;gap:8px;display:flex}.editor-buttons .danger-button{margin-left:auto}.version-editor{gap:7px;display:grid}.version-editor>span{color:var(--muted);letter-spacing:.8px;text-transform:uppercase;font-size:9px;font-weight:900}.version-editor>div{gap:6px;display:flex}.version-editor button{border:1px solid var(--line);min-width:48px;height:32px;color:var(--muted);font-family:var(--mono);cursor:pointer;background:#fff;border-radius:8px;font-size:9px;font-weight:700}.version-editor button.selected{color:#fff;border-color:var(--ink);background:var(--ink);box-shadow:0 5px 12px #1e1b1624}.version-editor button:disabled{color:#aaa49a;cursor:not-allowed;box-shadow:none;background:#eeeae2;border-style:dashed}.lesson-editor{padding:28px}.admin-workspace{grid-template-columns:minmax(480px,1.1fr) minmax(440px,1fr)}.admin-workspace .reader-panel{padding:0;overflow:hidden}.lesson-editor-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;display:flex}.lesson-editor-heading h2{margin-top:8px}.lesson-editor-heading-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.detail-badge{color:#3f6652;font-family:var(--mono);white-space:nowrap;background:#edf6f0;border-radius:99px;padding:7px 10px;font-size:9px;font-weight:700}.editor-section{border:1px solid var(--line);background:#fff;border-radius:13px;gap:13px;padding:18px;display:grid}.common-fields{background:#faf9f6}.version-detail-fields{border-color:#cfc8bc}.version-detail-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.version-detail-actions>div{gap:8px;display:flex}.visibility-toggle{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;align-items:center;padding:10px 12px;gap:10px!important;display:flex!important}.visibility-toggle input{accent-color:var(--ink);flex:0 0 17px;width:17px!important;height:17px!important}.visibility-toggle span{gap:2px;display:grid}.visibility-toggle strong{color:var(--ink);font-size:11px}.visibility-toggle small{color:var(--muted);font-size:9px;font-weight:500}.version-detail-actions>span{color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.editor-section-heading>div{align-items:flex-start;gap:10px;display:flex}.editor-section-heading>div>span{color:#fff;background:var(--ink);width:25px;height:25px;font-family:var(--mono);border-radius:8px;flex:0 0 25px;place-items:center;font-size:9px;display:grid}.editor-section-heading h3,.detail-draft h3{color:var(--ink);margin:0;font-size:13px}.editor-section-heading p,.detail-draft>p{color:var(--muted);margin:3px 0 0;font-size:10px;line-height:1.5}.lesson-composer{background:#faf9f6;border:1px solid #cfc8bc;border-radius:14px;gap:13px;margin-bottom:14px;padding:20px;display:grid;box-shadow:0 12px 30px #231e180f}.lesson-composer label{color:var(--muted);gap:6px;font-size:11px;font-weight:700;display:grid}.lesson-composer input,.lesson-composer textarea{border:1px solid var(--line);resize:vertical;background:#fff;border-radius:9px;outline:none;width:100%;padding:10px 11px}.composer-heading{justify-content:space-between;gap:20px;display:flex}.composer-heading h3{margin:6px 0 0;font-size:15px}.composer-heading p{max-width:260px;color:var(--muted);margin:0;font-size:10px;line-height:1.5}.composer-grid{grid-template-columns:1.4fr 1fr;gap:10px;display:grid}.composer-actions{gap:8px;display:flex}.detail-draft{background:#fffbef;border:1px solid #d8cba8;border-radius:12px;gap:12px;margin-top:8px;padding:18px;display:grid}.detail-draft>div:first-child{justify-content:space-between;align-items:center;display:flex}.detail-draft>div:first-child>div{gap:6px;display:grid}.detail-draft>div:first-child button{cursor:pointer;background:#fff;border:0;border-radius:8px;width:28px;height:28px}.reader-panel article>p{white-space:pre-wrap}@media (width<=700px){.admin-panel,.form-row{grid-template-columns:1fr}.admin-heading,.admin-key{grid-column:auto}.inline-admin-action{grid-template-columns:1fr}.admin-heading{display:block}.admin-heading>p{text-align:left;margin-top:7px}.admin-tabs{grid-template-columns:1fr 1fr}.topic-admin-columns{grid-template-columns:1fr}.admin-page-hero{flex-direction:column;align-items:flex-start}.topic-admin-launch{justify-content:flex-start}.create-content-launch{flex-direction:column;align-items:stretch}.create-content-launch>div:last-child{justify-content:flex-start}.editor-field-preview{grid-template-columns:1fr}.content-editor-modal{border-radius:16px;padding:22px 17px}.composer-grid{grid-template-columns:1fr}.composer-heading{display:grid}.editor-buttons .danger-button{margin-left:0}}@media (width<=1180px){.admin-workspace{grid-template-columns:1fr}.admin-workspace .reader-panel{position:static}}.learning-grid{grid-template-columns:minmax(480px,1.15fr) minmax(420px,1fr)}.page-breadcrumbs{min-width:0;color:var(--muted);align-items:center;gap:8px;display:flex}.page-breadcrumbs button{color:#625c54;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;max-width:230px;padding:5px 7px;font-size:10px;font-weight:800;overflow:hidden}.page-breadcrumbs button:hover{color:var(--ink);background:var(--soft)}.page-breadcrumbs>svg{color:#aaa399;flex:none;width:12px;height:12px}.page-breadcrumbs strong{max-width:300px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.page-lessons,.page-detail{background:linear-gradient(#faf9f6 0,#0000 280px)}.learner-shell .topbar{z-index:20;border-bottom:1px solid var(--line);background:linear-gradient(180deg, #fffffffa, #faf9f6f0), color-mix(in srgb, var(--app-color,#dc2626) 4%, white);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:64px;margin-inline:calc(-1*clamp(20px,3vw,42px));padding:10px clamp(20px,3vw,42px);position:sticky;top:0;box-shadow:0 12px 32px #231e180f}.topbar-left{align-items:center;gap:10px;min-width:0;display:flex}.top-logo-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.top-logo-button img{width:22px;height:22px;display:block}.top-logo-button:hover{border-color:color-mix(in srgb, var(--app-color,#dc2626) 35%, var(--line));background:color-mix(in srgb, var(--app-color,#dc2626) 6%, white)}.top-back-button{border:1px solid color-mix(in srgb, var(--app-color,#dc2626) 28%, var(--line));height:38px;color:color-mix(in srgb, var(--app-color,#dc2626) 72%, #111);background:color-mix(in srgb, var(--app-color,#dc2626) 8%, white);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:900;display:inline-flex}.top-back-button:hover{color:#fff;border-color:var(--app-color,#dc2626);background:var(--app-color,#dc2626)}.top-back-button svg{width:14px;height:14px}.learner-shell .page-breadcrumbs{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:5px;min-width:0;height:38px;padding:3px;overflow:hidden;box-shadow:0 8px 22px #231e180d}.learner-shell .page-breadcrumbs button{color:#5d564e;background:0 0;height:30px;padding:0 9px;font-size:12px;font-weight:900}.learner-shell .page-breadcrumbs button:hover{color:var(--ink);background:var(--soft)}.learner-shell .page-breadcrumbs>svg{color:#b4ada3;width:11px;height:11px}.learner-shell .page-breadcrumbs strong{max-width:min(420px,34vw);height:30px;color:color-mix(in srgb, var(--app-color,#dc2626) 72%, #111);background:color-mix(in srgb, var(--app-color,#dc2626) 8%, white);border-radius:8px;align-items:center;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.learner-shell .top-actions{border:1px solid var(--line);background:#fff;border-radius:12px;flex:none;gap:8px;padding:3px;box-shadow:0 8px 22px #231e180d}.learner-shell .topbar{justify-content:flex-start;height:58px;padding-block:8px}.learner-shell .topbar-left{flex:auto;min-width:260px;padding-right:min(360px,34vw)}.learner-shell .top-back-button{z-index:26;border-radius:9px;justify-content:center;gap:0;width:36px;height:32px;padding:0;font-size:0;position:absolute;top:calc(100% + 17px);left:calc(clamp(20px,3vw,42px) + 284px)}.learner-shell .top-back-button svg{width:15px;height:15px}.learner-shell .page-breadcrumbs{z-index:25;width:min(520px,42vw);max-width:calc(100vw - 520px);height:34px;box-shadow:none;flex:none;margin-left:0;position:absolute;top:calc(100% + 16px);left:calc(clamp(20px,3vw,42px) + 324px)}.learner-shell .page-breadcrumbs button,.learner-shell .page-breadcrumbs strong{height:26px;font-size:11px}.learner-shell .top-actions{z-index:70;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border-radius:14px;gap:5px;height:38px;position:fixed;top:14px;right:clamp(18px,3vw,42px);box-shadow:0 14px 36px #231e181f}.learner-shell .feedback-button,.learner-shell .admin-button,.learner-shell .progress-toggle-button,.learner-shell .signin-button{border-color:#0000;border-radius:8px;height:32px;padding-inline:12px;font-size:11px}.learner-shell .feedback-button,.learner-shell .admin-button,.learner-shell .progress-toggle-button,.learner-shell .top-back-button{width:32px;padding:0;overflow:hidden}.learner-shell .feedback-button span,.learner-shell .admin-button span,.learner-shell .progress-toggle-button span,.learner-shell .top-back-button span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.learner-shell .feedback-button svg,.learner-shell .admin-button svg,.learner-shell .progress-toggle-button svg,.learner-shell .top-back-button svg{width:15px;height:15px}.learner-shell .user-chip{background:var(--soft);border-color:#0000;border-radius:9px;height:32px;min-height:32px}.learner-shell .top-actions .user-chip{background:#fff}.page-lessons .learning-grid{margin-top:10px}.page-topics .learning-grid{margin-top:18px}.page-detail .learning-grid{margin-top:10px}.page-detail .reader-panel{box-shadow:0 24px 65px #231e181a}.learning-grid.library-view-topics,.learning-grid.library-view-lessons,.learning-grid.library-view-detail,.admin-workspace.library-view-topics,.admin-workspace.library-view-lessons,.admin-workspace.library-view-detail{grid-template-columns:minmax(0,1fr)}.admin-workspace.library-view-topics .reader-panel,.library-view-lessons .reader-panel,.library-view-detail .catalog-panel,.library-view-topics .lessons-only,.library-view-lessons .topics-only{display:none}.learning-grid.library-view-topics{grid-template-columns:300px minmax(0,1fr);gap:0}.learning-grid.library-view-topics .catalog-panel{width:100%;box-shadow:var(--shadow);border-radius:14px 0 0 14px;padding:22px 16px}.learning-grid.library-view-topics .reader-panel{border-left:0;border-radius:0 14px 14px 0}.library-view-detail .reader-panel{width:min(1180px,100%);margin-inline:auto;position:static}.library-view-topics .catalog-panel{width:min(980px,100%);margin-inline:auto}.library-view-lessons .catalog-panel{width:min(880px,100%);margin-inline:auto}.lesson-page-heading{border-bottom:1px solid var(--line);margin-bottom:24px;padding:4px 4px 22px}.lesson-page-heading .eyebrow{margin-top:22px;display:block}.lesson-page-heading h2{font-family:var(--display);margin:8px 0 5px;font-size:30px}.lesson-page-heading p{max-width:620px;color:var(--muted);margin:0;font-size:12px;line-height:1.65}.page-back-button{border:1px solid var(--line);color:#5d574f;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;font-weight:800;display:inline-flex}.page-back-button svg{width:13px;height:13px}.reader-back{margin:18px 22px 0}.lesson-page-empty{text-align:center;min-height:220px;color:var(--muted);place-content:center;justify-items:center;display:grid}.lesson-page-empty>span{background:var(--soft);border-radius:13px;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.lesson-page-empty>span svg{width:20px;height:20px}.lesson-card .lesson-number{place-items:center;display:grid}.lesson-card .lesson-number svg{width:14px;height:14px}.lesson-card .arrow{align-items:center;gap:5px;display:inline-flex}.lesson-card .arrow svg{width:13px;height:13px}.book-icon svg{width:24px;height:24px}.lesson-page-empty h3{color:var(--ink);font-family:var(--display);margin:12px 0 0;font-size:20px}.lesson-page-empty p{margin:5px 0 0;font-size:10px}.lesson-card{border-radius:11px;margin:3px 0;padding-inline:12px;transition:background .2s,transform .2s}.lesson-card:hover{background:color-mix(in srgb, var(--app-color,#dc2626) 5%, white)}.lesson-card.selected{color:color-mix(in srgb, var(--app-color,#dc2626) 75%, #111);background:color-mix(in srgb, var(--app-color,#dc2626) 9%, white);box-shadow:inset 3px 0 var(--app-color,#dc2626);border-top-color:#0000}.reader-panel{border-color:color-mix(in srgb, var(--app-color,#dc2626) 13%, var(--line));padding:0;overflow:hidden}.page-detail .reader-panel{grid-template-columns:250px minmax(0,1fr);align-items:start;display:grid}.page-detail .reader-back,.page-detail .reader-panel>article{grid-column:2}.tutorial-side-nav{border-right:1px solid var(--line);background:#f4f3ef;grid-area:1/1/span 2;height:min(100vh,780px);padding:22px 14px;position:sticky;top:0;overflow-y:auto}.tutorial-side-nav>div:first-child{border-bottom:1px solid #dfdcd5;gap:5px;padding:0 8px 14px;display:grid}.tutorial-side-nav>div:first-child span{color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:900}.tutorial-side-nav>div:first-child strong{color:var(--ink);font-family:var(--display);font-size:18px;line-height:1.15}.tutorial-home-link,.tutorial-lesson-links button{text-align:left;color:#514b43;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:100%;min-height:36px;padding:8px 9px;font-size:12px;font-weight:800;display:flex}.tutorial-home-link{color:#fff;background:var(--app-color,#dc2626);border-radius:6px;margin:10px 0 6px}.tutorial-lesson-links{gap:2px;display:grid}.tutorial-lesson-links button{border-radius:6px}.tutorial-lesson-links button:hover{background:#e8e5de}.tutorial-lesson-links button.active{color:#fff;background:var(--ink)}.tutorial-lesson-links button span{color:inherit;font-family:var(--mono);opacity:.7;flex:none;font-size:9px}.reader-panel article{min-width:0}.reader-header{border-bottom:1px solid color-mix(in srgb, var(--app-color,#dc2626) 12%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--app-color,#dc2626) 8%, white), white 72%);padding:24px 28px 20px;position:relative;overflow:hidden}.reader-header:after{content:"";border:20px solid color-mix(in srgb, var(--app-color,#dc2626) 7%, transparent);border-radius:50%;width:135px;height:135px;position:absolute;top:-60px;right:-55px}.reader-topline{z-index:1;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.reader-inline-admin-actions{border-bottom:1px solid var(--line);background:#fff;justify-content:flex-end;gap:8px;padding:10px 28px;display:flex}.reader-inline-admin-actions button,.reader-header-edit-button,.reader-section-edit-button{border:1px solid var(--ink);color:#fff;background:var(--ink);cursor:pointer;border-radius:8px;height:34px;padding:0 12px;font-size:11px;font-weight:900}.reader-header-edit-button{z-index:1;margin-left:auto;position:relative}.reader-section-edit-button{color:#29251f;background:#fff;border-color:#ffffff3d;margin-left:auto}.reader-topic{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.lesson-version-tags,.reader-version-tags,.footer-version-tags{flex-wrap:wrap;gap:4px;display:flex}.lesson-version-tags{margin-top:3px}.lesson-version-tags b,.reader-version-tags b,.footer-version-tags b{color:color-mix(in srgb, var(--app-color,#dc2626) 78%, #222);background:color-mix(in srgb, var(--app-color,#dc2626) 9%, white);font-family:var(--mono);border-radius:5px;padding:3px 5px;font-size:8px;font-weight:700}.lesson-card.selected .lesson-version-tags b{color:#fff;background:color-mix(in srgb, var(--app-color,#dc2626) 72%, #222)}.reader-version-tags b{color:#fff;background:var(--app-color,#dc2626);box-shadow:0 4px 10px color-mix(in srgb, var(--app-color,#dc2626) 20%, transparent)}.topic-pill{color:color-mix(in srgb, var(--app-color,#dc2626) 75%, #111);background:color-mix(in srgb, var(--app-color,#dc2626) 11%, white);border-radius:99px;padding:5px 8px;font-size:9px;font-weight:800}.lesson-read-time{color:var(--muted);font-size:10px;font-weight:700}.reader-header h2{z-index:1;margin-top:14px;font-size:clamp(25px,2vw,32px);line-height:1.06;position:relative}.reader-header .lesson-lead{z-index:1;-webkit-line-clamp:4;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:560px;margin-top:10px;font-size:13px;line-height:1.55;display:-webkit-box;position:relative;overflow:hidden}.reader-top-navigation{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:8px 30px;display:flex}.reader-top-navigation .reader-progress small{color:#7d766d;font-size:9px}.reader-top-navigation .tutorial-step-actions{order:2;width:auto;margin-left:auto}.reader-top-navigation .tutorial-step-actions button{border-radius:7px;min-width:118px;height:30px;padding-inline:11px;font-size:11px}.reader-lesson-strip{flex:340px;gap:7px;padding-bottom:2px;display:flex;overflow-x:auto}.reader-lesson-strip button{border:1px solid var(--line);color:#3f3a34;white-space:nowrap;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:7px;max-width:190px;height:30px;padding:0 10px;font-size:9px;font-weight:900;display:inline-flex}.reader-lesson-strip button span{color:#918b81;background:var(--soft);width:20px;height:20px;font-family:var(--mono);border-radius:6px;flex:none;place-items:center;font-size:8px;display:grid}.reader-lesson-strip button.active{color:color-mix(in srgb, var(--app-color,#dc2626) 78%, #111);border-color:color-mix(in srgb, var(--app-color,#dc2626) 38%, var(--line));background:color-mix(in srgb, var(--app-color,#dc2626) 8%, white)}.reader-lesson-strip button.active span{color:#fff;background:var(--app-color,#dc2626)}.reader-body{background:#fcfbf9;padding:26px 30px 30px}.lesson-content{gap:20px;min-width:0;display:grid}.content-label{color:var(--muted);letter-spacing:1.3px;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:900;display:block}.concept-card,.takeaway-card{border-radius:13px;grid-template-columns:auto 1fr;gap:13px;padding:16px;display:grid}.concept-card{border:1px solid color-mix(in srgb, var(--app-color,#dc2626) 15%, var(--line));background:color-mix(in srgb, var(--app-color,#dc2626) 5%, white)}.concept-icon{color:#fff;background:var(--app-color,#dc2626);width:30px;height:30px;box-shadow:0 7px 15px color-mix(in srgb, var(--app-color,#dc2626) 24%, transparent);border-radius:9px;place-items:center;display:grid}.concept-card p,.takeaway-card p{color:#4b4740;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.75}.concept-prose{gap:12px;min-width:0;display:grid}.concept-prose h3{border-bottom:1px solid var(--line);color:#2f2b26;font-family:var(--display);margin:9px 0 0;padding-bottom:7px;font-size:17px;line-height:1.25}.concept-prose h3:first-child{margin-top:0}.concept-prose ul,.concept-prose ol{color:#4b4740;gap:6px;margin:0;padding-left:21px;font-size:12px;line-height:1.65;display:grid}.document-code{color:#263b46;max-width:100%;font-family:var(--mono);white-space:pre;background:#f5f8f9;border:1px solid #dce2e5;border-radius:10px;margin:0;padding:14px 15px;font-size:10px;line-height:1.65;overflow-x:auto}.reader-version-details{gap:26px;display:grid}.reader-original-detail{background:#fff;border:1px solid #d9d5cd;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px #231e180d}.original-section-heading{color:#fff;background:linear-gradient(120deg,#29251f,#50483e);align-items:center;gap:11px;padding:15px 18px;display:flex}.original-section-heading>span,.version-history>header>div>span{width:29px;height:29px;font-family:var(--mono);border-radius:9px;flex:0 0 29px;place-items:center;font-size:9px;font-weight:800;display:grid}.original-section-heading>span{color:#29251f;background:#fff}.original-section-heading>div,.version-history>header>div>div{gap:3px;display:grid}.original-section-heading strong,.version-history>header strong{font-size:12px}.original-section-heading small{color:#ffffffab;font-size:9px}.reader-original-detail>.lesson-content{padding:22px}.original-concept-card{background:#fff;border:0;padding:0}.original-concept-card .concept-icon{color:#29251f;width:36px;height:36px;box-shadow:none;background:#eeeae3}.original-concept-card .content-label{display:none}.version-history{gap:15px;display:grid}.version-history>header{justify-content:space-between;align-items:center;gap:14px;padding:0 2px;display:flex}.version-history>header>div{align-items:center;gap:11px;display:flex}.version-history>header>div>span{color:#1f5d78;background:#e5f3f8}.version-history>header small{color:var(--muted);font-size:9px}.version-history>header>b{color:#1f5d78;background:#eaf5f8;border-radius:99px;padding:5px 8px;font-size:9px}.version-change-list{gap:12px;padding-left:20px;display:grid;position:relative}.version-change-list:before{content:"";background:#bdd8e2;width:1px;position:absolute;top:18px;bottom:18px;left:5px}.reader-version-section{position:relative}.version-change-list .reader-version-section:before{content:"";z-index:1;background:#3b89a6;border:3px solid #fcfbf9;border-radius:50%;width:9px;height:9px;position:absolute;top:24px;left:-19px;box-shadow:0 0 0 1px #8ebccc}.reader-version-section+.reader-version-section{border-top:0;padding-top:0}.change-concept-card{background:#fff;border-color:#cfe0e7 #cfe0e7 #cfe0e7 #3b89a6;border-left-style:solid;border-left-width:4px;padding:17px 18px;box-shadow:0 6px 18px #2952620d}.change-concept-card .concept-icon{color:#1f5d78;width:28px;height:28px;box-shadow:none;background:#e5f3f8}.change-concept-card .content-label{color:#36758d}.applies-note{border-top:1px solid color-mix(in srgb, var(--app-color,#dc2626) 13%, var(--line));color:var(--muted);margin-top:11px;padding-top:9px;font-size:9px;font-weight:700}.applies-note span{color:color-mix(in srgb, var(--app-color,#dc2626) 78%, #222);letter-spacing:.6px;text-transform:uppercase;background:#fff;border-radius:5px;margin-right:7px;padding:3px 5px;font-size:7px;font-weight:900}.code-example{background:#011627;border:1px solid #263249;border-radius:14px;min-width:0;overflow:hidden;box-shadow:0 15px 30px #01162729}.code-example header{background:#071d2e;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:44px;padding:0 13px;display:flex}.code-title{color:#b5c8d8;font-family:var(--mono);align-items:center;gap:11px;font-size:10px;display:flex}.window-dots{gap:5px;display:flex}.window-dots i{background:#ff5f56;border-radius:50%;width:7px;height:7px}.window-dots i:nth-child(2){background:#ffbd2e}.window-dots i:nth-child(3){background:#27c93f}.code-example header button{color:#bfd0dc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:800}.code-actions{gap:6px;display:flex}.code-collapsed{text-align:left;color:#c8d7e2;cursor:pointer;background:#011627;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;width:100%;min-height:92px;padding:17px;display:grid}.code-collapsed>span{color:#7fdbca;width:36px;height:36px;font-family:var(--mono);background:#7fdbca1a;border-radius:10px;place-items:center;font-size:10px;font-weight:800;display:grid}.code-collapsed>div{gap:4px;display:grid}.code-collapsed strong{font-size:11px}.code-collapsed small{color:#7890a2;font-size:9px}.code-collapsed>b{color:#7fdbca;white-space:nowrap;font-size:9px}.code-example pre{tab-size:2;max-width:100%;max-height:430px;font-size:11px;line-height:1.75;overflow:auto;font-family:var(--mono)!important;background:#011627!important;margin:0!important;padding:17px 0!important}.code-line{display:table-row}.line-number{color:#526777;text-align:right;-webkit-user-select:none;user-select:none;width:42px;padding-right:14px;display:table-cell}.line-code{white-space:pre;padding-right:20px;display:table-cell}.takeaway-card{background:#f0faf4;border:1px solid #cce7d8}.takeaway-mark{color:#fff;background:#16834d;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.takeaway-card .content-label{color:#28704b}.lesson-callouts{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;display:grid}.lesson-callout{border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr;gap:11px;padding:14px;display:grid}.lesson-callout>span{border-radius:8px;place-items:center;width:25px;height:25px;font-size:11px;font-weight:900;display:grid}.lesson-callout strong{margin-bottom:4px;font-size:11px;display:block}.lesson-callout p{color:#555047;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:11px;line-height:1.65}.note-callout{background:#f3f8fc;border-color:#cbdced}.note-callout>span{color:#25608b;background:#dcecf8}.tip-callout{background:#fffbef;border-color:#ead9a8}.tip-callout>span{color:#80651c;background:#f7eac2}.lesson-copy{min-width:0}.lesson-copy small{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.reader-footer{border-top:1px solid var(--line);background:#ffffffe6;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px 16px;display:flex}.reader-footer .complete-button{border-color:color-mix(in srgb, var(--app-color,#dc2626) 25%, var(--line));color:color-mix(in srgb, var(--app-color,#dc2626) 75%, #111);background:color-mix(in srgb, var(--app-color,#dc2626) 7%, white);margin:0}.reader-progress{color:var(--muted);gap:6px;font-size:10px;font-weight:700;display:grid}.footer-version-tags b{color:#746e65;background:var(--soft)}.reader-empty{padding:28px}.reader-loading-state{text-align:center;place-content:center;justify-items:center;min-height:420px;padding:40px 28px;display:grid}.reader-loading-icon{width:58px;height:58px;color:color-mix(in srgb, var(--app-color,#dc2626) 82%, #111);background:color-mix(in srgb, var(--app-color,#dc2626) 9%, white);box-shadow:0 0 0 8px color-mix(in srgb, var(--app-color,#dc2626) 4%, transparent);border-radius:18px;place-items:center;animation:1.4s ease-in-out infinite loadingPulse;display:grid}.reader-loading-icon svg{width:27px;height:27px}.reader-loading-state h2{font-family:var(--display);margin:16px 0 6px;font-size:28px;line-height:1.05}.reader-loading-state p{max-width:360px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.reader-skeleton{gap:10px;width:min(520px,72vw);margin-top:24px;display:grid}.reader-skeleton i,.reader-skeleton b{background:linear-gradient(90deg,#f3f0eb,#fff,#f3f0eb) 0 0/220% 100%;border-radius:99px;height:12px;animation:1.15s ease-in-out infinite skeletonShimmer;display:block}.reader-skeleton i:nth-child(2){width:86%}.reader-skeleton i:nth-child(3){width:64%}.reader-skeleton b{border-radius:12px;height:54px}@keyframes loadingPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes skeletonShimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.tutorial-step-actions{align-items:center;gap:8px;display:flex}.tutorial-step-actions button{color:#fff;background:var(--app-color,#dc2626);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border:0;border-radius:7px;min-width:128px;max-width:240px;height:34px;padding:0 11px;font-size:12px;font-weight:900;overflow:hidden}.tutorial-step-actions button:disabled{color:#948d83;background:var(--soft);cursor:default}.reader-footer .text-action,.reader-footer .complete-button{height:34px;margin:0}@media (width<=1120px){.learning-grid{grid-template-columns:1fr}.reader-panel{position:static}.page-detail .reader-panel{grid-template-columns:1fr}.page-detail .reader-back,.page-detail .reader-panel>article{grid-column:1}.tutorial-side-nav{border-right:0;border-bottom:1px solid var(--line);grid-area:auto/1;height:auto;max-height:none;position:static}.tutorial-lesson-links{grid-auto-columns:minmax(170px,220px);grid-auto-flow:column;padding-bottom:4px;overflow-x:auto}.learner-shell .topbar{flex-wrap:nowrap;gap:8px;height:58px;min-height:64px}.topbar-left{flex:420px}.learner-shell .topbar-left{min-width:0;padding-right:min(270px,36vw)}.learner-shell .page-breadcrumbs{width:min(520px,100vw - 320px);max-width:calc(100vw - 320px);left:calc(clamp(20px,3vw,42px) + 64px)}.learner-shell .top-back-button{left:calc(clamp(20px,3vw,42px) + 24px)}.learner-shell .top-actions{width:auto;margin-left:auto;position:fixed;top:14px;right:clamp(14px,2vw,28px)}}@media (width<=560px){.learner-shell .topbar{z-index:80;background:#fff;align-items:center;gap:6px;height:54px;min-height:54px;margin-inline:calc(-1*clamp(12px,3vw,18px));padding:6px clamp(12px,3vw,18px);position:sticky;overflow:hidden;box-shadow:0 8px 20px #231e1812}.topbar-left{flex:0 auto;gap:5px;width:auto;min-width:0}.top-logo-button{border-radius:9px;flex-basis:30px;width:30px;height:30px}.top-logo-button img{width:19px;height:19px}.learner-shell .topbar-left{flex-basis:auto;padding-right:0}.learner-shell .page-breadcrumbs{border-radius:10px;flex:auto;gap:4px;width:min(180px,38vw);min-width:0;max-width:none;height:26px;padding:2px;position:static}.learner-shell .top-back-button{border-radius:9px;flex:0 0 30px;width:30px;height:30px;position:static}.learner-shell .page-breadcrumbs button,.learner-shell .page-breadcrumbs strong{max-width:82px;height:22px;padding-inline:6px;font-size:8px}.learner-shell .page-breadcrumbs>svg{width:9px;height:9px}.learner-shell .top-actions{border-radius:11px;flex:none;justify-content:flex-end;gap:3px;width:auto;max-width:none;height:30px;margin-left:auto;padding:2px;position:static;box-shadow:0 10px 24px #231e1814}.learner-shell .feedback-button,.learner-shell .admin-button,.learner-shell .progress-toggle-button,.learner-shell .signin-button,.learner-shell .top-actions .user-chip{border-radius:8px;width:26px;height:26px;min-height:26px;padding:0}.learner-shell .feedback-button svg,.learner-shell .admin-button svg,.learner-shell .progress-toggle-button svg{width:13px;height:13px}.learner-shell .top-actions .user-chip>div{display:none}.learner-shell .top-actions .user-chip>span{border-radius:7px;width:22px;height:22px}.learner-shell .top-actions .user-chip button{display:none}.reader-header,.reader-body{padding:22px 20px}.learning-grid.library-view-topics.reader-open{grid-template-columns:1fr}.learning-grid.library-view-topics.reader-open .catalog-panel{display:none}.learning-grid.library-view-topics.reader-open .reader-panel{border-left:1px solid var(--line);border-radius:14px;display:block}.learning-grid.library-view-topics.reader-open .reader-back{display:none}.reader-top-navigation{grid-template-columns:1fr;padding:12px 20px}.reader-footer{flex-direction:column;align-items:stretch;padding:0 20px 22px}.tutorial-step-actions{width:100%}.tutorial-step-actions button{flex:1;min-width:0}.code-example pre{font-size:10px}}.page-breadcrumbs button,.page-breadcrumbs strong,.page-back-button{font-size:12px}.lesson-page-heading p{font-size:14px}.lesson-copy strong{font-size:16px}.lesson-copy small{font-size:13px}.reader-header .lesson-lead,.concept-card p,.takeaway-card p{font-size:15px}.concept-prose h3{font-size:20px}.concept-prose ul,.concept-prose ol{font-size:14px}.document-code,.code-example pre,.lesson-callout strong{font-size:13px}.lesson-callout p,.original-section-heading strong,.version-history>header strong{font-size:14px}.original-section-heading small,.version-history>header small{font-size:11px}@media (width<=700px){.learner-shell .top-brand-copy{display:none}.page-detail .learning-grid,.page-topics .learning-grid,.learning-grid.library-view-topics.reader-open{margin-top:6px}.learning-grid.library-view-topics.reader-open .reader-panel{border-radius:12px;width:100%;overflow:hidden}.reader-back{margin:10px 14px 0}.reader-header{padding:14px 16px 13px}.reader-header:after{border-width:15px;width:92px;height:92px;top:-44px;right:-46px}.topic-pill{padding:4px 7px;font-size:9px}.reader-header h2{margin-top:10px;font-size:25px;line-height:1.08}.reader-header .lesson-lead{margin-top:8px;font-size:13px;line-height:1.5}.reader-top-navigation{gap:7px;padding:8px 12px}.reader-top-navigation .tutorial-step-actions{order:1;width:100%}.reader-top-navigation .tutorial-step-actions button{min-width:0;height:30px;padding-inline:8px;font-size:9px}.reader-lesson-strip{flex-basis:100%;order:2;gap:6px}.reader-lesson-strip button{max-width:150px;height:28px;padding-inline:8px;font-size:8px}.reader-body{padding:14px 12px 16px}.reader-version-details{gap:16px}.reader-original-detail{border-radius:12px}.original-section-heading{gap:9px;padding:10px 12px}.original-section-heading>span,.version-history>header>div>span{border-radius:8px;flex-basis:27px;width:27px;height:27px}.original-section-heading strong,.version-history>header strong{font-size:13px}.original-section-heading small,.version-history>header small{font-size:10px;line-height:1.35}.reader-original-detail>.lesson-content{padding:14px 12px}.lesson-content{gap:14px}.concept-card,.takeaway-card,.change-concept-card{border-radius:11px;grid-template-columns:minmax(0,1fr);gap:8px;padding:13px}.concept-card .concept-icon,.takeaway-card .takeaway-mark{display:none}.original-concept-card .concept-icon,.concept-icon{border-radius:8px;width:30px;height:30px}.concept-card p,.takeaway-card p{font-size:13px;line-height:1.55}.concept-prose{gap:10px}.concept-prose h3{font-size:16px}.concept-prose ul,.concept-prose ol{padding-left:18px;font-size:12px;line-height:1.5}.document-code,.code-example pre{font-size:10px;line-height:1.55}.code-example{border-radius:11px;box-shadow:0 8px 18px #0116271f}.code-example header{height:32px;padding-inline:9px}.code-title{gap:8px;font-size:8px}.window-dots i{width:6px;height:6px}.code-example header button{padding:4px 6px;font-size:8px}.code-example pre{max-height:280px;padding:12px 0!important}.document-code{padding:11px 12px}.line-number{width:28px;padding-right:8px}.lesson-callouts{grid-template-columns:1fr;gap:8px}.lesson-callout{padding:12px}.lesson-callout strong{font-size:12px}.lesson-callout p{font-size:12px;line-height:1.55}.reader-footer{border-top:1px solid var(--line);background:#fff;gap:7px;padding:8px 10px 10px}.reader-footer .tutorial-step-actions button{height:29px}.reader-footer .lesson-actions{grid-template-columns:78px minmax(0,1fr);align-items:center;gap:7px;display:grid}.reader-footer .text-action,.reader-footer .complete-button{border-radius:9px;justify-content:center;height:34px;margin:0;padding:0 10px;font-size:11px}.reader-footer .text-action{color:#9b3a36;background:0 0}.reader-footer .complete-button{width:100%}}@media (width<=420px){.learner-shell .page-breadcrumbs button,.learner-shell .page-breadcrumbs strong{max-width:90px;font-size:8px}.learner-shell .top-actions{gap:2px}.learner-shell .feedback-button,.learner-shell .admin-button,.learner-shell .progress-toggle-button,.learner-shell .signin-button,.learner-shell .top-actions .user-chip{width:28px}.reader-header{padding:13px 14px 12px}.reader-header h2{font-size:23px}.reader-header .lesson-lead{font-size:12px}.reader-body{padding:12px 10px 14px}.reader-original-detail>.lesson-content{padding:14px 11px}.concept-card,.takeaway-card,.change-concept-card{padding:11px}.concept-card p,.takeaway-card p{font-size:12px}.document-code,.code-example pre{font-size:9px;line-height:1.5}.code-example pre{max-height:240px;padding-block:10px!important}.line-number{width:24px;padding-right:7px}.reader-footer{padding-inline:8px}.reader-footer .lesson-actions{grid-template-columns:64px minmax(0,1fr)}.reader-footer .text-action,.reader-footer .complete-button{height:32px;font-size:10px}}.home-shell,.learner-shell{display:block}.learner-shell main{padding-inline:clamp(20px,3vw,42px)}@media (width<=700px){.learner-shell main{padding-inline:12px;padding-bottom:28px}.learning-grid.library-view-topics.reader-open{gap:8px}.learning-grid.library-view-topics.reader-open .reader-panel{border-radius:10px;box-shadow:0 14px 34px #231e1814}}@media (width<=420px){.learner-shell main{padding-inline:8px}}.home-shell .sidebar,.home-shell .topbar{display:none}.home-shell main{background:linear-gradient(#ffffffd6,#faf9f6fa),radial-gradient(circle at 50% 18%,#231e180e,#0000 34%),#faf9f6;align-content:center;min-height:100vh;padding:32px clamp(22px,6vw,86px);display:grid}.home-picker{width:min(920px,100%);margin-inline:auto}.home-brand{color:var(--ink);font-family:var(--display);align-items:center;gap:12px;margin-bottom:58px;font-size:23px;display:flex}.home-intro{max-width:620px}.home-picker h1{font-family:var(--display);letter-spacing:0;margin:12px 0 10px;font-size:clamp(42px,5.5vw,68px);line-height:.95}.home-picker p{max-width:560px;color:var(--muted);margin:0;font-size:17px;line-height:1.75}.home-app-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:18px;margin-top:34px;display:grid}.home-app-card{border:1px solid var(--line);min-height:116px;color:var(--ink);background:#fff;border-radius:8px;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s;display:block;overflow:hidden;box-shadow:0 18px 44px #231e1814}.home-app-main{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) 42px;align-items:center;gap:14px;padding:24px;display:grid}.home-app-card:hover{border-color:color-mix(in srgb, var(--app-color) 44%, #bdb5a9);box-shadow:0 18px 44px color-mix(in srgb, var(--app-color) 10%, #231e181a);transform:translateY(-2px)}.home-app-card .app-dot{background:var(--app-color);width:13px;height:13px}.home-app-copy{gap:6px;min-width:0;display:grid}.home-app-card strong{font-size:20px}.home-app-card small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.home-app-card svg{width:34px;height:34px;color:var(--app-color);background:color-mix(in srgb, var(--app-color) 9%, white);border-radius:10px;padding:9px}.home-app-features{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px 14px 14px;display:grid}.home-app-features button{color:#655f56;background:var(--soft);cursor:pointer;border:0;border-radius:8px;justify-items:center;gap:5px;min-width:0;padding:8px 5px;font-size:9px;font-weight:900;display:grid}.home-app-features button:hover{color:var(--app-color);background:color-mix(in srgb, var(--app-color) 8%, white)}.home-app-features button svg{width:15px;height:15px;color:var(--app-color);background:0 0;padding:0}.library-view-topics .reader-back{display:none}.library-view-topics .topic-browser{background:0 0;border:0;margin-top:12px;padding:0}.library-view-topics .catalog-panel{flex-direction:column;max-height:calc(100vh - 92px);display:flex;position:sticky;top:74px;overflow-y:auto}.library-view-topics .topic-browser{flex-direction:column;flex:1;min-height:0;display:flex}.library-view-topics .section-heading h2{font-size:22px}.library-view-topics .section-heading{border-bottom:1px solid var(--line);align-items:start;padding-bottom:12px}.library-view-topics .count-badge,.library-view-topics .reader-header:after{display:none}@media (width>=701px){.learner-shell .topbar{align-items:center}.learner-shell .topbar-left{gap:10px;padding-right:min(420px,38vw)}.learner-shell .top-back-button{flex:0 0 34px;justify-content:center;width:34px;height:34px;padding:0;font-size:0;position:static}.learner-shell .page-breadcrumbs{width:min(520px,100vw - 660px);max-width:520px;height:34px;margin-left:0;position:static;box-shadow:0 8px 22px #231e180a}.learner-shell .page-breadcrumbs button,.learner-shell .page-breadcrumbs strong{height:26px;font-size:11px}}@media (width>=701px) and (width<=1120px){.learning-grid.library-view-topics{grid-template-columns:minmax(250px,280px) minmax(0,1fr);gap:0}.learning-grid.library-view-topics .catalog-panel{border-radius:14px 0 0 14px}.learning-grid.library-view-topics .reader-panel{border-left:0;border-radius:0 14px 14px 0}}@media (width<=620px){.home-app-grid{grid-template-columns:1fr}}@media (width<=700px){.learning-grid.library-view-topics:not(.reader-open){grid-template-columns:1fr}.learning-grid.library-view-topics:not(.reader-open) .reader-panel{display:none}.learning-grid.library-view-topics:not(.reader-open) .catalog-panel{border-radius:14px;max-height:none;position:static;overflow:visible}}@media (width<=560px){.learner-shell .topbar{align-items:flex-start;height:88px;min-height:88px;padding:8px 12px;overflow:visible}.learner-shell .topbar-left{gap:6px;width:100%;max-width:100%;display:flex}.learner-shell .top-logo-button,.learner-shell .top-back-button{border-radius:10px;flex:0 0 32px;width:32px;height:32px}.learner-shell .top-logo-button img{width:20px;height:20px}.learner-shell .top-actions{border-radius:12px;gap:3px;height:32px;padding:2px;position:absolute;top:8px;right:12px}.learner-shell .feedback-button,.learner-shell .admin-button,.learner-shell .progress-toggle-button,.learner-shell .signin-button,.learner-shell .top-actions .user-chip{border-radius:9px;width:28px;height:28px;min-height:28px}.learner-shell .page-breadcrumbs{border-radius:11px;width:auto;max-width:none;height:30px;padding:3px;position:absolute;top:48px;left:12px;right:12px}.learner-shell .top-page-nav{justify-content:flex-start;width:auto;height:30px;margin:0;padding:0;position:absolute;top:48px;left:12px;right:12px}.learner-shell .top-page-nav button,.learner-shell .top-page-nav label{border-radius:9px;height:28px}.learner-shell .top-page-nav button{padding-inline:11px;font-size:10px}.learner-shell .top-page-nav label{flex:auto;min-width:0}.learner-shell .top-page-nav select{max-width:100%;font-size:10px}.learner-shell .page-breadcrumbs button,.learner-shell .page-breadcrumbs strong{min-width:0;max-width:none;height:24px;padding-inline:8px;font-size:9px}.learner-shell .page-breadcrumbs button:first-child{flex:none}.learner-shell .page-breadcrumbs strong:last-child,.learner-shell .page-breadcrumbs button:last-child{flex:auto}}@media (width<=420px){.learner-shell .topbar{height:84px;min-height:84px;padding-inline:10px}.learner-shell .top-actions{right:10px}.learner-shell .top-logo-button,.learner-shell .top-back-button{flex-basis:30px;width:30px;height:30px}.learner-shell .feedback-button,.learner-shell .admin-button,.learner-shell .progress-toggle-button,.learner-shell .signin-button,.learner-shell .top-actions .user-chip{width:26px;height:26px;min-height:26px}.learner-shell .page-breadcrumbs{top:46px;left:10px;right:10px}}.reader-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;background:#fff;gap:6px;padding:8px 16px;display:flex;overflow-x:auto}.reader-tabs button{white-space:nowrap;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:9px;font-weight:800;display:flex}.reader-tabs button span{background:var(--soft);border-radius:5px;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.reader-tabs button span svg{width:13px;height:13px}.reader-tabs button.active{color:color-mix(in srgb, var(--app-color) 75%, #111);background:color-mix(in srgb, var(--app-color) 8%, white)}.reader-tabs button.active span{color:#fff;background:var(--app-color)}.reader-tabs b{min-width:15px;color:var(--muted);font-size:9px}.study-admin-toolbar{border:1px solid color-mix(in srgb, var(--app-color) 22%, var(--line));background:color-mix(in srgb, var(--app-color) 5%, white);border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin:14px 18px 0;padding:11px 13px;display:flex}.study-admin-toolbar>div{gap:2px;display:grid}.study-admin-toolbar strong{text-transform:uppercase;letter-spacing:.7px;font-size:10px}.study-admin-toolbar small{color:var(--muted);font-size:9px}.study-admin-toolbar button,.study-item-edit{border:1px solid color-mix(in srgb, var(--app-color) 32%, var(--line));color:color-mix(in srgb, var(--app-color) 75%, #222);cursor:pointer;background:#fff;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:900}.study-item-edit{margin-top:11px}.study-editor-modal form{gap:13px;display:grid}.study-editor-modal label{color:var(--ink);gap:6px;font-size:10px;font-weight:900;display:grid}.study-editor-modal input,.study-editor-modal select,.study-editor-modal textarea{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--ink);font:400 12px/1.55 var(--sans);resize:vertical;background:#fff;border-radius:9px;padding:10px 11px}.study-editor-modal .modal-actions{justify-content:flex-end;gap:8px;display:flex}.study-editor-modal .danger-button{margin-right:auto}.mode-loading{color:var(--muted);text-align:center;padding:40px 10px;font-size:12px}.interview-list,.practice-list{gap:12px;display:grid}.mode-intro{color:#6c4514;background:#fff6df;border-radius:11px;gap:3px;padding:14px 16px;display:grid}.mode-intro span{letter-spacing:1.2px;text-transform:uppercase;font-size:9px;font-weight:900}.mode-intro strong{font-size:12px}.interview-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.interview-card summary{color:var(--ink);cursor:pointer;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:15px;list-style:none;display:grid}.interview-card summary::-webkit-details-marker{display:none}.interview-card[open]{border-color:color-mix(in srgb, var(--app-color) 25%, var(--line));box-shadow:0 10px 26px #2721190f}.question-number{color:color-mix(in srgb, var(--app-color) 70%, #555);font-family:var(--mono);font-size:10px}.interview-card summary>span:nth-child(2){font-size:12px;font-weight:800;line-height:1.5}.interview-card em,.practice-heading em{color:#6c6257;background:var(--soft);text-transform:uppercase;border-radius:99px;padding:4px 7px;font-size:8px;font-style:normal;font-weight:900}.answer{border-top:1px solid var(--line);background:color-mix(in srgb, var(--app-color) 4%, white);padding:15px 18px 17px 53px}.answer span{color:color-mix(in srgb, var(--app-color) 72%, #222);letter-spacing:1px;text-transform:uppercase;font-size:9px;font-weight:900}.answer p{color:#504b44;margin:7px 0 0;font-size:12px;line-height:1.75}.practice-card{background:linear-gradient(145deg,#fff,#fffcf5);border:1px solid #dcd4c4;border-radius:14px;padding:19px;box-shadow:0 12px 28px #2c251b0f}.practice-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.practice-heading h3{font-family:var(--display);margin:4px 0 0;font-size:22px}.practice-task{color:#4f4a43;margin:15px 0;font-size:12px;line-height:1.7}.requirements{background:var(--soft);border-radius:10px;padding:13px 14px}.requirements strong{text-transform:uppercase;letter-spacing:1px;font-size:10px}.requirements ul{margin:8px 0 0;padding-left:17px}.requirements li{color:#5d574f;margin:4px 0;font-size:11px}.hint{border:1px dashed #c9b98f;border-radius:9px;margin-top:12px}.hint summary{color:#775c19;cursor:pointer;padding:10px 12px;font-size:10px;font-weight:800}.hint p{color:#615b52;margin:0;padding:0 12px 12px;font-size:11px;line-height:1.6}.expected{grid-template-columns:25px 1fr;align-items:start;gap:9px;margin-top:12px;display:grid}.expected>span{color:#fff;background:#16834d;border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.expected>span svg{width:12px;height:12px}.expected p{color:#4e5c53;margin:0;font-size:11px;line-height:1.55}.expected strong{color:#246343;letter-spacing:.8px;text-transform:uppercase;font-size:9px;display:block}.quiz-list{gap:14px;display:grid}.quiz-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px}.quiz-question{grid-template-columns:30px 1fr;align-items:start;gap:10px;display:grid}.quiz-question>span{color:#fff;background:var(--ink);width:28px;height:28px;font-family:var(--mono);border-radius:8px;place-items:center;font-size:9px;display:grid}.quiz-question div{gap:4px;display:grid}.quiz-question small{color:var(--app-color);letter-spacing:1px;text-transform:uppercase;font-size:8px;font-weight:900}.quiz-question strong{color:var(--ink);font-size:13px;line-height:1.5}.quiz-options{gap:8px;margin-top:14px;display:grid}.quiz-options button{text-align:left;border:1px solid var(--line);color:#514b43;background:var(--soft);cursor:pointer;border-radius:9px;grid-template-columns:25px 1fr;align-items:start;gap:10px;padding:11px 12px;font-size:11px;line-height:1.5;display:grid}.quiz-options button>span{width:22px;height:22px;color:var(--muted);background:#fff;border-radius:6px;place-items:center;font-size:9px;font-weight:900;display:grid}.quiz-options button.selected{border-color:var(--app-color);background:color-mix(in srgb,var(--app-color) 7%,white)}.quiz-options button.correct{background:#eaf8f0;border-color:#47a777}.quiz-options button.incorrect{background:#fff0ef;border-color:#d55b5b}.quiz-feedback{color:#a43d38;margin:10px 0 0;font-size:10px;font-weight:800}.quiz-feedback.correct{color:#16834d}.quiz-submit{justify-self:start;min-width:150px}.activity-complete{color:#fff;background:var(--ink);cursor:pointer;border:0;border-radius:9px;margin-top:15px;padding:10px 13px;font-size:10px;font-weight:900}.activity-complete.saved{background:#16834d}.confidence-actions{flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px;display:flex}.confidence-actions small{width:100%;color:var(--muted);font-size:9px;font-weight:800}.confidence-actions button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:800}.confidence-actions button.selected{color:#fff;border-color:var(--app-color);background:var(--app-color)}@media (width<=560px){.reader-tabs{gap:4px;padding:7px 10px}.reader-tabs button{gap:4px;padding:6px 7px;font-size:9px}.reader-tabs button span{width:17px;height:17px}.reader-tabs b{min-width:10px}.study-admin-toolbar{flex-direction:column;align-items:stretch;margin-inline:12px}.quiz-list,.interview-list,.practice-list{gap:10px}.quiz-card,.practice-card{border-radius:12px;padding:14px}.quiz-question{grid-template-columns:26px 1fr;gap:9px}.quiz-question>span{border-radius:7px;width:25px;height:25px}.quiz-question strong{font-size:12px}.quiz-options{gap:7px;margin-top:12px}.quiz-options button{grid-template-columns:22px 1fr;gap:8px;padding:10px;font-size:10px}.interview-card{border-radius:11px}.interview-card summary{grid-template-columns:24px 1fr;gap:8px;padding:13px}.interview-card summary em{grid-column:2;justify-self:start}.answer{padding:13px 14px 14px 45px}.practice-heading h3{font-size:19px}.practice-task{margin:12px 0}.requirements{padding:11px 12px}}@media (width<=420px){.reader-tabs{padding-inline:9px}.reader-tabs button{padding-inline:7px}.quiz-card,.practice-card{padding:12px}.answer{padding-left:38px}}.top-actions{align-items:center;gap:8px;display:flex}.feedback-button,.signin-button,.progress-toggle-button{border:1px solid var(--line);height:38px;color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;padding:0 13px;font-size:11px;font-weight:800}.feedback-button,.admin-button,.progress-toggle-button,.text-action,.complete-button,.activity-complete{justify-content:center;align-items:center;gap:6px;display:inline-flex}.feedback-button svg,.admin-button svg,.progress-toggle-button svg,.text-action svg,.complete-button svg,.activity-complete svg{flex:none;width:14px;height:14px}.feedback-button{color:#765510;background:#fffaf0}.progress-toggle-button{color:#16643b;background:#f0faf4}.progress-toggle-button.active{color:#fff;background:#15803d;border-color:#15803d}.user-chip{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:8px;height:40px;padding:4px 5px 4px 6px;display:flex}.user-chip>span{color:#fff;background:var(--ink);border-radius:8px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:900;display:grid}.user-chip>div{min-width:70px;display:grid}.user-chip strong{text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:10px;overflow:hidden}.user-chip small{color:var(--muted);text-transform:capitalize;font-size:8px}.user-chip button{width:27px;height:27px;color:var(--muted);background:var(--soft);cursor:pointer;border:0;border-radius:7px;place-items:center;display:grid}.user-chip button svg{width:13px;height:13px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1714107a;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.account-modal,.feedback-modal{background:#fff;border:1px solid #ffffff80;border-radius:20px;width:min(430px,100%);max-height:calc(100vh - 40px);padding:30px;position:relative;overflow-y:auto;box-shadow:0 28px 80px #16120c38}.feedback-modal{width:min(520px,100%)}.modal-close{width:31px;height:31px;color:var(--muted);background:var(--soft);cursor:pointer;border:0;border-radius:9px;place-items:center;display:grid;position:absolute;top:15px;right:16px}.modal-close svg{width:16px;height:16px}.modal-icon{color:#fff;background:var(--ink);width:42px;height:42px;font-family:var(--display);border-radius:13px 13px 5px;place-items:center;margin-bottom:18px;font-weight:900;display:grid}.account-modal h2,.feedback-modal h2{font-family:var(--display);margin:9px 0 7px;font-size:30px}.account-modal>p,.feedback-modal>p{color:var(--muted);margin:0 0 20px;font-size:11px;line-height:1.65}.auth-tabs{background:var(--soft);border-radius:10px;grid-template-columns:1fr 1fr;margin-bottom:17px;padding:4px;display:grid}.auth-tabs button{height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:10px;font-weight:800}.auth-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 3px 10px #14110c14}.account-modal form,.feedback-modal form{gap:13px;display:grid}.account-modal label,.feedback-modal label{color:var(--muted);gap:6px;font-size:10px;font-weight:800;display:grid}.account-modal input,.feedback-modal input,.feedback-modal select,.feedback-modal textarea{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#fff;border-radius:10px;outline:none;padding:11px 12px}.account-modal input:focus,.feedback-modal input:focus,.feedback-modal textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px #1e1c180f}.guest-button{height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:800}.admin-hint{color:#9b958b;text-align:center;margin-top:14px;font-size:9px;display:block}.form-message{background:#fff7df;border-radius:8px;padding:9px 10px;color:#5e502f!important;margin:0!important;font-size:10px!important}.toast-stack{z-index:160;pointer-events:none;gap:10px;width:min(360px,100vw - 28px);display:grid;position:fixed;top:22px;right:22px}.toast{border:1px solid var(--line);pointer-events:auto;background:#fff;border-radius:12px;gap:4px;padding:13px 42px 13px 14px;display:grid;position:relative;box-shadow:0 18px 44px #16120c2e}.toast strong{color:var(--ink);font-size:12px}.toast p{color:#5b554d;margin:0;font-size:12px;line-height:1.45}.toast button{width:25px;height:25px;color:var(--muted);background:var(--soft);cursor:pointer;border:0;border-radius:7px;place-items:center;display:grid;position:absolute;top:9px;right:9px}.toast button svg{width:13px;height:13px}.toast-success{background:#f1fbf5;border-color:#b9dec8}.toast-success strong{color:#226b43}.toast-error{background:#fff3f1;border-color:#efb5b5}.toast-error strong{color:#9a2c2c}.guest-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lesson-actions{align-items:center;gap:6px;display:flex}.text-action{color:#9a4040;cursor:pointer;background:0 0;border:0;padding:9px 10px;font-size:9px;font-weight:800}.discussion-list{gap:10px;display:grid}.discussion-intro{background:linear-gradient(135deg,#f3f1ff,#faf9ff);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:15px;display:flex}.discussion-intro>div{gap:3px;display:grid}.discussion-intro strong{font-size:11px}.discussion-intro button{color:#fff;cursor:pointer;background:#6251a2;border:0;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:800}.discussion-card{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:32px 1fr;gap:10px;padding:14px;display:grid}.discussion-card>span{color:#fff;background:#6251a2;border-radius:10px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:900;display:grid}.discussion-card strong{font-size:10px}.discussion-card small{color:var(--muted);margin-left:8px;font-size:8px}.discussion-card p{color:#514c45;margin:6px 0 0;font-size:11px;line-height:1.65}.empty-discussion{color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:11px;padding:30px 15px;font-size:11px}.moderation-block{grid-column:1/-1}.moderation-heading{justify-content:space-between;align-items:center;display:flex}.moderation-heading span{color:#922;background:#fee;border-radius:99px;padding:4px 7px;font-size:8px;font-weight:900}.moderation-list{gap:7px;max-height:330px;display:grid;overflow-y:auto}.moderation-list article{background:#fff;border-radius:9px;grid-template-columns:150px 1fr 105px;align-items:center;gap:10px;padding:11px;display:grid}.moderation-list article>div{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.moderation-list strong{font-size:9px}.moderation-list small{color:var(--muted);font-size:8px}.moderation-list p{color:#514c45;font-size:10px;line-height:1.5}.moderation-list select{height:32px;padding:0 7px;font-size:9px}.feedback-type{text-transform:uppercase;border-radius:5px;padding:3px 5px;font-size:7px;font-weight:900}.feedback-type.report{color:#9b2929;background:#fee7e7}.feedback-type.suggestion{color:#725514;background:#fff3cf}.feedback-type.discussion{color:#4e4087;background:#eeeaff}@media (width<=820px){.sidebar{z-index:30;background:#fbfaf7f7;position:sticky;top:0}main{padding-inline:14px}.topbar{z-index:25;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f7f3f2;height:58px;margin-inline:-14px;padding-inline:14px;position:sticky;top:93px}.hero-card{margin-top:14px}.learning-grid{gap:14px}#lesson-reader{scroll-margin-top:165px}.moderation-list article{grid-template-columns:1fr}}@media (width<=560px){.sidebar{padding:12px 14px}.brand{font-size:18px}.brand-mark{width:29px;height:29px}.app-nav{margin-top:11px}.app-link{min-width:145px;padding-block:8px}.topbar{top:89px}.toast-stack{width:auto;inset:12px 12px auto}.feedback-button{width:37px;padding:0;font-size:0;overflow:hidden}.feedback-button svg{width:15px;height:15px}.user-chip>div{display:none}.hero-card{border-radius:16px;min-height:210px;padding:25px 21px}.hero-card h1{font-size:34px}.hero-meta{font-size:9px}.catalog-panel{border-radius:14px;padding:17px}.section-heading h2{font-size:22px}.course-tab{padding:12px}.lesson-card{grid-template-columns:28px 1fr auto;padding:14px 8px}.lesson-copy small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.reader-panel{border-radius:14px}.reader-header h2{font-size:29px}.reader-footer{flex-direction:column;align-items:flex-start}.lesson-actions{justify-content:space-between;width:100%}.account-modal,.feedback-modal{border-radius:16px;padding:24px 19px}.guest-fields{grid-template-columns:1fr}.discussion-intro{flex-direction:column;align-items:flex-start}}.topic-browser{border:1px solid var(--line);background:linear-gradient(145deg,#faf9f6,#fff);border-radius:15px;margin:20px 0 18px;padding:17px}.topic-browser-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.topic-browser-heading>div:first-child{gap:3px;display:grid}.topic-browser-heading>div:first-child>span{color:var(--ink);letter-spacing:1.1px;text-transform:uppercase;font-size:10px;font-weight:900}.topic-browser-heading strong{color:var(--muted);font-size:9px;font-weight:600}.topic-tools{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.topic-tools label{border:1px solid var(--line);background:#fff;border-radius:9px;flex:1;align-items:center;gap:8px;min-width:0;height:36px;padding:0 10px;display:flex}.topic-tools label>span{color:#8e877d;text-transform:uppercase;font-size:10px;font-weight:900}.topic-tools input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:10px}.topic-tools small{color:var(--muted);white-space:nowrap;font-size:8px}.topic-heading-actions{align-items:center;gap:8px;display:flex}.inline-admin-mini-button{border:1px solid var(--ink);color:#fff;background:var(--ink);cursor:pointer;border-radius:9px;height:34px;padding:0 12px;font-size:12px;font-weight:900}.topic-page-admin-editor{border:1px solid color-mix(in srgb, var(--app-color,#dc2626) 28%, var(--line));background:color-mix(in srgb, var(--app-color,#dc2626) 5%, white);border-radius:10px;gap:9px;margin:0 0 12px;padding:10px;display:grid}.topic-page-admin-tabs{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.topic-page-admin-tabs button{height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:10px;font-weight:900}.topic-page-admin-tabs button.active{color:#fff;background:var(--ink)}.topic-page-admin-tabs button:disabled{opacity:.45;cursor:default}.topic-page-admin-editor label{color:var(--muted);text-transform:uppercase;gap:5px;font-size:10px;font-weight:900;display:grid}.topic-page-admin-editor input[type=text],.topic-page-admin-editor label:not(.topic-page-toggle) input{border:1px solid var(--line);width:100%;height:34px;color:var(--ink);text-transform:none;background:#fff;border-radius:8px;outline:none;padding:0 9px;font-size:13px}.topic-page-toggle{grid-template-columns:auto 1fr;align-items:center;text-transform:none!important}.topic-page-admin-actions{justify-content:flex-end;gap:6px;display:flex}.topic-page-admin-actions button{border:1px solid var(--ink);color:#fff;background:var(--ink);cursor:pointer;border-radius:8px;height:30px;padding:0 10px;font-size:10px;font-weight:900}.topic-page-admin-actions .danger-link{color:#a42626;background:#fff;border-color:#e2b7b7}.topic-page-admin-actions button:disabled{opacity:.5;cursor:default}.topic-page-admin-editor p{color:var(--muted);margin:0;font-size:11px;line-height:1.4}.current-topic{color:var(--muted);text-transform:uppercase;align-items:center;gap:6px;font-size:8px;font-weight:800;display:flex}.current-topic span{color:#fff;background:var(--ink);width:25px;height:25px;font-family:var(--mono);border-radius:8px;place-items:center;font-size:8px;display:grid}.course-tools{align-items:center;gap:8px;display:flex}.compact-version{border:1px solid var(--line);height:34px;color:var(--muted);background:#fff;border-radius:9px;align-items:center;gap:6px;padding:0 5px 0 10px;display:flex}.compact-version>span{letter-spacing:.7px;text-transform:uppercase;font-size:8px;font-weight:900}.compact-version select{max-width:122px;color:var(--ink);cursor:pointer;background:0 0;border:0;outline:0;font-size:9px;font-weight:800}.version-bar{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin-bottom:13px;padding:8px;display:grid}.version-options{gap:5px;display:flex}.version-options button{min-width:58px;color:var(--muted);background:var(--soft);cursor:pointer;border:1px solid #0000;border-radius:8px;gap:1px;padding:7px 9px;display:grid}.version-options strong{font-family:var(--mono);font-size:10px}.version-options span{text-transform:uppercase;font-size:7px;font-weight:800}.version-options button.active{color:#fff;border-color:var(--ink);background:var(--ink);box-shadow:0 5px 12px #1e1b1626}.version-summary{gap:2px;min-width:0;display:grid}.version-summary>span{color:#17724a;text-transform:uppercase;font-size:9px;font-weight:900}.version-summary.lts>span{color:#87640c}.version-summary.historical>span{color:#9a4545}.version-summary small{color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.topic-list{grid-template-columns:1fr;gap:8px}.topic-list .topic-card{grid-template-columns:36px minmax(0,1fr);align-items:center;min-height:52px;padding:11px}.topic-list .topic-number{width:32px;height:32px}.topic-list .topic-name{color:var(--ink);white-space:nowrap;font-size:12px}.topic-list .topic-name small{white-space:normal;gap:5px;max-width:100%;display:grid;overflow:hidden}.topic-list .topic-name small b{color:#4d6a75;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:#eaf3f5;border-radius:5px;width:fit-content;max-width:100%;padding:3px 5px;font-size:7px;overflow:hidden}.topic-list .topic-name small span{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.topic-list .topic-state{color:#676057;white-space:nowrap;font-size:9px;font-weight:800}.topic-card{text-align:left;border:1px solid var(--line);color:#655f56;cursor:pointer;background:#fffc;border-radius:10px;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:51px;padding:9px 10px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.topic-card-with-actions,.topic-list .topic-card-with-actions{grid-template-columns:minmax(0,1fr) auto}.topic-card-reorderable{cursor:grab}.topic-card-reorderable.dragging{opacity:.55;cursor:grabbing}.topic-card-main{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px;display:grid}.topic-inline-actions{align-items:center;gap:4px;transition:opacity .16s,transform .16s;display:flex}.topic-inline-actions button{border:1px solid var(--line);color:#625b53;cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:27px;height:27px;padding:0;display:grid}.topic-inline-actions button:hover:not(:disabled){color:var(--ink);border-color:#aaa196}.topic-inline-actions button:disabled{opacity:.3;cursor:default}.topic-inline-actions svg{width:13px;height:13px}.topic-inline-actions .topic-inline-delete-button{color:#a12d2d;background:#fff8f7;border-color:#efcaca}.topic-inline-actions .topic-inline-delete-button:hover{background:#fff0ee;border-color:#d98686}.topic-inline-edit-button:hover{border-color:color-mix(in srgb, var(--app-color,#dc2626) 38%, var(--line))}@media (hover:hover) and (pointer:fine){.topic-list .topic-card-with-actions{grid-template-columns:minmax(0,1fr);position:relative}.topic-inline-actions{z-index:2;opacity:0;pointer-events:none;position:absolute;top:50%;right:10px;transform:translate(4px,-50%)}.topic-card:hover .topic-inline-actions,.topic-card:focus-within .topic-inline-actions{opacity:1;pointer-events:auto;transform:translateY(-50%)}}.topic-card:hover{border-color:#b7afa3;transform:translateY(-1px);box-shadow:0 7px 16px #231e180f}.topic-number{color:#918b81;background:var(--soft);width:25px;height:25px;font-family:var(--mono);border-radius:7px;place-items:center;font-size:8px;display:grid}.topic-name{text-overflow:ellipsis;font-size:10px;font-weight:800;line-height:1.25;overflow:hidden}.topic-name small{color:#aaa399;font-family:var(--mono);margin-top:3px;font-size:7px;font-weight:500;display:block}.topic-name .version-tags{flex-wrap:wrap;gap:3px;display:flex}.version-tags b{color:#7c756c;background:var(--soft);border-radius:4px;padding:2px 4px;font-size:7px;font-weight:700}.topic-state{color:#aaa49a;font-size:9px}.topic-card.active{color:var(--ink);border-color:color-mix(in srgb, var(--app-color,#dc2626) 42%, var(--line));background:color-mix(in srgb, var(--app-color,#dc2626) 7%, white);box-shadow:inset 3px 0 var(--app-color,#dc2626), 0 7px 18px #231e180f}.topic-card.active .topic-number{color:#fff;background:var(--app-color,#dc2626)}.topic-card.active .topic-state{color:color-mix(in srgb, var(--app-color,#dc2626) 75%, #111)}.topic-card.active .topic-name small{color:var(--muted)}.topic-card.active .topic-name small b,.topic-card.active .version-tags b{color:color-mix(in srgb, var(--app-color,#dc2626) 76%, #111);background:#fff}.topic-card.version-guide{border-style:dashed}.topic-card.version-guide:not(.active){color:#7b5312;background:#fff9e9;border-color:#dfc88e}.topic-empty{min-height:110px;color:var(--muted);text-align:center;place-items:center;font-size:10px;display:grid}.lesson-manager-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:0 4px 12px;display:flex}.lesson-manager-bar>div{gap:5px;display:grid}.lesson-manager-bar strong{color:var(--muted);font-size:10px;font-weight:600}.add-lesson-button{border:1px solid var(--ink);color:#fff;background:var(--ink);cursor:pointer;border-radius:9px;height:36px;padding:0 14px;font-size:11px;font-weight:800}@media (width<=1180px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-grid.topic-list{grid-template-columns:1fr}}@media (width<=560px){.topic-browser{border-radius:12px;margin-inline:-3px;padding:13px}.topic-grid{grid-template-columns:1fr;gap:6px}.topic-list .topic-card-with-actions{grid-template-columns:minmax(0,1fr) auto}.topic-list .topic-card-main{grid-template-columns:28px minmax(0,1fr)}.topic-list .topic-state{font-size:0}.topic-list .topic-state:after{content:">";font-size:11px}.topic-card{min-height:46px}.topic-tools{flex-direction:column;align-items:stretch}.topic-tools small{padding-left:2px}.current-topic{font-size:0}.version-bar{grid-template-columns:1fr}.version-options button{flex:1}.version-summary small{white-space:normal;line-height:1.5}.section-heading{align-items:flex-start}.course-tools{flex-direction:column-reverse;align-items:flex-end}.compact-version>span{display:none}}.topic-browser-heading>div:first-child>span{font-size:12px}.topic-browser-heading strong{font-size:11px}.topic-tools input{font-size:13px}.topic-tools small{font-size:11px}.topic-list .topic-name{font-size:14px}.topic-list .topic-name small{font-size:10px}.topic-list .topic-name small b{font-size:9px}.topic-list .topic-state{font-size:11px}.learner-section-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.learner-section-nav button{text-align:left;border:1px solid var(--line);min-height:86px;color:var(--ink);cursor:pointer;background:#fff;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;column-gap:9px;padding:14px;display:grid;box-shadow:0 8px 24px #28221a0a}.learner-section-nav button>span{width:27px;height:27px;color:var(--muted);background:var(--soft);font-family:var(--mono);border-radius:8px;grid-row:1/3;place-items:center;font-size:9px;display:grid}.learner-section-nav strong{font-size:12px}.learner-section-nav small{color:var(--muted);font-size:9px}.learner-section-nav button:hover,.learner-section-nav button.active{border-color:color-mix(in srgb, var(--app-color) 45%, var(--line));background:color-mix(in srgb, var(--app-color) 5%, white)}.learner-section-nav button.active>span{color:#fff;background:var(--app-color)}.learning-hub{border:1px solid var(--line);max-width:1040px;box-shadow:var(--shadow);background:#fff;border-radius:18px;margin:22px auto 0;padding:28px}.learning-hub-heading h2{font-family:var(--display);margin:8px 0 6px;font-size:28px}.learning-hub-heading p{color:var(--muted);margin:0;font-size:12px}.study-topic-stepper{grid-template-columns:38px minmax(0,1fr) 38px;align-items:start;gap:10px;margin-top:22px;display:grid}.stepper-arrow{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:#fff;border-radius:50%;place-items:center;margin-top:5px;display:grid}.stepper-arrow svg{width:17px;height:17px}.stepper-arrow:disabled{opacity:.3;cursor:default}.stepper-track{scroll-snap-type:x proximity;scrollbar-width:thin;gap:12px;padding:0 2px 8px;display:flex;overflow-x:auto}.stepper-track>button{width:68px;color:var(--muted);cursor:pointer;scroll-snap-align:center;background:0 0;border:0;flex:0 0 68px;justify-items:center;gap:6px;display:grid}.stepper-track>button>span{border:2px solid var(--line);width:46px;height:46px;color:var(--muted);font:800 11px var(--mono);background:#fff;border-radius:50%;place-items:center;transition:all .2s;display:grid}.stepper-track>button>span svg{width:18px;height:18px}.stepper-track>button>small{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:8px;font-weight:800;line-height:1.3;overflow:hidden}.stepper-track>button.active>span{color:#fff;border-color:var(--app-color);background:var(--app-color);box-shadow:0 0 0 4px color-mix(in srgb, var(--app-color) 12%, transparent)}.stepper-track>button.active>small{color:var(--ink)}.stepper-track>button.complete>span{color:#fff;background:#16834d;border-color:#16834d}.study-topic-groups{gap:10px;margin-top:14px;display:grid}.study-topic-panel{border:1px solid color-mix(in srgb, var(--app-color) 25%, var(--line));background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 24px #28221a0d}.study-topic-panel>header{background:var(--soft);grid-template-columns:minmax(0,1fr) auto;gap:3px 14px;padding:14px 16px;display:grid}.study-topic-panel>header span{color:var(--app-color);letter-spacing:1px;text-transform:uppercase;grid-column:1/-1;font-size:8px;font-weight:900}.study-topic-panel>header h3{color:var(--ink);font:700 18px var(--display);margin:0}.study-topic-panel>header small{color:var(--muted);align-self:center;font-size:9px;font-weight:800}.study-topic-content{border-top:1px solid var(--line);padding:14px}.quiz-batch-workspace{gap:14px;margin-top:22px;display:grid}.quiz-batch-nav{border:1px solid var(--line);background:var(--soft);border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px;display:grid}.quiz-batch-nav>button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-size:10px;font-weight:800;display:flex}.quiz-batch-nav>button:last-child{justify-self:end}.quiz-batch-nav>button:disabled{opacity:.35;cursor:default}.quiz-batch-nav svg{width:14px;height:14px}.quiz-batch-nav>span{color:var(--ink);text-align:center;gap:2px;font-size:12px;font-weight:900;display:grid}.quiz-batch-nav>span small{color:var(--muted);font-size:8px;font-weight:700}.quiz-batch-nav-bottom{background:#fff}.study-submit-bar{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex;position:sticky;bottom:12px;box-shadow:0 10px 28px #28221a1f}.study-submit-bar>span{color:var(--muted);font-size:10px;font-weight:800}.hub-topic-select{color:var(--muted);grid-template-columns:120px minmax(220px,440px);align-items:center;gap:12px;margin:22px 0 18px;font-size:11px;font-weight:800;display:grid}.hub-topic-select select{border:1px solid var(--line);height:42px;color:var(--ink);background:#fff;border-radius:10px;padding:0 12px}.learning-overview{grid-template-columns:minmax(260px,1.7fr) repeat(3,minmax(130px,1fr));gap:12px;margin-top:22px;display:grid}.progress-summary,.learning-stat{border:1px solid var(--line);background:var(--soft);border-radius:14px;padding:18px}.progress-summary{gap:7px;display:grid}.progress-summary>span,.learning-stat>span{color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-size:9px;font-weight:900}.progress-summary>strong{font-family:var(--display);font-size:22px}.progress-summary>div{background:#ddd8ce;border-radius:99px;height:7px;overflow:hidden}.progress-summary i{background:var(--app-color);border-radius:99px;height:100%;display:block}.progress-summary small,.learning-stat small{color:var(--muted);font-size:10px}.learning-stat{flex-direction:column;justify-content:center;display:flex}.learning-stat strong{font-family:var(--display);margin:7px 0 3px;font-size:28px}.lesson-card.lesson-completed .lesson-number{color:#16834d;font-weight:900}.learning-message{color:#17643e;background:#eaf8f0;border-radius:9px;margin:14px 0 0;padding:10px 12px;font-size:11px;font-weight:800}.reader-learning-message{margin-inline:18px}@media (width<=1000px){.learner-section-nav{grid-template-columns:repeat(3,1fr)}.learning-overview{grid-template-columns:1fr 1fr}.progress-summary{grid-column:1/-1}}@media (width<=560px){.learner-section-nav{grid-template-columns:1fr 1fr}.learner-section-nav button:first-child{grid-column:1/-1}.learning-hub{padding:20px}.study-topic-stepper{grid-template-columns:34px minmax(0,1fr) 34px;gap:5px}.stepper-arrow{width:34px;height:34px}.stepper-track{gap:8px}.stepper-track>button{flex-basis:58px;width:58px}.stepper-track>button>span{width:40px;height:40px}.quiz-batch-nav{grid-template-columns:1fr 1fr}.quiz-batch-nav>span{grid-area:1/1/auto/-1}.quiz-batch-nav>button{grid-row:2}.study-topic-content{padding:10px}.study-submit-bar{bottom:8px}.hub-topic-select,.learning-overview{grid-template-columns:1fr}.progress-summary{grid-column:auto}}.rich-editor{background:#fff;border:1px solid #bdb7ad;border-radius:11px;overflow:hidden;box-shadow:inset 0 1px #fff}.rich-editor-toolbar{background:linear-gradient(#fafafa,#e8e6e2);border-bottom:1px solid #cfc9c0;flex-wrap:wrap;align-items:center;gap:4px;padding:6px;display:flex}.rich-editor-toolbar>span{background:#cbc6be;width:1px;height:23px;margin-inline:2px}.rich-editor-toolbar button,.rich-editor-toolbar select{color:#3f3a34;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;height:28px;padding:0 7px;font-size:10px}.rich-editor-toolbar button:hover,.rich-editor-toolbar button.active,.rich-editor-toolbar select:hover{background:#fff;border-color:#b9b3a9}.rich-editor-toolbar button:disabled,.rich-editor-toolbar select:disabled{opacity:.35;cursor:default}.rich-editor-toolbar .font-family-select{width:128px}.rich-editor-toolbar .font-size-select{width:118px}.rich-editor-toolbar .line-height-select{width:126px}.rich-editor-toolbar .code-format-button{font-family:var(--mono);font-weight:800}.rich-editor-toolbar .color-control{cursor:pointer;border:1px solid #0000;border-radius:5px;place-items:center;width:30px;height:28px;display:grid;position:relative}.rich-editor-toolbar .color-control:hover{background:#fff;border-color:#b9b3a9}.rich-editor-toolbar .color-control>span{border-radius:4px;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:grid}.rich-editor-toolbar .color-control input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.rich-editor-toolbar .color-control:has(input:disabled){opacity:.35;cursor:default}.rich-editor-surface,.rich-editor-source{color:#292622;background:#fff;border:0;outline:0;width:100%;padding:16px;font-size:13px;line-height:1.7;overflow:auto}.rich-editor-source{resize:vertical;font-family:var(--mono);font-size:11px}.rich-editor-surface h2,.rich-editor-surface h3{font-family:var(--display);margin:18px 0 8px}.rich-editor-surface p{margin:0 0 10px}.rich-editor-surface blockquote{background:#f6f4ef;border-left:4px solid #9a9287;margin:14px 0;padding:10px 14px}.rich-editor-surface pre{color:#d7e2ea;font-family:var(--mono);background:#071d2e;border-radius:9px;padding:14px;font-size:11px;overflow-x:auto}.rich-editor-surface code{color:#5a3421;font-family:var(--mono);background:#f5e9df;border-radius:4px;padding:2px 4px;font-size:.92em}.rich-editor-surface pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.rich-editor-surface table,.rich-text-view table{border-collapse:collapse;border:1px solid #d6d0c7;border-radius:8px;width:100%;margin:14px 0;overflow:hidden}.rich-editor-surface th,.rich-editor-surface td,.rich-text-view th,.rich-text-view td{text-align:left;vertical-align:top;border:1px solid #d6d0c7;min-width:90px;padding:9px 10px}.rich-editor-surface th,.rich-text-view th{color:#292622;background:#f3f0ea;font-weight:800}.rich-text-view{min-width:0;color:inherit;overflow-wrap:anywhere;line-height:1.7}.rich-text-view>:first-child{margin-top:0}.rich-text-view>:last-child{margin-bottom:0}.rich-text-view h1,.rich-text-view h2,.rich-text-view h3{font-family:var(--display);margin:20px 0 8px;line-height:1.25}.rich-text-view p{margin:0 0 11px}.rich-text-view ul,.rich-text-view ol{padding-left:22px}.rich-text-view blockquote{background:#f7f5f1;border-left:4px solid #8f877c;margin:15px 0;padding:11px 14px}.rich-text-view pre{color:#d8e6ef;max-height:430px;font-family:var(--mono);white-space:pre;background:#071d2e;border-radius:10px;padding:15px;font-size:11px;overflow:auto}.rich-text-view code{color:#5a3421;font-family:var(--mono);background:#f5e9df;border-radius:4px;padding:2px 4px;font-size:.92em}.rich-text-view pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.rich-text-view a{color:#1c6688}.rich-editor-toolbar button,.rich-editor-toolbar select{font-size:12px}.rich-editor-surface,.rich-editor-source,.rich-text-view{font-size:15px}.rich-text-view pre{font-size:13px}@media (width<=700px){.rich-text-view{font-size:13px;line-height:1.52}.rich-text-view h1{margin:13px 0 7px;font-size:24px;line-height:1.08}.rich-text-view h2{margin:12px 0 7px;font-size:20px;line-height:1.12}.rich-text-view h3{margin:11px 0 6px;font-size:16px;line-height:1.18}.rich-text-view p{margin-bottom:8px}.rich-text-view ul,.rich-text-view ol{padding-left:18px}.rich-text-view blockquote{margin:11px 0;padding:9px 11px}.rich-text-view pre{border-radius:8px;max-height:220px;margin:8px 0;padding:8px 10px;font-size:10px;line-height:1.42}}@media (width<=420px){.rich-text-view{font-size:12px;line-height:1.5}.rich-text-view h1{font-size:21px}.rich-text-view h2{font-size:18px}.rich-text-view h3{font-size:15px}.rich-text-view pre{max-height:190px;padding:8px 9px;font-size:9px;line-height:1.4}}