/* Connected study indexes: warm brand neutrals, explicit actions and real results. */
.learning-page{--lp-ink:#352318;--lp-muted:#6a584a;--lp-line:#dfd4c9;--lp-surface:#fffdfa;--lp-ochre:#875611;--lp-ochre-soft:#f5e7ca;--lp-green:#326348;--lp-green-soft:#eaf2e9;color:var(--lp-ink);font:400 16px/1.6 Manrope,sans-serif}
.learning-page :is(h1,h2,h3){font-family:Manrope,sans-serif;font-style:normal;text-transform:none;letter-spacing:-.02em;color:var(--lp-ink);background:none;transform:none;padding:0}
.learning-page h1{font-size:30px;line-height:1.3;font-weight:800}
.learning-page h2{font-size:21px;line-height:1.4;font-weight:800}
.learning-page h3{font-size:18px;line-height:1.4;font-weight:750}
.learning-page strong{font-weight:800}
.learning-page p{max-width:70ch}
.learning-page :is(a,button){font-family:Manrope,sans-serif}
.learning-page :is(a,button):focus-visible{outline:3px solid var(--lp-ochre);outline-offset:4px}
.learning-page ::selection{background:#ebd1a4;color:#352318}
.lp-back{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:var(--lp-muted);text-decoration:none;font-size:15px;font-weight:650;margin-bottom:12px}
.lp-back>.icon{width:18px;height:18px;transform:rotate(180deg)}
.lp-back:hover{color:var(--lp-ink);text-decoration:underline;text-underline-offset:4px}
.lp-heading{margin-bottom:28px}
.lp-heading>p{color:var(--lp-muted);font-size:16px;margin-top:9px;max-width:63ch}
.lp-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 18px;border:1px solid transparent;border-radius:9px;font-size:15px;font-weight:750;line-height:1.45;text-decoration:none;transition:background-color .15s ease}
.lp-button>.icon{width:19px;height:19px;flex:none}
.lp-button--primary{background:var(--lp-ink);color:#fffdfa}
.lp-button--primary:hover{background:#563720}
.lp-button--primary:active{background:#24150b}
.lp-button--secondary{background:var(--lp-surface);color:var(--lp-ink);border-color:#bfae9c}
.lp-button--secondary:hover{background:#f4ecdf;border-color:#9d866b}
.lp-button--secondary:active{background:#ecdfcc}
.lp-button:disabled{opacity:.55;cursor:wait}
.lp-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;font-size:15px;font-weight:750;color:var(--lp-ochre);text-decoration:none;border:0;background:none;padding:0;line-height:1.5}
.lp-link>.icon{width:18px;height:18px;flex:none}
.lp-link:hover{color:var(--lp-ink);text-decoration:underline;text-underline-offset:4px}
.lp-link:active{color:#24150b}
.lp-status{display:inline-flex;align-items:center;justify-content:center;gap:6px;align-self:center;font-size:14px;line-height:1.5;font-weight:750;padding:5px 10px;border-radius:6px;white-space:nowrap}
.lp-status>.icon{width:17px;height:17px;flex:none}
.lp-status--neutral{color:#665d54;background:#eeebe6}
.lp-status--current{color:#75470e;background:#f5e7ca}
.lp-status--warning{color:#875611;background:#fff0d3}
.lp-status--success{color:var(--lp-green);background:var(--lp-green-soft)}
.lp-lesson{display:grid;grid-template-columns:104px minmax(0,1fr);gap:28px;padding:30px;background:var(--lp-surface);border:1px solid var(--lp-line);border-radius:14px}
.lp-lesson-number{display:flex;align-items:center;justify-content:center;align-self:start;min-height:88px;background:var(--lp-ochre-soft);border-radius:12px;color:#70470f;font-size:24px;font-weight:800;letter-spacing:-.02em}
.lp-lesson-title{display:flex;align-items:center;justify-content:space-between;gap:20px}
.lp-lesson-content>p{color:var(--lp-muted);margin-top:9px;font-size:16px}
.lp-lesson-sections{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:20px}
.lp-lesson-sections>button{display:inline-flex;align-items:center;gap:9px;min-height:44px;border:0;background:none;padding:0;color:var(--lp-ochre);font-size:15px;font-weight:750}
.lp-lesson-sections>button:hover{text-decoration:underline;text-underline-offset:4px;color:var(--lp-ink)}
.lp-lesson-sections .icon{width:19px;height:19px}
.lp-practice-progress{max-width:540px;margin-top:22px}
.lp-practice-progress>div{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:15px}
.lp-practice-progress>div>span{color:var(--lp-muted)}
.lp-practice-progress progress{display:block;width:100%;height:9px;border:0;border-radius:5px;overflow:hidden;appearance:none;background:#e3dcd1;color:var(--lp-green);accent-color:var(--lp-green);margin-top:9px}
.lp-practice-progress progress::-webkit-progress-bar{background:#e3dcd1;border-radius:5px}
.lp-practice-progress progress::-webkit-progress-value{background:var(--lp-green);border-radius:5px}
.lp-practice-progress progress::-moz-progress-bar{background:var(--lp-green);border-radius:5px}
.lp-lesson-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:26px}
.lp-pending{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--lp-line);padding:24px 6px}
.lp-pending-icon{display:grid;place-items:center;width:42px;height:42px;background:#eee8df;border-radius:10px;flex:none;color:var(--lp-muted)}
.lp-pending>div{min-width:0;flex:1}
.learning-page .lp-pending h2{font-size:17px;line-height:1.5}
.lp-pending p{color:var(--lp-muted);font-size:15px;margin-top:4px}
.lp-pending>.lp-link{margin-left:auto;flex:none}
.lp-page-links{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:24px}
.lp-page-links>a{display:inline-flex;align-items:center;gap:7px;min-height:44px;text-decoration:none;color:var(--lp-ochre);font-size:15px;font-weight:700}
.lp-page-links .icon{width:17px;height:17px}
.lp-page-links>a:hover{text-decoration:underline;text-underline-offset:4px;color:var(--lp-ink)}
.lp-filter-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--lp-line);margin-bottom:23px;padding-bottom:15px}
.lp-filter-tabs>button{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 15px;border:1px solid transparent;border-radius:9px;background:none;color:var(--lp-muted);font-size:15px;font-weight:750}
.lp-filter-tabs>button>span{font-size:14px;font-variant-numeric:tabular-nums;min-width:22px;text-align:center;background:#e8e2d9;border-radius:5px;padding:1px 5px}
.lp-filter-tabs>button:hover{background:#eee4d5;color:var(--lp-ink)}
.lp-filter-tabs>button[aria-pressed=true]{background:var(--lp-ink);color:#fffdfa}
.lp-filter-tabs>button[aria-pressed=true]>span{background:#604631;color:#fffdfa}
.lp-assignment-list{border:1px solid var(--lp-line);border-radius:14px;background:var(--lp-surface);overflow:hidden}
.lp-assignment{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:17px;padding:25px}
.lp-assignment+.lp-assignment{border-top:1px solid var(--lp-line)}
.lp-assignment-icon{display:grid;place-items:center;align-self:start;height:44px;border-radius:10px;background:#f0e5d2;color:var(--lp-ochre)}
.lp-assignment-icon--success{background:var(--lp-green-soft);color:var(--lp-green)}
.lp-assignment-icon--warning{background:#fff0d3;color:#875611}
.learning-page .lp-assignment h2{font-size:18px;line-height:1.5}
.lp-assignment-copy p{color:var(--lp-muted);font-size:15px;margin-top:7px;max-width:48ch}
.lp-assignment-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:13px}
.lp-assignment-actions>.lp-status{align-self:flex-end}
.lp-assignment-actions>.lp-button{min-height:44px;font-size:15px;padding:10px 15px}
.lp-filter-empty{display:flex;align-items:flex-start;gap:20px;padding:32px}
.lp-filter-empty>span{display:grid;place-items:center;background:var(--lp-ochre-soft);color:var(--lp-ochre);width:44px;height:44px;border-radius:10px;flex:none}
.lp-filter-empty h2{font-size:20px}
.lp-filter-empty p{color:var(--lp-muted);margin-top:8px;font-size:15px}
.lp-filter-empty .lp-link{margin-top:12px}
.lp-material-library{background:var(--lp-surface);border:1px solid var(--lp-line);border-radius:14px;padding:0 28px}
.lp-material-library>header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--lp-line)}
.lp-material-library>header h2{font-size:20px}
.lp-material-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:20px;padding:28px 0}
.lp-material-row+.lp-material-row{border-top:1px solid var(--lp-line)}
.lp-material-symbol{display:grid;place-items:center;width:46px;height:52px;background:#f5e7ca;color:#875611;border-radius:9px;align-self:start}
.lp-material-row p{color:var(--lp-muted);font-size:15px;margin-top:7px;max-width:51ch}
.lp-material-format{display:block;font-size:14px;color:var(--lp-muted);margin-top:12px}
.lp-material-row>.lp-button{font-size:15px;padding-inline:14px;white-space:nowrap}
.lp-material-practice{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 4px}
.lp-material-practice h2{font-size:19px}
.lp-material-practice p{font-size:15px;color:var(--lp-muted);margin-top:6px}
.lp-material-practice>.lp-button{flex:none}
.lp-progress-summary{padding:26px 28px;background:var(--lp-surface);border:1px solid var(--lp-line);border-radius:14px}
.lp-progress-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.lp-progress-top p{font-size:15px;color:var(--lp-muted);margin-top:5px}
.lp-progress-total{font-size:16px;white-space:nowrap;color:var(--lp-muted);font-variant-numeric:tabular-nums}
.lp-progress-total>strong{font-size:32px;color:var(--lp-ink);margin-right:4px}
.lp-stacked-progress{display:flex;gap:4px;height:18px;overflow:hidden;border-radius:5px;margin-top:25px}
.lp-bar{min-width:0;flex-basis:0}
.lp-bar--correct{background:#326348}
.lp-bar--retry{background:#bd8127}
.lp-bar--empty{background:#ded7cd}
.lp-progress-legend{display:flex;gap:20px 30px;flex-wrap:wrap;margin:18px 0 0}
.lp-progress-legend>div{display:flex;align-items:center;gap:10px}
.lp-progress-legend dt{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--lp-muted)}
.lp-progress-legend dd{margin:0;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}
.lp-swatch{width:12px;height:12px;border-radius:3px;flex:none}
.lp-progress-note{font-size:14px;color:var(--lp-muted);margin-top:20px}
.lp-result-section{margin-top:30px}
.lp-result-section>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.lp-results-table{border:1px solid var(--lp-line);border-radius:12px;overflow:hidden;background:var(--lp-surface)}
.lp-result-labels,.lp-result-row{display:grid;grid-template-columns:minmax(0,1fr) 170px 126px;gap:18px;padding:15px 22px;align-items:center}
.lp-result-labels{font-size:14px;font-weight:650;color:var(--lp-muted);background:#f2ede6}
.lp-result-labels>span:last-child{text-align:right}
.lp-result-row{border-top:1px solid var(--lp-line);min-height:76px}
.lp-result-topic{display:flex;align-items:center;gap:15px;min-width:0}
.lp-result-topic>strong{display:grid;place-items:center;font-size:16px;line-height:1.5;background:#f1e8da;color:#6d481b;min-width:36px;height:36px;border-radius:8px;font-variant-numeric:tabular-nums}
.lp-result-topic>span{font-size:16px;font-weight:650}
.lp-result-row>.lp-status{justify-self:start}
.lp-result-row>.lp-link{justify-self:end}
.learning-page .lp-result-scope{font-size:14px;line-height:1.65;color:var(--lp-muted);margin:0 0 16px;max-width:76ch}
.learning-page .lp-result-scope strong{color:var(--lp-ink);font-weight:750}
.lp-progress-next{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 4px 0}
.lp-progress-next h2{font-size:19px}
.lp-progress-next p{font-size:15px;color:var(--lp-muted);margin-top:7px;max-width:62ch}
.lp-progress-next>.lp-button{flex:none}
.assignments-page .lp-personal-assignments{margin-bottom:28px}
.assignments-page .lp-personal-assignments>header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:12px}
.assignments-page .lp-personal-assignments>header>span{font-size:13px;color:#6e6054;font-variant-numeric:tabular-nums}
.assignments-page .lp-personal-assignments>header h2,.assignments-page .lp-practice-list-title{font-size:18px;line-height:1.4;margin:0}
.assignments-page .lp-practice-list-title{margin-bottom:12px}
.assignments-page .lp-personal-section{display:block;font-size:13px;font-weight:650;color:#6e6054;margin-bottom:6px}
.app-layout .assignments-page .lp-personal-assignment .lp-personal-description{max-width:65ch;white-space:pre-line;overflow-wrap:anywhere}
.assignments-page .lp-personal-dates{display:grid;gap:6px;margin-top:13px}
.assignments-page .lp-personal-dates>span{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;font-size:13px;line-height:1.6;color:#49382d}
.assignments-page .lp-personal-dates .icon{width:15px;height:15px;align-self:center;margin-right:3px;flex:none}
.app-layout .assignments-page .lp-personal-assignment .lp-personal-note{max-width:65ch;margin-top:10px;font-size:13px;line-height:1.6;color:#6e6054;overflow-wrap:anywhere}
.assignments-page .lp-personal-message{max-width:none;margin:0;padding:19px 21px;border:1px solid #e4dcd3;border-radius:13px;background:#fffdfa;color:#6e6054;font-size:14px;line-height:1.65}
.assignments-page .lp-personal-message.is-error{border-color:#dac0b7;background:#faf0eb;color:#68463c}
.assignments-page .lp-personal-assignment h2{overflow-wrap:anywhere}
@media(max-width:470px){.assignments-page .lp-personal-assignments{margin-bottom:23px}.assignments-page .lp-personal-message{padding:17px}.assignments-page .lp-personal-dates>span{gap:3px}}
@media(max-width:1160px){.lp-lesson{grid-template-columns:80px minmax(0,1fr);gap:20px;padding:24px}.lp-lesson-number{min-height:72px;font-size:21px}.lp-lesson-title{align-items:flex-start;flex-direction:column;gap:10px}.lp-lesson-title>.lp-status{align-self:flex-start}.lp-assignment{grid-template-columns:40px minmax(0,1fr);padding:23px;gap:14px}.lp-assignment-actions{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;margin-top:3px}.lp-assignment-actions>.lp-status{align-self:center}.lp-material-row{grid-template-columns:42px minmax(0,1fr);gap:16px}.lp-material-row>.lp-button{grid-column:2;justify-self:start;margin-top:2px}.lp-material-symbol{width:42px}.lp-material-practice,.lp-progress-next{align-items:flex-start}.lp-material-practice{flex-wrap:wrap}.lp-result-labels,.lp-result-row{grid-template-columns:minmax(0,1fr) 165px 104px;padding-inline:18px;gap:12px}.lp-result-topic{gap:10px}.lp-progress-next{flex-wrap:wrap;gap:15px}}
@media(max-width:760px){.learning-page h1{font-size:27px}.lp-heading{margin-bottom:23px}.lp-lesson{grid-template-columns:1fr;padding:24px;gap:18px}.lp-lesson-number{min-height:0;width:max-content;padding:7px 13px;border-radius:7px;font-size:19px}.lp-lesson-title{flex-direction:row;align-items:center}.lp-lesson-title h2{font-size:21px;max-width:22ch}.lp-lesson-title>.lp-status{align-self:center}.lp-pending{flex-wrap:wrap;gap:13px}.lp-pending>.lp-link{margin-left:55px}.lp-page-links{margin-top:20px}.lp-material-library{padding-inline:22px}.lp-material-library>header{align-items:flex-start;flex-wrap:wrap;gap:6px}.lp-progress-top{align-items:flex-start;flex-direction:column;gap:9px}.lp-progress-total>strong{font-size:29px}.lp-progress-summary{padding:24px}.lp-stacked-progress{margin-top:18px}.lp-progress-legend{gap:12px 22px}.lp-result-section>header{align-items:flex-start;flex-wrap:wrap;gap:2px}.lp-result-labels{display:none}.lp-result-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 15px;padding:17px 18px}.lp-result-row:first-of-type{border-top:0}.lp-result-topic{grid-column:1/-1}.lp-result-row>.lp-status{margin-left:46px}.lp-result-row>.lp-link{grid-column:2}.lp-result-topic>span{font-size:16px}}
@media(max-width:470px){.lp-heading>p{font-size:15px}.lp-lesson{padding:21px}.lp-lesson-title{flex-direction:column;align-items:flex-start;gap:10px}.lp-lesson-title>.lp-status{align-self:flex-start}.lp-lesson-content>p{font-size:15px}.lp-lesson-sections{gap:4px 18px;margin-top:15px}.lp-lesson-sections>button{font-size:15px}.lp-lesson-actions{align-items:stretch;flex-direction:column;gap:10px}.lp-lesson-actions>.lp-link{justify-content:flex-start}.lp-practice-progress{margin-top:19px}.lp-pending{padding:21px 0}.lp-pending p{font-size:15px}.lp-filter-tabs{gap:6px;padding-bottom:12px}.lp-filter-tabs>button{padding:9px 10px;gap:6px;font-size:14px}.lp-filter-tabs>button>span{font-size:13px;min-width:19px;padding-inline:4px}.lp-assignment{grid-template-columns:1fr;gap:12px;padding:21px}.lp-assignment-icon{display:none}.lp-assignment-actions{grid-column:1;flex-direction:column;align-items:flex-start;gap:15px}.lp-assignment-actions>.lp-status{align-self:flex-start}.lp-assignment-actions>.lp-button{width:100%}.lp-filter-empty{padding:23px;gap:13px}.lp-filter-empty>span{display:none}.lp-filter-empty h2{font-size:19px}.lp-material-library{padding-inline:20px}.lp-material-library>header h2{font-size:19px}.lp-material-row{grid-template-columns:1fr;gap:10px;padding:24px 0}.lp-material-symbol{display:none}.lp-material-row>.lp-button{grid-column:1;width:100%;margin-top:8px}.lp-material-row h3{font-size:18px}.lp-material-format{margin-top:9px}.lp-material-practice{padding-top:25px;gap:18px}.lp-material-practice>.lp-button{width:100%}.lp-progress-summary{padding:21px}.lp-progress-summary h2{font-size:20px}.lp-progress-legend{display:grid;gap:10px}.lp-progress-legend>div{justify-content:space-between}.lp-result-row{padding:17px 15px;gap:9px}.lp-result-row>.lp-status{margin-left:0;font-size:13px;padding:5px 7px}.lp-result-row>.lp-link{font-size:14px}.lp-result-topic>span{font-size:15px}.lp-progress-next>.lp-button{width:100%}.lp-page-links{gap:8px 16px}.lp-page-links>a{font-size:15px}}