.learning{color:var(--motif-color-text-primary);font-family:var(--motif-font-body);padding-block:1rem 4rem}.learning *,.learning *::before,.learning *::after{box-sizing:border-box}.learning [hidden]{display:none!important}.learning h1,.learning h2,.learning h3{color:var(--motif-color-heading)}.learning h1{font-family:var(--motif-font-h1);font-size:var(--motif-type-h1);line-height:1.1;max-width:18ch}.learning h2{font-family:var(--motif-font-h2)}.learning h3{font-family:var(--motif-font-h3)}.learning a{color:var(--motif-color-accent-primary);text-underline-offset:0.2em}.learning p,.learning li{line-height:1.65}.learning-nav,.learning-workspace-nav,.learning-actions,.learning-section-heading,.learning-editor-row{display:flex;align-items:center;flex-wrap:wrap;gap:0.8rem 1.5rem}.learning-nav{border-block:1px solid var(--motif-border-subtle);padding-block:1rem}.learning-nav a{padding:0.4rem 0;font-weight:600}.learning-heading{padding-block:clamp(2rem,5vw,4rem);max-width:52rem}.learning-heading>p:last-child{max-width:45rem;font-size:1.25rem}.learning-eyebrow{color:var(--motif-color-accent-primary);font-size:var(--motif-type-caption);letter-spacing:0.06em}.learning-status{min-height:1.6em}.learning-status--error{border-inline-start:3px solid currentColor;padding:0.75rem}.learning-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1.5rem}.learning-card,.learning-panel,.learning-empty{border:1px solid var(--motif-border-subtle);border-radius:var(--motif-radius-card);background:var(--motif-color-surface-card);overflow:hidden}.learning-panel{padding:1.5rem;margin-block:1rem}.learning-empty{padding:clamp(2rem,5vw,4rem);text-align:center}.learning-card-art{display:grid;place-items:center;min-height:11rem;color:var(--motif-color-accent-primary);background:var(--motif-background-callout);border-bottom:1px solid var(--motif-border-accent)}.learning-card-art span{font-size:4rem;font-family:var(--motif-font-h1)}.learning-card-body{padding:1.5rem}.learning-card h2{font-size:1.5rem;margin-block:0.75rem}.learning-card h2 a{color:var(--motif-color-heading)}.learning-card-footer{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid var(--motif-border-subtle)}.learning-filters,.learning-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem}.learning-filters{grid-template-columns:2fr 1fr 1fr;margin-bottom:1.5rem}.learning label,.learning-field{display:grid;gap:0.5rem;align-content:start;margin-block:0.7rem}.learning-field--wide{grid-column:1 / -1}.learning input,.learning select,.learning textarea{width:100%;max-width:none;min-width:0;min-height:var(--layout-control-min-height);border:1px solid var(--motif-border-accent);border-radius:var(--motif-field-radius);padding:0.7rem 0.8rem;font:inherit;color:var(--motif-color-text-primary);background:var(--motif-field-background)}.learning textarea{resize:vertical}.learning .learning-check{display:flex;align-items:start;gap:0.75rem;margin-block:1rem}.learning-check input{width:1.3rem;min-height:1.3rem;flex:0 0 auto;margin-top:0.2rem}.learning button,.learning-button{min-height:var(--layout-control-min-height);padding:0.7rem 1.1rem;margin:0;border:1px solid var(--motif-border-accent);border-radius:var(--motif-control-radius);color:var(--motif-button-primary-text);background:var(--motif-button-primary-background);font:600 1rem / 1.4 var(--motif-font-ui);cursor:pointer;text-decoration:none}.learning a.learning-button{display:inline-flex;color:var(--motif-button-primary-text)}.learning button:disabled{opacity:0.55;cursor:default}.learning :focus-visible{outline:3px solid var(--motif-color-accent-primary);outline-offset:4px}.learning details summary{cursor:pointer;padding-block:0.7rem;font-weight:600}.learning-prose{white-space:pre-wrap}.learning-course-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,0.55fr);gap:2.5rem;align-items:start}.learning-price{font-size:2rem}.learning-classroom{display:grid;grid-template-columns:minmax(14rem,0.4fr) minmax(0,1fr);gap:2rem;align-items:start}.learning-outline ol{padding-inline-start:1.5rem}.learning-outline li{margin-block:0.5rem}.learning-outline button{width:100%;text-align:start}.learning-outline>button{margin-block:0.5rem}.learning video{display:block;width:100%;aspect-ratio:16 / 9;background:var(--motif-media-background)}.learning-chapters{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:0.5rem}.learning-chapters button{background:var(--motif-field-background);color:var(--motif-color-text-primary)}.learning-dialog{width:min(56rem,calc(100vw - 2rem));max-height:90dvh;overflow:auto;padding:1.5rem;color:var(--motif-color-text-primary);background:var(--motif-color-surface-card);border:1px solid var(--motif-border-accent);border-radius:var(--motif-radius-card)}.learning-dialog::backdrop{background:var(--motif-hero-overlay-primary)}.learning-dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.learning-dialog fieldset{margin-block:1.5rem;padding:1rem;border:1px solid var(--motif-border-subtle)}.learning-dialog legend{font-weight:600}.learning-editor-row{padding-block:1rem;border-bottom:1px solid var(--motif-border-subtle)}.learning-editor-row>strong,.learning-editor-row>span{flex:1 1 15rem}.learning-table-wrap{overflow-x:auto}.learning table{width:100%;border-collapse:collapse}.learning th,.learning td{text-align:start;padding:0.8rem;border-bottom:1px solid var(--motif-border-subtle)}.learning progress{width:100%;accent-color:var(--motif-color-accent-primary)}.learning-certificate{text-align:center;padding:clamp(2rem,6vw,5rem);border:3px double var(--motif-border-accent)}.learning-certificate h2{font-size:2.5rem}.learning-certificate h3{font-size:2rem}.learning-certificate-id{font-family:var(--motif-font-ui);font-size:0.85rem}@media(max-width:760px){.learning-course-layout,.learning-classroom,.learning-filters,.learning-form-grid{grid-template-columns:1fr}.learning-outline{position:static}.learning-dialog{padding:1rem}}@media print{body:has(.learning-certificate) .academy-header,body:has(.learning-certificate) .academy-footer,body:has(.learning-certificate) .learning-nav,body:has(.learning-certificate) .learning-heading,body:has(.learning-certificate) .learning-status,.learning-no-print{display:none!important}body:has(.learning-certificate),.learning-certificate{background:var(--motif-color-surface-card);color:var(--motif-color-text-primary)}.learning-certificate{border-color:var(--motif-border-accent);break-inside:avoid}.learning-certificate h2,.learning-certificate h3,.learning-certificate a{color:var(--motif-color-text-primary)}}
