.learning-page{max-width:1120px;margin-inline:auto;padding:24px 24px 40px;color:rgb(var(--fg));overflow-wrap:anywhere}.studio-workspace .learning-page{padding-inline:0}.learning-heading{margin-bottom:24px}.learning-heading h1{font-size:clamp(1.6rem,2.7vw,2.25rem);line-height:1.2;font-weight:700;letter-spacing:-.025em;text-wrap:balance}.learning-heading p{margin-top:10px;color:rgb(var(--muted));max-width:68ch;line-height:1.7}.learning-checkout-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid rgb(var(--border))}.learning-checkout-steps li{display:flex;align-items:flex-start;gap:8px;min-width:0;color:rgb(var(--muted));font-size:.8125rem;line-height:1.5}.learning-checkout-steps li[aria-current=step]{color:rgb(var(--fg));font-weight:700}.learning-checkout-steps li>span{display:inline-flex;align-items:center;justify-content:center;min-width:18px;min-height:20px;flex-shrink:0;font-variant-numeric:tabular-nums}.learning-tabs{display:flex;gap:20px;border-bottom:1px solid rgb(var(--border));margin-bottom:28px;overflow-x:auto}.learning-tabs a{display:flex;align-items:center;min-height:48px;padding:8px 2px 12px;flex-shrink:0;color:rgb(var(--muted));font-weight:600;border-bottom:2px solid transparent}.learning-tabs a[aria-current=page]{border-bottom-color:rgb(var(--brand));color:rgb(var(--fg))}.learning-page h2{font-size:1.2rem;font-weight:650;line-height:1.4}.learning-page h3{font-size:1rem;font-weight:650}.learning-section{margin-block:30px}.learning-section>p{color:rgb(var(--muted));margin-top:6px;line-height:1.7;max-width:70ch}.learning-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:36px;align-items:start}.learning-panel{border:1px solid rgb(var(--border));border-radius:14px;padding:24px;background:rgb(var(--elevated))}.learning-panel>p{margin-top:8px;line-height:1.7}.learning-form{margin-top:18px}.learning-form fieldset{min-width:0;display:flex;flex-direction:column;gap:18px}.learning-form label{display:flex;flex-direction:column;gap:7px;font-size:.875rem;font-weight:600}.learning-form input:not([type=checkbox]),.learning-form textarea,.learning-search{width:100%;min-height:44px;border:1px solid #737373;background:rgb(var(--bg));border-radius:8px;padding:10px 12px;color:rgb(var(--fg));font:inherit;font-weight:400}.learning-form textarea{min-height:116px;resize:vertical;line-height:1.7}.learning-form input::-moz-placeholder,.learning-form textarea::-moz-placeholder,.learning-search::-moz-placeholder{color:rgb(var(--muted));opacity:1}.learning-form input::placeholder,.learning-form textarea::placeholder,.learning-search::placeholder{color:rgb(var(--muted));opacity:1}.learning-form :is(input,textarea),.learning-search{caret-color:rgb(var(--brand))}.learning-form .learning-check{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;line-height:1.6}.learning-check input{width:20px;height:20px;margin-top:2px;flex-shrink:0;accent-color:rgb(var(--brand))}.learning-form small,.learning-meta{color:rgb(var(--muted));font-size:.8125rem;font-weight:400;line-height:1.6}.learning-form .learning-field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.learning-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.learning-page .btn-ghost,.learning-page .btn-outline,.learning-page .btn-primary,.learning-page .btn-secondary{min-height:44px;border-radius:8px}.learning-page :is(a,button,input,textarea,[role=combobox]):focus-visible{outline:2px solid rgb(var(--brand));outline-offset:3px}.learning-page ::-moz-selection{background:rgb(var(--brand-soft));color:rgb(var(--fg))}.learning-page ::selection{background:rgb(var(--brand-soft));color:rgb(var(--fg))}.learning-form>[role=alert],.learning-form>[role=status]{margin-top:14px;line-height:1.6;font-size:.875rem}.learning-error{border:1px solid #737373;border-radius:8px;padding:12px}.learning-error,.learning-message{color:rgb(var(--fg))}.learning-empty{padding:40px 20px;border:1px dashed #737373;border-radius:14px;text-align:center}.learning-empty p{max-width:56ch;margin:10px auto 18px;color:rgb(var(--muted));line-height:1.7}.learning-loading{padding-block:36px;color:rgb(var(--muted))}.learning-list{margin-top:12px}.learning-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid rgb(var(--border))}.learning-row>:first-child{min-width:0}.learning-row h3 a:hover,.learning-text-link:hover{text-decoration:underline;text-underline-offset:3px}.learning-row .learning-meta{display:block;margin-top:5px}.learning-status{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;padding:4px 9px;background:rgb(var(--surface));border-radius:6px;white-space:nowrap}.learning-status[data-complete=true]{background:rgb(var(--brand-soft));color:rgb(var(--fg))}.learning-price{font-size:1.8rem;font-weight:700;font-variant-numeric:tabular-nums;margin-block:8px 20px}.learning-prose{white-space:pre-wrap;line-height:1.8;max-width:72ch;margin-block:16px}.learning-quote{background:rgb(var(--surface));padding:16px 18px;border-radius:8px;margin-block:18px;line-height:1.75}.learning-back{display:inline-flex;align-items:center;min-height:44px;color:rgb(var(--muted));font-size:.875rem;margin-bottom:12px}.learning-note{padding:14px 16px;border-radius:8px;background:rgb(var(--surface));margin-block:16px;line-height:1.7;font-size:.875rem}.learning-filter{margin:18px 0;display:flex;gap:14px;align-items:end}.learning-filter>*{flex:1;min-width:0}.learning-purchase{border-bottom:1px solid rgb(var(--border));padding-block:22px}.learning-purchase summary{min-height:44px;cursor:pointer;font-weight:600}.learning-purchase .learning-form{max-width:640px}.learning-grade{border-top:1px solid rgb(var(--border));padding-top:24px;margin-top:28px}.learning-grade summary{cursor:pointer;min-height:44px;font-weight:600}.learning-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.learning-inline>p{margin:0}label.learning-inline{min-height:44px;cursor:pointer}label.learning-inline input[type=checkbox]{width:20px;height:20px;accent-color:rgb(var(--brand))}.reader-material-dialog{position:fixed;inset:0 0 0 auto;width:min(460px,100%);height:100dvh;max-height:100dvh;max-width:100%;margin:0;padding:24px;border:0;background:rgb(var(--bg));color:rgb(var(--fg));overflow-y:auto}.reader-material-dialog::backdrop{background:rgb(0 0 0/.25)}.reader-material-dialog .learning-page{padding:0}.reader-material-dialog .learning-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.reader-material-dialog .learning-heading h2{font-size:1.4rem}.reader-material-dialog .learning-heading>button{flex-shrink:0;white-space:nowrap}@media (max-width:900px){.learning-split{grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);gap:22px}.learning-panel{padding:20px}}@media (max-width:640px){.learning-page{padding:20px 16px 40px}.learning-heading{margin-bottom:18px}.learning-tabs{margin-bottom:22px;gap:22px}.learning-split{gap:24px}.learning-form .learning-field-row,.learning-split{grid-template-columns:minmax(0,1fr)}.learning-row{align-items:flex-start;gap:12px;flex-direction:column;padding-block:18px}.learning-panel{padding:18px}.learning-empty{padding:28px 16px}.learning-filter{align-items:stretch;flex-direction:column}.reader-material-dialog{inset:auto 0 0;width:100%;height:min(84dvh,800px);margin:0;border-radius:16px 16px 0 0;padding:20px 18px max(24px,env(safe-area-inset-bottom))}}