/* New learning roots only. Existing article captions, hub and reader controls are untouched. */
.learning-reference-v4{font-family:Pretendard,Outfit,sans-serif;font-size:var(--body-font,var(--reader-font,18px));margin:24px 0;border-top:1px solid var(--line,#ddded9)}
.learning-reference-v4>summary{font:inherit;font-size:.85em;font-weight:500;line-height:1.65;min-height:48px;padding:12px 0;cursor:pointer}
.learning-reference-v4>summary:focus-visible{outline:2px solid var(--interaction,#3454ff);outline-offset:3px}
.learning-ui-v4{--lu4-base:var(--body-font,var(--reader-font,18px));font-family:Pretendard,Outfit,sans-serif;font-size:var(--lu4-base);line-height:1.65;color:var(--ink,#242528);margin:32px 0 40px;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:keep-all}
.learning-ui-v4,.learning-ui-v4 *{box-sizing:border-box}
.learning-ui-v4 [hidden]{display:none!important}
.learning-ui-v4 .lu4-header{margin:0 0 24px}
.learning-ui-v4 .lu4-eyebrow{font-size:.8em;line-height:1.5;color:var(--muted,#66676b)}
.learning-ui-v4 .lu4-title{font-family:inherit;font-size:1.08em;line-height:1.45;font-weight:600;letter-spacing:-.02em;margin:8px 0 12px}
.learning-ui-v4 .lu4-task{font-family:inherit;font-size:1em;line-height:1.8;margin:0}
.learning-ui-v4 .lu4-offline{font-family:inherit;font-size:.85em;line-height:1.75;color:var(--muted,#66676b);margin:0 0 16px}
.learning-ui-v4 .lu4-product{font-family:inherit;font-size:.8em;line-height:1.6;background:#fff;border:1px solid var(--line,#ddded9);border-radius:16px;min-width:0;overflow:hidden}
.learning-ui-v4 .lu4-productbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--line,#ddded9)}
.learning-ui-v4 .lu4-productbar h4{font-family:inherit;font-size:1.05em;font-weight:600;line-height:1.5;margin:0}
.learning-ui-v4 .lu4-local-label{font-size:1em;color:var(--muted,#66676b);flex-shrink:0}
.learning-ui-v4 .lu4-description{font-family:inherit;font-size:1em;line-height:1.7;padding:0 24px;margin:16px 0}
.learning-ui-v4 .lu4-facts{padding:0 24px;margin:16px 0;font-size:1em;line-height:1.65}
.learning-ui-v4 .lu4-facts>div,.learning-ui-v4 .lu4-applied dl>div{display:grid;grid-template-columns:minmax(80px,.6fr) minmax(0,1fr);gap:8px 16px;padding:8px 0}
.learning-ui-v4 dt,.learning-ui-v4 dd{font-family:inherit;font-size:1em;line-height:1.65;margin:0;min-width:0}
.learning-ui-v4 dt{color:var(--muted,#66676b)}
.learning-ui-v4 .lu4-workspace{margin:0;padding:24px;min-width:0}
.learning-ui-v4 .lu4-stage{display:grid;gap:20px;min-width:0}
.learning-ui-v4 .lu4-field{display:grid;gap:8px;min-width:0}
.learning-ui-v4 .lu4-field>label{font-family:inherit;font-size:1em;line-height:1.5;font-weight:500;cursor:pointer}
.learning-ui-v4 .lu4-field :is(input,textarea,select){font:inherit;color:inherit;background:#fff;border:1px solid #a1a29e;border-radius:8px;padding:12px;min-height:48px;max-width:100%;width:100%;min-width:0}
.learning-ui-v4 .lu4-field textarea{resize:vertical;line-height:1.65;min-height:104px}
.learning-ui-v4 .lu4-field--check{grid-template-columns:20px minmax(0,1fr);gap:8px 12px;align-items:center}
.learning-ui-v4 .lu4-field--check>label{grid-column:2;grid-row:1;min-height:48px;display:flex;align-items:center}
.learning-ui-v4 .lu4-field--check>input{grid-column:1;grid-row:1;width:20px;height:20px;min-height:20px;padding:0;accent-color:var(--ink,#242528)}
.learning-ui-v4 .lu4-field--check :is(.lu4-hint,.lu4-error){grid-column:2}
.learning-ui-v4 .lu4-hint{font-size:1em;line-height:1.65;color:var(--muted,#66676b)}
.learning-ui-v4 .lu4-error{font-size:1em;line-height:1.65;color:#8b3f33}
.learning-ui-v4 [aria-invalid=true]{border-color:#8b3f33}
.learning-ui-v4 .lu4-actions{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:24px}
.learning-ui-v4 .lu4-action{font:inherit;font-weight:500;line-height:1.5;min-height:48px;max-width:100%;border-radius:24px;border:1px solid transparent;padding:12px 20px;cursor:pointer;color:var(--ink,#242528);background:#f2f2f0;white-space:normal;text-align:center}
.learning-ui-v4 .lu4-action--primary{color:#fff;background:var(--ink,#242528)}
.learning-ui-v4 .lu4-action:disabled{opacity:1;cursor:default;color:var(--muted,#66676b);border-color:var(--line,#ddded9);background:#f2f2f0}
.learning-ui-v4 .lu4-field :disabled{opacity:1;cursor:default;background:#fafaf8;color:var(--muted,#66676b)}
.learning-ui-v4 :is(button,input,textarea,select,summary):focus-visible{outline:2px solid var(--interaction,#3454ff);outline-offset:3px}
.learning-ui-v4 .lu4-applied{margin:0;padding:16px 24px 24px;border-top:1px solid var(--line,#ddded9)}
.learning-ui-v4 .lu4-applied h4{font-family:inherit;font-size:1.05em;font-weight:600;line-height:1.5;margin:0 0 8px}
.learning-ui-v4 .lu4-applied dl{margin:0}
.learning-ui-v4 .lu4-feedback{font-family:inherit;font-size:.85em;line-height:1.75;min-height:1.75em;margin:16px 0;color:var(--ink,#242528)}
.learning-ui-v4 .lu4-feedback:is([data-state=invalid],[data-state=stale],[data-state=blocked],[data-state=unavailable]){color:#8b3f33}
.learning-ui-v4 .lu4-interpretation{font-family:inherit;font-size:.9em;line-height:1.8;margin:24px 0 0;padding-top:8px;border-top:1px solid var(--line,#ddded9)}
.learning-ui-v4 .lu4-interpretation>summary{font:inherit;font-weight:500;cursor:pointer;min-height:48px;padding:12px 0}
.learning-ui-v4 .lu4-interpretation>p{font:inherit;margin:12px 0}
.learning-ui-v4 .lu4-interpretation>.lu4-limit{color:var(--muted,#66676b)}
.learning-ui-v4 [lang=en]{font-family:Outfit,Pretendard,sans-serif}
@media(max-width:760px){.learning-ui-v4{margin:24px 0 32px}.learning-ui-v4 .lu4-product{font-size:.85em}.learning-ui-v4 .lu4-productbar{padding:16px;gap:8px}.learning-ui-v4 .lu4-workspace{padding:16px}.learning-ui-v4 .lu4-description,.learning-ui-v4 .lu4-facts{padding-inline:16px}.learning-ui-v4 .lu4-applied{padding:16px}.learning-ui-v4 .lu4-actions{gap:8px;margin-top:20px}.learning-ui-v4 .lu4-facts>div,.learning-ui-v4 .lu4-applied dl>div{grid-template-columns:minmax(72px,.6fr) minmax(0,1fr);gap:8px 12px}}
@media(max-width:360px){.learning-ui-v4 .lu4-productbar{align-items:flex-start;flex-wrap:wrap}.learning-ui-v4 .lu4-actions .lu4-action{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.learning-ui-v4 *{transition:none;animation:none;scroll-behavior:auto}}
@media print{.learning-ui-v4 .lu4-offline{display:block!important}.learning-ui-v4 .lu4-actions{display:none}.learning-ui-v4 .lu4-product{overflow:visible}.learning-ui-v4 .lu4-interpretation>*{display:block!important}.learning-ui-v4 .lu4-feedback{display:none}}
/* Keep closed source/data explanations readable in modern no-script print output. */
@media print{
 :is([data-learning-case-v4],[data-learning-family-v4],[data-learning-heading-v4]) details::details-content,.learning-reference-v4::details-content{content-visibility:visible!important}
 .learning-ui-v4 .lu4-offline{display:none!important}
}