/* Learn-only foundation; shared theme and navigation stay in their own files. */
.laa-learn { --learn-link:#6420bb; }
:root[data-theme="dark"] .laa-learn { --learn-link:#c5a7ff; }
.laa-learn main { padding-bottom:32px; overflow-wrap:anywhere; scroll-margin-top:90px; }
.laa-learn main a { color:var(--learn-link); text-decoration:underline; text-underline-offset:3px; }
.laa-learn main a:hover { text-decoration-thickness:2px; }
.laa-learn h1,.laa-learn main h2,.laa-learn main h3 { font-family:Newsreader,Georgia,serif; font-weight:500; line-height:1.15; letter-spacing:-.025em; }
.laa-learn h1 { font-size:clamp(2.3rem,5vw,4rem); margin:0 0 18px; max-width:20ch; }
.laa-learn main h2 { font-size:clamp(1.6rem,3vw,2.2rem); margin:0 0 16px; }
.laa-learn main h3 { font-size:1.55rem; margin:0 0 14px; }
.laa-learn main p,.laa-learn main li,.laa-learn main dd { line-height:1.8; }
.laa-learn main p { margin:0 0 16px; }
.laa-learn .learn-eyebrow { font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; font-weight:800; color:var(--muted); }
.laa-learn .learn-intro { font-size:1.12rem; line-height:1.65; max-width:58ch; }
.laa-learn .learn-breadcrumb { padding:24px 0; font-size:.8rem; }
.laa-learn .learn-breadcrumb ol { list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; }
.laa-learn .learn-breadcrumb li+li::before { content:"/"; margin-right:8px; color:var(--muted); }
.laa-learn .learn-hero { display:grid; grid-template-columns:1.3fr .7fr; gap:36px; align-items:center; padding:12px 0 30px; }
.laa-learn .learn-hero>div>p:not(.learn-eyebrow) { max-width:60ch; }
.laa-learn .learn-hero img { width:100%; height:320px; object-fit:cover; border-radius:64px 14px 14px; }
.laa-learn main .cta { display:inline-block; background:linear-gradient(110deg,#7420d2,#235fbb); color:#fff; text-decoration:none; margin-top:4px; }
.laa-learn .learn-guides,.laa-learn .learn-related { padding:26px 0; }
.laa-learn .learn-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.laa-learn .learn-card { border:1px solid var(--border); background:var(--surface); border-radius:16px; padding:24px; display:flex; flex-direction:column; }
.laa-learn .learn-card h3 a { color:var(--text); }
.laa-learn .learn-card-note { margin-top:auto; font-size:.78rem; color:var(--muted); }
.laa-learn .learn-purpose { display:grid; grid-template-columns:1.4fr 1fr; gap:28px; margin:24px 0 0; padding:28px; background:linear-gradient(110deg,#8120e809,#2d7fea0a); border:1px solid var(--border); border-radius:16px; }
.laa-learn .learn-heading { padding:12px 0 24px; }
.laa-learn .learn-meta,.laa-learn .learn-date-note { font-size:.82rem; color:var(--muted); }
.laa-learn .learn-reading-layout { display:grid; grid-template-columns:minmax(210px,.65fr) minmax(0,2fr); gap:40px; align-items:start; }
.laa-learn .learn-toc { padding:20px; border:1px solid var(--border); border-radius:14px; background:var(--surface); }
.laa-learn .learn-toc h2 { font-family:Manrope,'Segoe UI',sans-serif; font-size:.95rem; font-weight:800; letter-spacing:0; }
.laa-learn .learn-toc ol { margin:0; padding-left:20px; }
.laa-learn .learn-toc li { margin:6px 0; font-size:.88rem; }
.laa-learn .learn-toc a { display:inline-block; vertical-align:top; padding:4px 0; }
.laa-learn .learn-copy { max-width:72ch; min-width:0; }
.laa-learn .learn-copy section { padding:0 0 24px; scroll-margin-top:110px; }
.laa-learn .learn-copy ul,.laa-learn .learn-copy ol { padding-left:24px; margin:0 0 20px; }
.laa-learn .learn-copy li { padding-left:4px; margin-bottom:8px; }
.laa-learn .learn-note { background:var(--surface); border:1px solid var(--border); border-left:4px solid var(--brand); padding:20px; border-radius:12px; }
.laa-learn .learn-note p:last-child { margin-bottom:0; }
.laa-learn .learn-copy .learn-note { font-size:.85rem; }
.laa-learn .learn-limits { display:grid; grid-template-columns:1fr 1.4fr; border:1px solid var(--border); background:var(--surface); border-radius:12px; overflow:hidden; margin:0 0 20px; }
.laa-learn .learn-limits dt,.laa-learn .learn-limits dd { padding:12px 16px; margin:0; border-bottom:1px solid var(--border); }
.laa-learn .learn-limits dt { font-weight:700; line-height:1.8; }
.laa-learn .learn-limits :nth-last-child(-n+2) { border-bottom:0; }
.laa-learn .learn-related .learn-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.laa-learn .learn-skip { position:fixed; top:8px; left:8px; z-index:3000; padding:12px 18px; background:var(--surface); color:var(--text); border:2px solid var(--brand); border-radius:8px; transform:translateY(-160%); }
.laa-learn .learn-skip:focus { transform:none; }
@media(max-width:960px) {
  .laa-learn .learn-grid { grid-template-columns:1fr; }
  .laa-learn .learn-reading-layout { grid-template-columns:1fr; gap:24px; }
  .laa-learn .learn-copy { max-width:none; }
  .laa-learn .learn-hero { gap:24px; }
}
@media(max-width:640px) {
  .laa-learn .learn-hero,.laa-learn .learn-purpose,.laa-learn .learn-related .learn-grid { grid-template-columns:1fr; }
  .laa-learn .learn-hero img { height:220px; }
  .laa-learn .learn-card,.laa-learn .learn-purpose { padding:20px; }
  .laa-learn .brand { font-size:.86rem; gap:8px; }
  .laa-learn .brand img { width:36px; height:36px; }
  .laa-learn .learn-limits { grid-template-columns:1fr; }
  .laa-learn .learn-limits dt { padding-bottom:0; border-bottom:0; }
  .laa-learn .learn-limits dd { padding-top:4px; }
}
@media(prefers-reduced-motion:reduce) { .laa-learn { scroll-behavior:auto; } }