.learn-root{--learn-font-mixed:var(--font-body),'Assyrian','Noto Sans Syriac','Segoe UI',sans-serif;--learn-control-border:var(--color-rule-2);--learn-focus-clearance:8rem;--learn-path-rule:var(--color-rule-2);font-family:var(--learn-font-mixed);color:var(--color-ink);font-size:var(--text-base);line-height:1.6;min-width:0}
.learn-root *{box-sizing:border-box}
.learn-root .learn-shell{max-width:1080px;margin-inline:auto;min-width:0}
.learn-root h1,.learn-root h2,.learn-root h3,.learn-root p{margin:0}
.learn-root h1,.learn-root h2,.learn-root h3{font-family:var(--font-display);font-style:normal;color:var(--color-ink);line-height:1.2;overflow-wrap:anywhere}
.learn-root h1{font-size:2rem;font-weight:600;letter-spacing:-.025em;text-wrap:balance}
.learn-root h2{font-size:1.625rem;font-weight:600;letter-spacing:-.015em;text-wrap:balance}
.learn-root h3{font-size:1.375rem;font-weight:600}
.learn-root p{overflow-wrap:anywhere}
.learn-root p+p{margin-top:var(--space-sm)}
.learn-root a{color:var(--color-accent);text-decoration:underline;text-underline-offset:.18em;overflow-wrap:anywhere}
.learn-root .learn-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm) var(--space-lg);flex-wrap:wrap;margin-bottom:var(--space-md)}
.learn-root .learn-lesson-meta{font-size:var(--text-sm)}
.learn-root .learn-muted,.learn-root .learn-footnote,.learn-root .learn-example-kind{color:var(--color-muted)}
.learn-root .learn-language{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-weight:600;min-width:0}
.learn-root .learn-language .learn-select{width:140px;flex-shrink:0}
.learn-root .learn-button,.learn-root .learn-key{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:var(--size-control,3rem);min-width:44px;max-width:100%;padding:.65rem var(--space-md);margin:0;border:1px solid transparent;border-radius:var(--radius-control,6px);background:var(--color-control,var(--color-paper-3));color:var(--color-ink);font:600 var(--text-sm)/1.4 var(--font-body);letter-spacing:normal;white-space:normal;overflow-wrap:anywhere;text-align:center;cursor:pointer;text-decoration:none;transition:background-color var(--dur-micro),border-color var(--dur-micro);box-shadow:none}
.learn-root .learn-button:hover:not(:disabled),.learn-root .learn-key:hover:not(:disabled){background:var(--color-control-hover,var(--color-paper-2));border-color:transparent}
.learn-root .learn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}
.learn-root .learn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}
.learn-root .learn-danger{color:var(--color-error);background:var(--color-error-paper);border-color:var(--color-error)}
.learn-root button:disabled{opacity:1;color:var(--color-muted);background:var(--color-paper-2);border-color:transparent;cursor:default}
.learn-root :is(button,input,select,summary,a):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}
.learn-root :is(h1,h2)[tabindex="-1"]:focus{outline:none}
.learn-root :is([data-learn-focus],.learn-feedback,.learn-button){scroll-margin-block-start:var(--learn-focus-clearance);scroll-margin-block-end:var(--space-lg)}
.learn-root .learn-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:var(--space-sm);min-width:0}
.learn-root :is(.learn-recommendation,.learn-answer-form,.learn-keyboard,.learn-result,.learn-panel)>.learn-actions>.learn-button{flex:1 1 9rem;min-width:0}
.learn-root .learn-overview-status{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}
.learn-root .learn-stats{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-lg);margin:0;min-width:0}
.learn-root .learn-stats>div{display:flex;flex-direction:row-reverse;align-items:baseline;justify-content:flex-end;gap:var(--space-2xs)}
.learn-root .learn-stats dt{color:var(--color-muted);font-size:var(--text-sm);line-height:1.5}
.learn-root .learn-stats dd{margin:0;font-size:var(--text-sm);font-weight:650;line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap}
.learn-root .learn-goal-shortcut{flex-shrink:0;gap:var(--space-sm);font-weight:500;color:var(--color-ink-2)}
.learn-root .learn-goal-shortcut strong{font-variant-numeric:tabular-nums;color:var(--color-ink)}
.learn-root .learn-tabs{display:flex;flex-wrap:wrap;gap:var(--space-xs);border-bottom:1px solid var(--color-rule);padding-bottom:var(--space-xs);margin-bottom:var(--space-md)}
.learn-root .learn-tabs .learn-button{border-color:transparent;background:transparent;color:var(--color-muted);border-radius:var(--radius-input)}
.learn-root .learn-tabs .learn-button[aria-current="page"]{background:var(--color-accent-paper);color:var(--color-accent);border-color:transparent;box-shadow:inset 0 -2px 0 var(--color-accent);font-weight:600}
.learn-root .learn-recommendation{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);border:1px solid var(--color-teal-rule);border-radius:var(--radius-card);background:var(--color-teal-paper);padding:var(--space-md);margin-bottom:var(--space-md)}
.learn-root .learn-recommendation>div:first-child{flex:1 1 12rem;min-width:min(100%,12rem)}
.learn-root .learn-recommendation>div:last-child{flex:0 1 22rem;min-width:0;max-width:100%;align-items:stretch}
.learn-root .learn-recommendation h2{font-size:1.625rem;color:var(--color-teal)}
.learn-root .learn-recommendation p{font-size:var(--text-sm);margin-top:var(--space-xs)}
.learn-root .learn-section-heading{margin-block:var(--space-lg)}
.learn-root .learn-section-heading h2{margin-bottom:var(--space-xs)}
.learn-root .learn-units{display:grid;gap:var(--space-sm)}
.learn-root .learn-unit{border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-card);overflow:visible;min-width:0}
.learn-root .learn-unit>summary{min-height:72px;padding:var(--space-md);display:flex;align-items:center;gap:var(--space-md);list-style:none;cursor:pointer;border-radius:var(--radius-card)}
.learn-root .learn-unit>summary::-webkit-details-marker{display:none}
.learn-root .learn-unit>summary:after{content:'+';font-size:1.3rem;line-height:1;color:var(--color-muted);flex-shrink:0}
.learn-root .learn-unit[open]>summary:after{content:'−'}
.learn-root .learn-unit[open]>summary{border-bottom:1px solid var(--color-rule);border-radius:var(--radius-card) var(--radius-card) 0 0}
.learn-root .learn-unit-number{color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex-shrink:0}
.learn-root .learn-unit-title{flex:1;min-width:0;font-weight:650;line-height:1.4}
.learn-root .learn-unit-title small{display:block;margin-top:var(--space-2xs);font-size:var(--text-sm);font-weight:400;color:var(--color-muted)}
.learn-root .learn-unit-count{white-space:nowrap;color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}
.learn-root .learn-lesson-list{padding-inline:var(--space-md)}
.learn-root .learn-lesson-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-md)}
.learn-root .learn-lesson-row+.learn-lesson-row{border-top:1px solid var(--color-rule)}
.learn-root .learn-lesson-row>div{flex:1;min-width:0}
.learn-root .learn-lesson-row p{color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.5;margin-top:var(--space-2xs)}
.learn-root .learn-lesson-row small{font-size:var(--text-sm);display:block;margin-top:var(--space-2xs)}
.learn-root .learn-lesson-row button{flex-shrink:0}
.learn-root .learn-completed{color:var(--color-success);font-weight:600}
.learn-root .learn-footnote{font-size:var(--text-sm);margin-top:var(--space-lg)}
.learn-root .learn-lesson,.learn-root .learn-practice,.learn-root .learn-result{max-width:800px;margin-inline:auto}
.learn-root .learn-teaching{background:transparent;border:0;padding:var(--space-lg) 0;margin-block:var(--space-lg)}
.learn-root .learn-teaching [lang=ar]{font-family:var(--learn-font-mixed);line-height:1.9;font-size:1.05rem}
.learn-root .learn-teaching .learn-inline-syriac{font-family:var(--font-syriac);font-size:1.75rem;line-height:1.6}
.learn-root .learn-reference{border:0;border-radius:var(--radius-card);background:var(--color-output);margin-block:var(--space-lg);overflow:hidden}
.learn-root .learn-reference-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,1.5fr);align-items:center;gap:var(--space-lg);padding:var(--space-sm) var(--space-lg)}
.learn-root .learn-reference-row+.learn-reference-row{border-top:1px solid var(--color-rule)}
.learn-root .learn-reference-row>div{min-width:0}
.learn-root .learn-syriac{font-family:var(--font-syriac);font-weight:400;line-height:2;font-size:2rem;letter-spacing:normal;unicode-bidi:isolate;overflow-wrap:anywhere}
.learn-root .learn-reference-row>.learn-syriac{text-align:right}
.learn-root .learn-roman{display:block;font-size:var(--text-sm);color:var(--color-muted);font-weight:400;direction:ltr;unicode-bidi:isolate}
.learn-root .learn-example-kind{font-size:var(--text-sm);margin-block:var(--space-md)}
.learn-root .learn-sources{margin-top:var(--space-xl);padding:var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-card);font-size:var(--text-sm);color:var(--color-ink-2)}
.learn-root .learn-sources summary,.learn-root .learn-reminder summary,.learn-root .learn-keyboard summary{min-height:44px;cursor:pointer;color:var(--color-ink);font-weight:600}
.learn-root .learn-sources[open] summary{margin-bottom:var(--space-md)}
.learn-root .learn-practice-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap}
.learn-root .learn-practice-top>span{font-size:var(--text-sm)}
.learn-root .learn-activity-progress{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);font-size:var(--text-sm);color:var(--color-muted)}
.learn-root progress{display:block;flex:1;min-width:40px;height:8px;accent-color:var(--color-accent);border:0;border-radius:var(--radius-input);overflow:hidden;background:var(--color-rule)}
.learn-root progress::-webkit-progress-bar{background:var(--color-rule)}
.learn-root progress::-webkit-progress-value{background:var(--color-accent);border-radius:var(--radius-input)}
.learn-root .learn-question{font-family:var(--learn-font-mixed);font-size:1.25rem;font-weight:600;margin-bottom:var(--space-lg);line-height:1.5;letter-spacing:normal}
.learn-root .learn-answer-fields{border:0;padding:0;margin:0 0 var(--space-lg);min-width:0;display:grid;gap:var(--space-sm)}
.learn-root .learn-option{display:flex;align-items:center;gap:var(--space-md);min-height:56px;padding:var(--space-sm) var(--space-md);border:1px solid transparent;border-radius:var(--radius-control,6px);background:var(--color-control,var(--color-paper-3));cursor:pointer;color:var(--color-ink);font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.learn-root .learn-option:hover{background:var(--color-paper-2)}
.learn-root .learn-option:has(input:checked){background:var(--color-accent-paper);border-color:var(--color-accent)}
.learn-root .learn-option input{appearance:auto;width:20px;height:20px;min-height:20px;margin:0;flex-shrink:0;accent-color:var(--color-accent)}
.learn-root .learn-option .learn-syriac{font-size:1.9rem}
.learn-root .learn-answer-fields[disabled] .learn-option{cursor:default}
.learn-root .learn-input,.learn-root .learn-select{appearance:auto;display:block;max-width:100%;min-width:0;width:100%;min-height:var(--size-control,3rem);padding:.65rem var(--space-sm);border:1px solid transparent;border-radius:var(--radius-control,6px);background:var(--color-control,var(--color-paper-3));color:var(--color-ink);font:400 1rem/1.4 var(--font-body);box-shadow:none}
.learn-root .learn-syriac-input{font-family:var(--font-syriac);font-size:2.15rem;line-height:2;min-height:84px}
.learn-root .learn-input::placeholder{color:var(--color-muted);opacity:1}
.learn-root :is(.learn-input,.learn-select):disabled{opacity:1;background:var(--color-paper-2);color:var(--color-muted)}
.learn-root .learn-match-row{display:grid;grid-template-columns:minmax(64px,1fr) minmax(0,1.5fr);gap:var(--space-md);align-items:center;padding-block:var(--space-xs);min-width:0}
.learn-root .learn-match-row label{min-width:0;overflow-wrap:anywhere}
.learn-root .learn-match-row .learn-select{font-family:var(--font-body),var(--font-syriac);font-size:.95rem}
.learn-root .learn-answer-fields>.learn-muted,.learn-root #learn-input-policy{font-size:var(--text-sm)}
.learn-root .learn-token-bank{display:flex;flex-wrap:wrap;gap:var(--space-sm)}
.learn-root .learn-order-answer{min-height:62px;margin:0;padding:var(--space-md) var(--space-md) var(--space-md) 2.5rem;background:var(--color-output);border:1px dashed var(--color-rule-2);border-radius:var(--radius-input)}
.learn-root .learn-order-answer li{padding-inline-start:var(--space-xs)}
.learn-root .learn-order-answer li+li{margin-top:var(--space-xs)}
.learn-root .learn-order-answer .learn-syriac{font-size:1.5rem}
.learn-root .learn-keyboard{border:0;border-block-start:1px solid var(--color-rule);padding:var(--space-sm) 0;background:transparent;margin-top:var(--space-sm)}
.learn-root .learn-keyboard p{font-size:var(--text-sm);margin-bottom:var(--space-sm)}
.learn-root .learn-keyboard>.learn-actions{margin-top:var(--space-sm)}
.learn-root .learn-keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:var(--space-xs);direction:rtl}
.learn-root .learn-key{padding:0;min-height:48px;min-width:0}
.learn-root .learn-key .learn-syriac{font-size:1.7rem;line-height:1.4}
.learn-root .learn-feedback:empty{display:none}
.learn-root .learn-feedback{margin-top:var(--space-lg);padding:var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-card);color:var(--color-ink)}
.learn-root .learn-feedback strong{display:block;font-size:1.05rem;margin-bottom:var(--space-2xs)}
.learn-root .learn-feedback p{margin-bottom:var(--space-sm)}
.learn-root .learn-feedback-correct{background:var(--color-success-paper);border-color:var(--color-success-rule)}
.learn-root .learn-feedback-correct strong{color:var(--color-success)}
.learn-root .learn-feedback-wrong{background:var(--color-error-paper);border-color:var(--color-error)}
.learn-root .learn-feedback-wrong strong{color:var(--color-error)}
.learn-root .learn-feedback-help{background:var(--color-warning-paper);border-color:var(--color-warning-rule)}
.learn-root .learn-feedback-help strong{color:var(--color-warning)}
.learn-root .learn-reminder{margin-top:var(--space-xl)}
.learn-root .learn-result{border:1px solid var(--color-success-rule);border-radius:var(--radius-card);background:var(--color-card);padding:var(--space-xl)}
.learn-root .learn-result h2{margin-bottom:var(--space-md)}
.learn-root .learn-result-xp{font-size:2rem;font-weight:650;color:var(--color-success);margin-bottom:var(--space-md);font-variant-numeric:tabular-nums}
.learn-root .learn-result .learn-actions{margin-top:var(--space-lg)}
.learn-root .learn-alphabet{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}
.learn-root .learn-alphabet article{display:flex;align-items:start;flex-direction:column;border:0;border-block-end:1px solid var(--color-rule);background:transparent;padding:var(--space-md)}
.learn-root .learn-alphabet .learn-letter{font-size:3rem;align-self:center;line-height:1.8}
.learn-root .learn-alphabet p,.learn-root .learn-alphabet small{font-size:var(--text-sm);line-height:1.5}
.learn-root .learn-alphabet small{color:var(--color-muted);margin-top:var(--space-xs)}
.learn-root #learn-vocab-search{margin-top:var(--space-xs);margin-bottom:var(--space-lg)}
.learn-root label[for=learn-vocab-search]{display:block;margin-top:var(--space-lg);font-weight:600}
.learn-root .learn-word-list{border:0;background:transparent;overflow:hidden}
.learn-root .learn-word-row{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md)}
.learn-root .learn-word-row+.learn-word-row{border-top:1px solid var(--color-rule)}
.learn-root .learn-word-row>div{min-width:0;overflow-wrap:anywhere}
.learn-root .learn-word-row small{display:block;font-size:var(--text-sm)}
.learn-root .learn-word-row>.learn-syriac{text-align:right}
.learn-root .learn-panel{padding:var(--space-lg) 0;border:0;border-block-start:1px solid var(--color-rule);background:transparent;margin-top:var(--space-lg)}
.learn-root .learn-panel h3{margin-bottom:var(--space-sm)}
.learn-root .learn-panel>.learn-actions,.learn-root .learn-panel>.learn-button{margin-top:var(--space-md)}
.learn-root .learn-credit-help{margin-top:var(--space-lg);max-width:70ch}
.learn-root .learn-credit-help summary{min-height:44px;cursor:pointer;font-weight:600}
.learn-root .learn-sources p,.learn-root .learn-teaching p{max-width:70ch}
.learn-root .learn-file-label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--text-sm);max-width:100%;min-width:0;font-weight:600}
.learn-root .learn-file-label input{display:block;width:100%;min-width:0;max-width:100%;padding:var(--space-xs);border:1px solid var(--color-rule-2);border-radius:var(--radius-input);background:var(--color-output);color:var(--color-ink);font:400 var(--text-sm)/1.5 var(--font-body);min-height:44px}
.learn-root .learn-import-status,.learn-root .learn-storage-status{margin-block:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-warning-rule);border-radius:var(--radius-input);background:var(--color-warning-paper);color:var(--color-warning);font-size:var(--text-sm)}
.learn-root .learn-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){
 .learn-root .learn-recommendation{align-items:stretch;gap:var(--space-sm)}
 .learn-root .learn-recommendation>div:last-child{flex-direction:row;flex-wrap:wrap}
 .learn-root .learn-overview-status{gap:var(--space-xs)}
 .learn-root .learn-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,5.5rem),1fr));gap:var(--space-2xs) var(--space-sm);flex:1 1 12rem}
 .learn-root .learn-goal-shortcut{flex-direction:column;gap:0;padding-inline:var(--space-sm);line-height:1.4}
 .learn-root .learn-reference-row{gap:var(--space-md);padding-inline:var(--space-md)}
 .learn-root .learn-teaching{padding:var(--space-md)}
 .learn-root .learn-unit-title small{display:none}
 .learn-root .learn-result{padding:var(--space-lg)}
}
@media(max-width:430px){
 .learn-root .learn-lesson-row{align-items:start;flex-direction:column;gap:var(--space-sm)}
 .learn-root .learn-lesson-row button{align-self:flex-start}
 .learn-root .learn-unit>summary{gap:var(--space-sm);padding:var(--space-sm)}
 .learn-root .learn-reference-row{grid-template-columns:minmax(0,1fr);gap:var(--space-2xs)}
 .learn-root .learn-reference-row>.learn-syriac{text-align:start}
 .learn-root .learn-match-row{grid-template-columns:minmax(48px,.6fr) minmax(0,1fr);gap:var(--space-xs)}
 .learn-root .learn-tabs{gap:var(--space-2xs)}
 .learn-root .learn-tabs .learn-button{padding-inline:var(--space-sm);font-size:.85rem}
 .learn-root .learn-alphabet{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}
 .learn-root .learn-word-row{grid-template-columns:minmax(65px,.65fr) minmax(0,1fr);gap:var(--space-xs)}
 .learn-root .learn-word-row>div:last-child{grid-column:2}
 .learn-root .learn-panel{padding:var(--space-md)}
 .learn-root .learn-heading{gap:var(--space-sm);align-items:start}
 .learn-root .learn-language{justify-content:space-between;width:100%}
}
@media(prefers-reduced-motion:reduce){.learn-root *{transition:none!important;scroll-behavior:auto!important}}

/* The course stays visible as a path; stage buttons keep a long course manageable. */
.learn-root .learn-icon{display:block;flex-shrink:0;width:24px;height:24px}
.learn-root .learn-stage-nav{display:flex;overflow-x:auto;gap:var(--space-xs);margin-block:var(--space-md);padding:var(--space-2xs);scroll-snap-type:x proximity}
.learn-root .learn-stage{flex:1 0 168px;min-height:52px;padding:var(--space-xs);font-size:var(--text-sm);line-height:1.3;border-color:transparent;border-block-end-width:2px;border-radius:0;background:transparent;color:var(--color-muted);scroll-snap-align:start}
.learn-root .learn-stage>span{min-width:0}
.learn-root .learn-stage[aria-pressed=true]{background:transparent;border-color:transparent;border-block-end-color:var(--color-teal);color:var(--color-teal)}
.learn-root .learn-journey-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--space-xl);align-items:start}
.learn-root .learn-path-column,.learn-root .learn-journey-aside{min-width:0}
.learn-root .learn-stage-heading{margin-top:0;margin-bottom:var(--space-lg)}
.learn-root .learn-stage-heading:focus{outline:none}
.learn-root .learn-path-help{font-size:var(--text-sm);color:var(--color-ink-2);margin-top:var(--space-sm)}
.learn-root .learn-units{gap:0;position:relative;isolation:isolate}
.learn-root .learn-path-unit{border:0;border-radius:0;background:transparent;min-width:0;overflow:visible;position:relative}
.learn-root .learn-path-unit-heading{display:flex;align-items:start;gap:var(--space-sm);padding:var(--space-md);margin-top:var(--space-lg);background:transparent;position:relative}
.learn-root .learn-path-unit:first-of-type .learn-path-unit-heading{margin-top:0}
.learn-root .learn-path-unit-heading>div{flex:1;min-width:0;max-width:60%}
.learn-root .learn-path-unit-heading h3{font-family:var(--learn-font-mixed);font-size:1rem;font-weight:650;line-height:1.4;background:var(--color-paper);display:table;padding-inline:var(--space-2xs);margin-inline:calc(-1 * var(--space-2xs))}
.learn-root [data-learn-stage-heading]{scroll-margin-block-start:var(--learn-focus-clearance)}
.learn-root [data-learn-stage-heading]:focus{outline:none}
.learn-root .learn-path-unit-heading p{font-size:.8rem;line-height:1.5;color:var(--color-muted);margin-top:var(--space-2xs)}
.learn-root .learn-path-unit-heading .learn-unit-number{align-self:flex-start;line-height:1.7;color:var(--color-teal);font-weight:700}
.learn-root .learn-path-unit-heading .learn-unit-count{font-size:.8rem;align-self:flex-start;line-height:1.7;margin-inline-start:auto;background:var(--color-paper)}
.learn-root .learn-path-unit-current .learn-path-unit-heading h3{color:var(--color-teal)}
.learn-root .learn-path-track{position:relative;padding-block:var(--space-sm) var(--space-lg)}
.learn-root .learn-path-line{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:-1}
.learn-root .learn-path-line path{fill:none;stroke:var(--learn-path-rule);stroke-width:3px;stroke-dasharray:1 8;stroke-linecap:round;vector-effect:non-scaling-stroke}
.learn-root .learn-path-lessons{list-style:none;margin:0;padding:0;position:relative}
.learn-root .learn-path-lessons>li{--path-x:0%;display:flex;align-items:flex-start;justify-content:center;min-height:12.75rem;padding-block-end:var(--space-lg);position:relative}
/* Keep placement in the allowed stylesheet: the live CSP blocks inline styles. */
.learn-root .learn-path-lessons>li:nth-child(4n+2){--path-x:14%}
.learn-root .learn-path-lessons>li:nth-child(4n){--path-x:-14%}
.learn-root .learn-path-node{display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;gap:0;position:relative;left:var(--path-x);width:12.5rem;max-width:72%;min-height:9.375rem;padding:0 var(--space-2xs) var(--space-xs);border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-ink);box-shadow:none}
.learn-root .learn-path-node:hover:not(:disabled){background:transparent;border:0}
.learn-root .learn-node-disc{display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;flex-shrink:0;border:1px solid var(--color-rule-2);border-radius:50%;background:var(--color-card);color:var(--color-muted);font-size:1.6rem;font-weight:700;margin:.25rem 0 .875rem;transition:transform var(--dur-micro),background-color var(--dur-micro)}
.learn-root .learn-node-disc .learn-icon{width:29px;height:29px;stroke-width:2.2}
.learn-root .learn-node-title{display:block;max-width:100%;padding:var(--space-2xs) var(--space-xs);background:var(--color-paper);border-radius:var(--radius-input);font-size:.95rem;line-height:1.35;text-wrap:balance;font-weight:650;overflow-wrap:anywhere}
.learn-root .learn-node-status{display:block;padding:var(--space-2xs) var(--space-xs);background:var(--color-paper);border-radius:var(--radius-input);font-size:.8125rem;line-height:1.4;color:var(--color-muted);font-weight:500;max-width:100%}
.learn-root .learn-path-node[data-path-status=current] .learn-node-disc{background:var(--color-teal);border-color:var(--color-teal);color:var(--color-paper)}
.learn-root .learn-path-node[data-path-status=current] .learn-node-status{color:var(--color-teal);font-weight:700}
.learn-root .learn-path-node[data-path-status=completed] .learn-node-disc{background:var(--color-success-paper);border-color:var(--color-success-rule);color:var(--color-success)}
.learn-root .learn-path-node[data-path-status=completed] .learn-node-status{color:var(--color-success)}
.learn-root .learn-path-node[data-path-checkpoint=true] .learn-node-disc{border-radius:var(--radius-card);border-width:2px}
.learn-root .learn-path-node:hover .learn-node-disc{transform:translateY(-2px);border-color:var(--color-accent)}
.learn-root .learn-journey-aside{display:grid;gap:var(--space-lg)}
.learn-root .learn-journey-aside .learn-panel{margin:0;padding:var(--space-lg) 0}
.learn-root .learn-card-heading{display:flex;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-md);color:var(--color-teal)}
.learn-root .learn-card-heading h2{font-size:1.5rem;line-height:1.25}
.learn-root .learn-daily-score{display:flex;align-items:baseline;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-sm)}
.learn-root .learn-daily-score strong{font-size:1.5rem;line-height:1.25;font-weight:700;font-variant-numeric:tabular-nums}
.learn-root .learn-daily-score span{font-size:var(--text-sm);color:var(--color-muted)}
.learn-root .learn-daily progress{width:100%;height:9px;margin-bottom:var(--space-md)}
.learn-root .learn-daily>.learn-muted,.learn-root .learn-milestones>.learn-muted{font-size:var(--text-sm);line-height:1.6}
.learn-root .learn-daily label{display:block;font-size:var(--text-sm);font-weight:600;margin-block:var(--space-md) var(--space-xs)}
.learn-root .learn-daily .learn-select{font-size:var(--text-sm)}
.learn-root .learn-daily-met .learn-card-heading{color:var(--color-success)}
.learn-root .learn-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-2xs);padding:0;margin:var(--space-lg) 0 0;list-style:none;text-align:center}
.learn-root .learn-week-day{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);font-size:.7rem;color:var(--color-muted);line-height:1.5}
.learn-root .learn-week-dot{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--color-rule-2);border-radius:50%;background:var(--color-paper-2)}
.learn-root .learn-week-dot .learn-icon{width:16px;height:16px}
.learn-root .learn-week-day.is-today .learn-week-dot{outline:2px solid var(--color-accent);outline-offset:3px}
.learn-root .learn-week-day.is-studied .learn-week-dot{background:var(--color-success-paper);border-color:var(--color-success);color:var(--color-success)}
.learn-root .learn-milestone-gallery{margin-top:var(--space-sm)}
.learn-root .learn-milestone{display:flex;align-items:flex-start;gap:var(--space-sm);padding-block:var(--space-md)}
.learn-root .learn-milestone+.learn-milestone{border-top:1px solid var(--color-rule)}
.learn-root .learn-milestone-icon{width:36px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-paper-2);border:1px solid var(--color-rule-2);border-radius:var(--radius-input);color:var(--color-muted)}
.learn-root .learn-milestone-icon .learn-icon{width:21px;height:21px}
.learn-root .learn-milestone>div{min-width:0}
.learn-root .learn-milestone h3{font-family:var(--learn-font-mixed);font-size:.9rem;font-weight:650;line-height:1.4}
.learn-root .learn-milestone p{font-size:var(--text-sm);line-height:1.5;color:var(--color-muted);margin-top:var(--space-2xs)}
.learn-root .learn-milestone small{display:block;font-size:.8125rem;color:var(--color-muted);margin-top:var(--space-xs)}
.learn-root .learn-milestone.is-earned .learn-milestone-icon{background:var(--color-success-paper);color:var(--color-success);border-color:var(--color-success-rule)}
.learn-root .learn-milestone.is-earned small{color:var(--color-success);font-weight:650}
.learn-root .learn-all-milestones{border-top:1px solid var(--color-rule);margin-top:var(--space-xs)}
.learn-root .learn-all-milestones summary{min-height:44px;padding-block:var(--space-sm);font-size:var(--text-sm);font-weight:600;color:var(--color-accent);cursor:pointer}
.learn-root .learn-result-goal{font-weight:650;color:var(--color-success);margin-top:var(--space-lg)}
.learn-root .learn-result-milestones{border:1px solid var(--color-success-rule);background:var(--color-success-paper);border-radius:var(--radius-card);padding:var(--space-md);margin-top:var(--space-lg);text-align:left}
.learn-root .learn-result-milestones p{display:flex;gap:var(--space-sm);align-items:center}
.learn-root .learn-result-milestones .learn-icon{color:var(--color-success)}
.learn-root .learn-result-milestones small{display:block;color:var(--color-ink-2);font-size:.8rem;margin-top:var(--space-2xs)}
@media(max-width:900px){
 .learn-root .learn-journey-layout{grid-template-columns:minmax(0,1fr) 260px;gap:var(--space-lg)}
 .learn-root .learn-journey-aside .learn-panel{padding:var(--space-md) 0}
 .learn-root .learn-path-node{width:11.25rem}
}
@media(max-width:700px){
 .learn-root .learn-journey-layout{grid-template-columns:minmax(0,1fr)}
 .learn-root .learn-journey-aside{display:contents}
 .learn-root .learn-daily{grid-row:2}
 .learn-root .learn-path-column{grid-row:1}
 .learn-root .learn-milestones{grid-row:3}
 .learn-root .learn-stage{flex:0 0 156px}
}
@media(max-width:480px){
 .learn-root .learn-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,4rem),1fr))}
 .learn-root .learn-tabs .learn-button{font-size:.77rem;padding-inline:var(--space-2xs)}
 .learn-root .learn-daily{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,1fr);gap:var(--space-xs) var(--space-md)}
 .learn-root .learn-daily .learn-card-heading{grid-column:1/-1;margin-bottom:var(--space-xs)}
 .learn-root .learn-daily .learn-daily-score{align-self:center;grid-column:1;margin:0}
 .learn-root .learn-daily>progress{grid-column:1;margin:0;align-self:center}
 .learn-root .learn-daily>label{grid-column:2;grid-row:2;margin:0;font-size:var(--text-sm);align-self:end}
 .learn-root .learn-daily>.learn-select{grid-column:2;grid-row:3;font-size:var(--text-sm);padding-inline:var(--space-xs)}
 .learn-root .learn-daily>.learn-muted{grid-column:1/-1;margin-top:var(--space-sm)}
 .learn-root .learn-daily>.learn-week{grid-column:1/-1;grid-row:4;margin-top:var(--space-sm)}
 .learn-root .learn-daily-score strong{font-size:1.5rem}
 .learn-root .learn-daily-score span{font-size:var(--text-sm)}
 .learn-root .learn-path-unit-heading{gap:var(--space-xs);padding:var(--space-sm)}
 .learn-root .learn-path-unit-heading h3{overflow-wrap:normal}
 .learn-root .learn-path-unit-heading p{font-size:.75rem}
 .learn-root .learn-node-title{font-size:.9rem}
}
/* Pair tiles and removable components make the answer visible before checking. */
.learn-root .learn-match-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin-block:var(--space-sm)}
.learn-root .learn-match-column{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0}
.learn-root .learn-match-tile{display:flex;flex-direction:column;min-height:76px;width:100%;padding:var(--space-sm);border-radius:var(--radius-md);overflow-wrap:anywhere;justify-content:center;box-shadow:none}
.learn-root .learn-match-tile[aria-pressed=true]{border-color:var(--color-teal);background:var(--color-teal-paper);color:var(--color-teal)}
.learn-root .learn-match-tile[data-match-value]:not([data-match-value=""]){border-color:var(--color-teal);background:var(--color-teal-paper)}
.learn-root .learn-match-label{display:block;font-weight:650}
.learn-root .learn-match-assignment{display:flex;align-items:center;justify-content:center;gap:4px;font-size:.75rem;line-height:1.5;color:var(--color-ink-2);font-weight:500}
.learn-root .learn-match-assignment .learn-icon{width:14px;height:14px;color:var(--color-accent)}
.learn-root .learn-match-status{font-size:var(--text-sm);font-weight:600;font-variant-numeric:tabular-nums;margin-block:var(--space-sm)}
.learn-root .learn-order-answer{padding:var(--space-sm);gap:var(--space-xs);min-height:72px;list-style:none;display:flex;flex-wrap:wrap;align-items:center;background:var(--color-paper-2);border:1px dashed var(--learn-control-border);border-radius:12px}
.learn-root .learn-order-answer li{padding:0;margin:0;border:0;background:transparent;min-width:0;max-width:100%}
.learn-root .learn-order-chip{border-color:var(--color-accent);background:var(--color-accent-paper);color:var(--color-ink);padding-inline:var(--space-sm);gap:var(--space-xs);max-width:100%;overflow-wrap:anywhere}
.learn-root .learn-order-position{font-size:.75rem;font-variant-numeric:tabular-nums;align-self:center;color:var(--color-accent)}
.learn-root .learn-order-remove{color:var(--color-ink-2);font-size:1.1rem;line-height:1}
.learn-root .learn-token-bank .learn-button{border-radius:var(--radius-md);box-shadow:none}
.learn-root .learn-session-score{font-size:var(--text-sm);font-weight:650;font-variant-numeric:tabular-nums;color:var(--color-accent);margin-inline-start:auto}
.learn-root .learn-feedback-heading{display:flex;align-items:center;gap:var(--space-xs);font-size:1.125rem;color:var(--color-success)}
.learn-root .learn-feedback-correct .learn-feedback-heading .learn-icon{width:24px;height:24px}
.learn-root .learn-answer-confirmation{color:var(--color-ink);font-weight:600}
.learn-root .learn-expected-pairs{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-lg)}
.learn-root .learn-expected-pairs>span{display:inline-flex;align-items:baseline;gap:4px}
.learn-root .learn-result-milestones{text-align:start}
.learn-root .learn-earned-seal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);width:fit-content;max-width:100%;margin:0 auto var(--space-lg);color:var(--color-success);font-size:var(--text-sm);font-weight:650}
.learn-root .learn-earned-seal>.learn-icon{width:68px;height:68px;padding:15px;border:1px solid var(--color-success);border-radius:var(--radius-card);background:var(--color-success-paper);animation:learn-earned .56s cubic-bezier(.16,1,.3,1) both}
.learn-root .learn-earned-seal>.learn-icon path{stroke-dasharray:24;stroke-dashoffset:0;animation:learn-earned-check .4s cubic-bezier(.16,1,.3,1) both}
.learn-root ::selection{background:var(--color-accent);color:var(--color-accent-ink)}
.learn-root input{caret-color:var(--color-accent)}
.learn-root{scrollbar-color:var(--color-rule-2) var(--color-paper)}
@keyframes learn-earned{from{transform:scale(.88)}to{transform:scale(1)}}
@keyframes learn-earned-check{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.learn-root .learn-earned-seal>.learn-icon,.learn-root .learn-earned-seal>.learn-icon path{animation:none}}
.learn-root .learn-file-label.learn-button{display:inline-flex;flex-direction:row;cursor:pointer;position:relative}
.learn-root .learn-file-label .learn-file-input{position:absolute;inset-inline-start:0;inset-block-start:0;width:1px;max-width:1px;height:1px;min-height:0;padding:0;border:0;overflow:hidden;clip-path:inset(50%)}
.learn-root .learn-file-label:focus-within{outline:3px solid var(--color-focus);outline-offset:3px}
.learn-root [data-learn-stat],.learn-root [data-learn-goal-count],.learn-root [data-learn-daily-count],.learn-root .learn-unit-count,.learn-root .learn-session-score{direction:ltr;unicode-bidi:isolate-override}

/* An open learning journal: painted edges, an ink trail and earned seals. */
.learn-root .learn-recommendation{position:relative;isolation:isolate;border:0;border-radius:12px;background:var(--color-teal-paper);padding:var(--space-md);gap:var(--space-md)}

.learn-root .learn-recommendation>div{background:transparent;padding:0;min-width:0}
.learn-root .learn-path-unit-heading{border-block-start:1px solid var(--color-rule);padding-block-start:var(--space-lg)}
.learn-root .learn-path-unit:first-of-type .learn-path-unit-heading{border:0;padding-block-start:var(--space-2xs)}
.learn-root .learn-path-unit-heading h3{font-family:var(--font-display);font-size:1.5rem;font-weight:600;line-height:1.2;color:var(--color-ink)}
html[lang=ar] .learn-root .learn-path-unit-heading h3{font-family:var(--font-body);font-size:1.08rem;line-height:1.7}
.learn-root .learn-path-unit-heading>div{max-width:70%}
.learn-root .learn-unit-number{font-variant-numeric:tabular-nums}
.learn-root .learn-path-line path{stroke-width:2;stroke-dasharray:2 7}
.learn-root .learn-path-line path[data-path-state=completed]{stroke:var(--color-accent);stroke-dasharray:none;stroke-width:3}
.learn-root .learn-path-line path[data-path-state=current]{stroke:var(--color-teal);stroke-dasharray:4 5}
.learn-root .learn-node-disc{width:4.75rem;height:4.75rem;border:2px solid transparent;background:var(--color-control,var(--color-paper-3));font-family:var(--font-display);font-size:1.9rem;color:var(--color-ink-2);box-shadow:none}
.learn-root .learn-path-node[data-path-status=current] .learn-node-disc{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}
.learn-root .learn-path-node[data-path-status=completed] .learn-node-disc{background:var(--color-accent-paper);border-color:var(--color-accent);color:var(--color-accent)}
.learn-root .learn-node-status{font-size:var(--text-sm)}
.learn-root .learn-path-node[data-path-status=current] .learn-node-status{color:var(--color-accent)}
.learn-root .learn-path-node[data-path-status=completed] .learn-node-status{color:var(--color-accent)}
.learn-root .learn-path-node:active .learn-node-disc{transform:scale(.96)}
.learn-root .learn-lesson,.learn-root .learn-practice{max-width:900px}
.learn-root .learn-section-heading{padding-block:var(--space-lg);border-block-end:1px solid var(--color-rule)}
.learn-root .learn-section-heading h2{font-family:var(--font-display);font-size:2.25rem;font-weight:500;line-height:1.2}
html[lang=ar] .learn-root .learn-section-heading h2{font-family:var(--font-body);font-size:1.65rem;line-height:1.7}
.learn-root .learn-lesson-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-xl);align-items:start;margin-block:var(--space-lg)}
.learn-root .learn-lesson-spread .learn-teaching{margin:0;padding:var(--space-lg) 0;border:0;border-radius:0;background:transparent}
.learn-root .learn-lesson .learn-example-kind{font-size:var(--text-sm)}
.learn-root .learn-lesson>.learn-actions{margin-block:var(--space-lg)}
.learn-root .learn-recall{min-width:0}
.learn-root .learn-recall-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-xs);margin-block-end:var(--space-xs)}
.learn-root .learn-recall-heading h3{font-family:var(--font-body);font-size:1rem;font-weight:650;line-height:1.5}
.learn-root .learn-recall-count{font-size:var(--text-sm);color:var(--color-muted);font-variant-numeric:tabular-nums}
.learn-root .learn-recall>.learn-muted{font-size:var(--text-sm);margin-block-end:var(--space-md)}
.learn-root .learn-recall-card{display:grid;grid-template-rows:minmax(5rem,auto) minmax(4rem,auto) auto;gap:var(--space-sm);align-items:center;justify-items:center;background:var(--color-output);border:0;border-radius:12px;padding:var(--space-lg);text-align:center}
.learn-root .learn-recall-example{grid-row:1;min-width:0;max-width:100%;overflow-wrap:anywhere;color:var(--color-accent)}
.learn-root .learn-recall-example .learn-syriac{font-size:clamp(3rem,6vw,4.5rem);line-height:1.8}
.learn-root .learn-recall-example[data-long=true] .learn-syriac{font-size:1.8rem;line-height:1.85}
.learn-root .learn-recall-answer{grid-row:2;display:flex;flex-direction:column;gap:var(--space-xs);font-weight:600;max-width:100%;overflow-wrap:anywhere}
.learn-root .learn-recall-answer .learn-roman{display:block;font-size:var(--text-sm);color:var(--color-muted);font-weight:400}
.learn-root .learn-recall-card>.learn-button{grid-row:3;max-width:100%}
.learn-root .learn-recall-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin-block-start:var(--space-sm)}
.learn-root .learn-reference-library{margin-block:var(--space-lg);border-block:1px solid var(--color-rule)}
.learn-root .learn-reference-library>summary{min-height:44px;display:list-item;align-content:center;padding-block:var(--space-sm);font-weight:600;cursor:pointer}
.learn-root .learn-activity-progress{flex-wrap:wrap;column-gap:var(--space-md);row-gap:var(--space-sm)}
.learn-root .learn-activity-progress>progress{flex-basis:100%;height:4px}
.learn-root .learn-activity-trail{display:flex;flex-wrap:wrap;gap:var(--space-sm);list-style:none;padding:0;margin:var(--space-xs) 0 0;flex-basis:100%}
.learn-root .learn-activity-trail>li{display:flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;border:1px solid var(--color-rule-2);border-radius:50%;background:var(--color-card);color:var(--color-muted);font-weight:650;font-variant-numeric:tabular-nums}
.learn-root .learn-activity-trail>li>span:first-child{display:flex;align-items:center;justify-content:center}
.learn-root .learn-activity-trail [data-activity-state=current]{outline:2px solid var(--color-accent);outline-offset:2px;color:var(--color-accent)}
.learn-root .learn-activity-trail [data-activity-state=completed]{background:var(--color-teal);border-color:var(--color-teal);color:var(--color-paper)}
.learn-root .learn-answer-reward{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:650;color:var(--color-success)}
.learn-root .learn-answer-reward .learn-icon{width:18px;height:18px}
.learn-root .learn-answer-fields:has(input[type=radio]){grid-template-columns:repeat(2,minmax(0,1fr))}
.learn-root .learn-option{min-width:0;min-height:5rem;border-radius:12px;align-items:center;justify-content:flex-start}
.learn-root .learn-option:has(input:checked){border-width:2px;padding:calc(var(--space-sm) - 1px) calc(var(--space-md) - 1px)}
.learn-root .learn-answer-form .learn-button:active:not(:disabled),.learn-root .learn-recall .learn-button:active{transform:scale(.96)}
.learn-root .learn-milestone-icon{border-radius:50%;width:40px;height:40px}
.learn-root .learn-milestone.is-earned .learn-milestone-icon{background:var(--color-accent-paper);border-color:var(--color-accent);color:var(--color-accent)}
.learn-root .learn-seal-detail{margin-block-start:var(--space-sm)}
.learn-root .learn-seal-detail>summary{min-height:44px;align-content:center;cursor:pointer;color:var(--color-accent);font-weight:650;font-size:var(--text-sm);padding-block:var(--space-xs)}
.learn-root .learn-seal-record{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);border-block:1px solid var(--color-rule);padding-block:var(--space-md);text-align:center;min-width:0;overflow-wrap:anywhere}
.learn-root .learn-collected-seal{width:76px;height:76px;display:flex;align-items:center;justify-content:center;color:var(--color-accent);background:var(--color-accent-paper);border:2px double var(--color-accent);border-radius:50%}
.learn-root .learn-collected-seal .learn-icon{width:34px;height:34px}
.learn-root .learn-seal-record .learn-button{max-width:100%}
.learn-root .learn-result{border:0;background:var(--color-card);border-block-start:3px solid var(--color-accent);text-align:center}
.learn-root .learn-result>.learn-actions{justify-content:center;margin-block-start:var(--space-lg)}
.learn-root .learn-earned-seal>.learn-icon{width:88px;height:88px;padding:22px;border:2px solid var(--color-accent);border-radius:50%;color:var(--color-accent);background:var(--color-accent-paper)}
.learn-root[data-learn-motion=off] *{animation:none!important;transition:none!important}
@media(max-width:760px){.learn-root .learn-lesson-spread{grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.learn-root .learn-lesson-spread .learn-teaching{padding-block:var(--space-sm)}}
@media(max-width:480px){.learn-root .learn-answer-fields:has(input[type=radio]){grid-template-columns:minmax(0,1fr)}.learn-root .learn-option{min-height:64px}.learn-root .learn-recall-card{padding:var(--space-md)}.learn-root .learn-node-disc{width:4.5rem;height:4.5rem}.learn-root .learn-path-unit-heading h3{font-size:1.35rem}.learn-root .learn-section-heading h2{font-size:1.75rem}}

.learn-root .learn-lesson-spread:not(:has([data-learn-recall])){grid-template-columns:minmax(0,1fr)}
.learn-root .learn-recall-reveal{border-color:transparent;color:var(--color-accent)}
.learn-root .learn-path-unit{container-type:inline-size;container-name:learn-topic}
@container learn-topic (max-width:16em){
 .learn-root .learn-path-unit-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-xs)}
 .learn-root .learn-path-unit-heading>div{grid-column:1/-1;grid-row:2;max-width:none}
 .learn-root .learn-path-unit-heading h3{display:block;max-width:100%;overflow-wrap:anywhere}
 .learn-root .learn-path-unit-heading .learn-unit-count{grid-column:2;grid-row:1;margin:0}
}
.learn-root .learn-earned-seal>.learn-icon{animation:learn-journal-stamp .42s cubic-bezier(.16,1,.3,1) both}
@keyframes learn-journal-stamp{from{transform:rotate(-6deg) scale(1.1);opacity:.75}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.learn-root .learn-earned-seal>.learn-icon{animation:none}}