/* Learning Center — scoped under #learn so nothing here can touch the rest of the site. */
#learn{--ok:#0a8f4d;--ok-soft:#e3f5ea;--no:#c0392b;--no-soft:#fbe9e6;--warn:#b7791f;--warn-soft:#fdf3dc;--ecg-paper:#fffafa;--ecg-grid-s:#f6cfcf;--ecg-grid-b:#eaa3a3;--ecg-ink:#151515}
html[data-theme="dark"] #learn{--ok:#37d39a;--ok-soft:#12271d;--no:#f0897b;--no-soft:#3a1d1b;--warn:#e8b458;--warn-soft:#33290f;--ecg-paper:#0c1210;--ecg-grid-s:#16261f;--ecg-grid-b:#1f3a2e;--ecg-ink:#5cf2a0}
#learn .lc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:22px}
#learn .lc-title{font-family:var(--serif,Georgia,serif);font-weight:600;font-size:clamp(24px,3.8vw,32px);letter-spacing:-.01em;margin:0;line-height:1.15}
#learn .lc-sub{color:var(--muted);font-size:14px;margin-top:3px}
#learn .lc-sub b{color:var(--ink)}
#learn .lc-user{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted)}
#learn .lc-link{background:none;border:0;padding:0;font:inherit;font-size:13px;color:var(--blue);cursor:pointer}
#learn .lc-link:hover{text-decoration:underline}
#learn .lc-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;font-weight:600}
#learn .lc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
#learn .lc-tile{display:flex;flex-direction:column;gap:6px;text-align:left;padding:18px 18px 16px;cursor:pointer;font:inherit;color:inherit;min-height:132px;position:relative}
#learn .lc-tile h3{margin:0;font-size:18px}
#learn .lc-tile p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.45}
#learn .lc-tile .lc-stat{margin-top:auto;padding-top:10px;font-size:13px;font-weight:700;color:var(--green-dark)}
#learn .lc-tile .lc-stat.todo{color:var(--warn)}
#learn .lc-tile.done{border-color:var(--green)}
#learn .lc-tile .lc-ic{width:26px;height:26px;color:var(--green-dark);margin-bottom:2px}
#learn .lc-tile .lc-tilebtn{position:absolute;top:14px;right:14px}
#learn .lc-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
#learn .lc-h{font-family:var(--serif,Georgia,serif);font-weight:600;font-size:21px;margin:30px 0 10px}
#learn .lc-btn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:9px 16px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
#learn .lc-btn:hover{border-color:var(--green)}
#learn .lc-btn.pri{background:var(--green-dark);border-color:var(--green-dark);color:#fff}
html[data-theme="dark"] #learn .lc-btn.pri{color:#06130c}
#learn .lc-btn.sm{padding:6px 11px;font-size:12.5px;border-radius:8px}
#learn .lc-btn:disabled{opacity:.5;cursor:default}
#learn .lc-panel{padding:22px;max-width:780px}
#learn .lc-panel.wide{max-width:none}
#learn .lc-panel:hover{transform:none}
#learn .lc-muted{color:var(--muted);font-size:13.5px}
#learn .lc-err{color:var(--no);font-size:13.5px;min-height:20px;margin-top:8px}
#learn input[type=text],#learn input[type=password],#learn input[type=number],#learn select,#learn textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:15px;background:var(--card);color:var(--ink)}
#learn textarea{min-height:96px;resize:vertical;line-height:1.5}
#learn label.lc-lab{display:block;font-size:12.5px;font-weight:700;color:var(--muted);margin:14px 0 5px;text-transform:uppercase;letter-spacing:.04em}
/* roster */
#learn .lc-roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:860px}
#learn .lc-name{display:flex;align-items:center;gap:10px;padding:10px 12px;text-align:left;border:1px solid var(--line);background:var(--card);border-radius:12px;font:inherit;font-size:14.5px;font-weight:600;color:var(--ink);cursor:pointer}
#learn .lc-name span{min-width:0;line-height:1.25}
#learn .lc-name small{display:block;font-weight:500;color:var(--muted);font-size:12px;margin-top:2px}
#learn .lc-name:hover{border-color:var(--green)}
#learn .lc-pin{letter-spacing:.5em;text-align:center;font-size:22px!important;max-width:240px}
/* questions */
#learn .q-meta{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}
#learn .q-stem{font-size:16px;line-height:1.6;margin:0 0 16px}
#learn .q-opts{display:grid;gap:8px}
#learn .q-opt{display:flex;gap:12px;align-items:flex-start;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);font:inherit;font-size:15px;color:var(--ink);cursor:pointer;line-height:1.45}
#learn .q-opt:hover:not(:disabled){border-color:var(--green)}
#learn .q-opt b{flex:0 0 auto;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:12px;color:var(--muted)}
#learn .q-opt.right{border-color:var(--ok);background:var(--ok-soft)}
#learn .q-opt.right b{background:var(--ok);border-color:var(--ok);color:#fff}
#learn .q-opt.picked{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
#learn .q-opt.picked b{background:var(--blue);border-color:var(--blue);color:#fff}
#learn .q-opt.wrong{border-color:var(--no);background:var(--no-soft)}
#learn .q-opt.wrong b{background:var(--no);border-color:var(--no);color:#fff}
#learn .q-opt:disabled{cursor:default;opacity:1}
#learn .q-opt .q-bar{margin-left:auto;font-size:12.5px;font-weight:700;color:var(--muted);white-space:nowrap}
#learn .q-exp{margin-top:16px;padding:14px 16px;border-left:3px solid var(--green);background:var(--green-soft);border-radius:0 10px 10px 0;font-size:14.5px;line-height:1.6}
#learn .q-exp.miss{border-left-color:var(--no);background:var(--no-soft)}
#learn .q-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}
#learn .q-dots{display:flex;gap:6px}
#learn .q-dot{width:26px;height:6px;border-radius:3px;background:var(--line)}
#learn .q-dot.ok{background:var(--ok)}#learn .q-dot.no{background:var(--no)}#learn .q-dot.cur{background:var(--muted)}
#learn .q-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:var(--green-soft);color:var(--green-dark)}
#learn .q-tag.you{background:var(--warn-soft);color:var(--warn)}
/* doctordle */
#learn .dd-clue{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.55}
#learn .dd-clue span{flex:0 0 74px;font-size:11.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding-top:3px}
#learn .dd-clue.lock{color:var(--muted);font-style:italic}
#learn .dd-guesses{margin-top:14px;display:grid;gap:8px}
#learn .dd-guess{display:flex;align-items:center;gap:12px;padding:9px 16px 9px 10px;border-radius:999px;font-size:15px;font-weight:700;border:1px solid var(--line)}
#learn .dd-guess b{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;background:rgba(0,0,0,.08)}
html[data-theme="dark"] #learn .dd-guess b{background:rgba(255,255,255,.1)}
#learn .dd-guess span{flex:1;text-align:center;line-height:1.3}
#learn .dd-guess span small{display:block;font-size:11.5px;font-weight:600;opacity:.8}
#learn .dd-guess em{flex:0 0 22px;font-style:normal;font-size:18px;text-align:center}
#learn .dd-guess.wrong{background:var(--no-soft);border-color:color-mix(in srgb,var(--no) 35%,transparent);color:var(--no)}
#learn .dd-guess.close{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 40%,transparent);color:var(--warn)}
#learn .dd-guess.correct{background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 40%,transparent);color:var(--ok)}
#learn .dd-res{margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid var(--line)}
#learn .dd-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ok)}
#learn .dd-res.loss .dd-kicker:first-child{color:var(--no)}
#learn .dd-kicker.dim{color:var(--muted);margin:18px 0 10px}
#learn .dd-answer{font-family:var(--serif,Georgia,serif);font-size:clamp(26px,4.6vw,38px);line-height:1.12;margin:6px 0 14px;padding-bottom:12px;border-bottom:3px solid var(--ink)}
#learn .dd-stats{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
#learn .dd-stats div+div{border-left:1px solid var(--line)}
#learn .dd-stats b{display:block;font-size:34px;line-height:1.1;font-weight:800}
#learn .dd-stats span{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
#learn .dd-dist{display:grid;gap:6px}
#learn .dd-bar{display:grid;grid-template-columns:34px 18px 1fr 44px;align-items:center;gap:8px;font-size:13px;font-weight:800}
#learn .dd-bar .dd-you{font-size:11.5px;color:var(--muted);text-align:right}
#learn .dd-bar>div{background:var(--bg);border-radius:6px;height:26px;overflow:hidden}
#learn .dd-bar i{display:block;height:100%;min-width:0;background:var(--line);border-radius:6px;font-style:normal;color:var(--ink);padding-left:8px;line-height:26px;box-sizing:border-box}
#learn .dd-bar.me i{background:var(--ink);color:var(--card)}
#learn .dd-bar em{font-style:normal;color:var(--muted);text-align:right}
#learn .dd-teach{margin:18px 0 0;font-size:14.5px;line-height:1.6}
#learn .dd-ac{position:relative}
#learn .dd-list{position:absolute;left:0;right:0;top:100%;z-index:20;max-height:260px;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);margin-top:4px}
#learn .dd-list button{display:block;width:100%;text-align:left;padding:9px 12px;border:0;background:none;font:inherit;font-size:14.5px;color:var(--ink);cursor:pointer}
#learn .dd-list button:hover,#learn .dd-list button.hi{background:var(--green-soft)}
/* ecg */
#learn .ecg-wrap{border:1px solid var(--line);border-radius:12px;overflow-x:auto;background:var(--ecg-paper);margin-bottom:16px}
#learn .ecg-strip{display:block;width:100%;height:auto;min-width:720px}
/* flashcards */
#learn .fc-card{min-height:230px;display:flex;flex-direction:column;justify-content:center;gap:16px;text-align:center;font-size:19px;line-height:1.55;padding:30px 24px;white-space:pre-wrap}
#learn .fc-card hr{width:100%;border:0;border-top:1px solid var(--line);margin:0}
#learn .fc-card .fc-back{font-size:17px}
#learn .fc-cloze{color:var(--blue);font-weight:700}
#learn .fc-rate{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
#learn .fc-rate button{padding:11px 4px;border-radius:10px;border:1px solid var(--line);background:var(--card);font:inherit;font-weight:700;font-size:14px;color:var(--ink);cursor:pointer}
#learn .fc-rate button small{display:block;font-weight:600;color:var(--muted);font-size:11.5px;margin-top:2px}
#learn .fc-rate .r1{border-color:var(--no)}#learn .fc-rate .r3{border-color:var(--ok)}
#learn .fc-tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}
#learn .fc-list{display:grid;gap:6px}
#learn .fc-item{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px}
#learn .fc-item div{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#learn .fc-item small{color:var(--muted)}
/* tables */
#learn table.lc-table{width:100%;border-collapse:collapse;font-size:14px}
#learn .lc-table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line)}
#learn .lc-table td{padding:10px;border-bottom:1px solid var(--line)}
#learn .lc-table tr.me td{background:var(--green-soft);font-weight:700}
#learn .lc-meter{height:8px;border-radius:4px;background:var(--line);overflow:hidden;min-width:90px}
#learn .lc-meter i{display:block;height:100%;background:var(--green);border-radius:4px}
#learn .lc-meter i.low{background:var(--no)}#learn .lc-meter i.mid{background:var(--warn)}
#learn .lc-live{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;margin-bottom:16px;border-color:var(--green);flex-wrap:wrap}
#learn .lc-live b{font-size:15px}
#learn .lc-big{font-size:44px;font-weight:800;font-family:var(--serif,Georgia,serif);line-height:1}
@media(max-width:760px){
  #learn .lc-roster{grid-template-columns:repeat(2,minmax(0,1fr))}
  #learn .lc-panel{padding:16px}
  #learn .q-stem{font-size:15.5px}
  #learn .dd-clue{flex-direction:column;gap:2px}#learn .dd-clue span{flex:none}
  #learn .fc-card{font-size:17px;padding:22px 16px;min-height:190px}

}
/* The site fades every .card in on scroll. Here views re-render on each answer, so that fade would flash constantly. */
#learn .reveal{opacity:1!important;transform:none!important;transition:none!important}
#learn .card.lc-tile{transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s ease,border-color .18s ease!important}
/* Today-page chip: only rendered on a device that is already signed in to the Learning Center */
#lc-chip{display:inline-flex;align-items:center;gap:7px;margin-top:8px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:var(--card);font:inherit;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer;white-space:nowrap}
#lc-chip:hover{border-color:var(--green)}
#lc-chip i{width:7px;height:7px;border-radius:50%;background:#d98324;display:block}
#lc-chip.done i{background:var(--green)}
#lc-chip b{color:var(--ink);font-weight:800}

/* ---------- art pass (Sep 2026): hero, faces, rings, tinted tiles, podium ---------- */
#learn{--t-green:#00713a;--t-green-s:#e6f5ec;--t-blue:#0a5aa6;--t-blue-s:#e6f0fa;--t-rose:#b8325a;--t-rose-s:#fbe8ee;--t-amber:#a9630c;--t-amber-s:#fdf1de;--t-violet:#6a3fb0;--t-violet-s:#efe9fb}
html[data-theme="dark"] #learn{--t-green:#37d39a;--t-green-s:#12271d;--t-blue:#6bb2ef;--t-blue-s:#14283a;--t-rose:#ef9dc0;--t-rose-s:#391d2a;--t-amber:#e8a558;--t-amber-s:#392812;--t-violet:#b6a1e2;--t-violet-s:#261e35}
#learn .lc-face{width:34px;height:34px;flex:0 0 34px;border-radius:50%;object-fit:cover;object-position:50% 22%;background:var(--green-soft);border:2px solid var(--card);box-shadow:0 0 0 1px var(--line)}
#learn .lc-face.lg{width:64px;height:64px;flex-basis:64px}
#learn .lc-face.sm{width:26px;height:26px;flex-basis:26px;border-width:1px}
#learn .lc-face-i{display:grid;place-items:center;font-family:var(--serif,Georgia,serif);font-weight:600;font-size:13px;color:var(--green-dark)}
#learn .lc-face-i.lg{font-size:22px}
#learn .lc-rowface{display:inline-flex;align-items:center;gap:9px}
#learn .lc-hero{position:relative;overflow:hidden;border-radius:22px;padding:26px 28px 22px;margin-bottom:26px;border:1px solid var(--line);
  background:radial-gradient(120% 140% at 100% 0%,#fde9e4 0%,rgba(253,233,228,0) 46%),radial-gradient(90% 120% at 0% 100%,var(--green-soft) 0%,rgba(230,245,236,0) 60%),var(--card)}
html[data-theme="dark"] #learn .lc-hero{background:radial-gradient(120% 140% at 100% 0%,#3a1d24 0%,rgba(58,29,36,0) 46%),radial-gradient(90% 120% at 0% 100%,#12271d 0%,rgba(18,39,29,0) 60%),var(--card)}
#learn .lc-hero-art{position:absolute;right:-26px;top:-30px;width:330px;height:260px;pointer-events:none}
#learn .lc-hero-art img{position:absolute;width:170px;height:170px;filter:none}
#learn .lc-hero-art img:nth-child(1){right:0;top:0;transform:rotate(14deg)}
#learn .lc-hero-art img:nth-child(2){right:118px;top:-34px;width:128px;height:128px;transform:rotate(-18deg);opacity:.92}
#learn .lc-hero-art img:nth-child(3){right:64px;top:104px;width:120px;height:120px;transform:rotate(30deg);opacity:.9}
html[data-theme="dark"] #learn .lc-hero-art{opacity:.62}
#learn .lc-hero-main{position:relative;display:flex;gap:16px;align-items:center;padding-right:230px}
#learn .lc-kicker{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--green-dark);margin-bottom:4px}
#learn .lc-hero .lc-title{font-size:clamp(26px,4.2vw,38px)}
#learn .lc-weekrow{display:flex;gap:7px;margin-top:12px}
#learn .lc-day{display:grid;justify-items:center;gap:3px;font-size:10.5px;font-weight:800;color:var(--muted)}
#learn .lc-day i{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:11.5px;color:#fff;background:transparent}
#learn .lc-day.on i{background:var(--green);border-color:var(--green)}
html[data-theme="dark"] #learn .lc-day.on i{color:#06130c}
#learn .lc-day.today i{box-shadow:0 0 0 3px var(--green-soft)}
#learn .lc-day.today:not(.on) i{border-color:var(--green);border-style:dashed}
#learn .lc-hero-stats{position:relative;display:flex;gap:30px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
#learn .lc-hero-stats b{display:block;font-family:var(--serif,Georgia,serif);font-size:34px;line-height:1;font-weight:600}
#learn .lc-hero-stats span{font-size:12px;color:var(--muted);font-weight:600}
#learn .lc-hero .lc-user{position:absolute;right:22px;bottom:18px}
#learn .lc-hero-gate{padding-bottom:26px}
#learn .lc-h-row{display:flex;justify-content:space-between;align-items:baseline}
#learn .lc-h-row small{font-family:inherit;font-size:12.5px;font-weight:700;color:var(--muted)}
#learn .lc-trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
#learn .lc-big-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px;text-align:left;padding:20px;cursor:pointer;font:inherit;color:inherit;min-height:150px;border-top:4px solid var(--tone)}
#learn .lc-big-tile h3{margin:0 0 3px;font-size:19px}
#learn .lc-big-tile p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.4}
#learn .lc-bt-top{display:flex;gap:14px;align-items:center;position:relative}
#learn .lc-cta{margin-top:auto;font-size:13px;font-weight:800;color:var(--tone);position:relative}
#learn .lc-wm{position:absolute;right:-18px;bottom:-22px;opacity:.09;color:var(--tone);pointer-events:none}
#learn .lc-wm .lc-ic{width:130px;height:130px;margin:0;color:inherit;stroke-width:1.2}
#learn .t-green{--tone:var(--t-green);--tone-s:var(--t-green-s)}#learn .t-blue{--tone:var(--t-blue);--tone-s:var(--t-blue-s)}#learn .t-rose{--tone:var(--t-rose);--tone-s:var(--t-rose-s)}#learn .t-amber{--tone:var(--t-amber);--tone-s:var(--t-amber-s)}#learn .t-violet{--tone:var(--t-violet);--tone-s:var(--t-violet-s)}
#learn .lc-big-tile.done{background:linear-gradient(180deg,var(--tone-s),var(--card) 70%)}
#learn .lc-ring{width:62px;height:62px;flex:0 0 62px}
#learn .lc-ring circle{fill:none;stroke-width:6}
#learn .lc-ring .t{stroke:var(--line)}
#learn .lc-ring .v{stroke:var(--tone,var(--green));stroke-linecap:round;transition:stroke-dashoffset .9s cubic-bezier(.2,.7,.2,1)}
#learn .lc-ring text{font-size:15px;font-weight:800;fill:var(--ink);font-family:inherit}
#learn .lc-tile{min-height:0;gap:5px}
#learn .lc-badge{width:42px;height:42px;border-radius:12px;background:var(--tone-s);display:grid;place-items:center;margin-bottom:6px}
#learn .lc-badge .lc-ic{margin:0;width:22px;height:22px;color:var(--tone)}
#learn .lc-tile .lc-stat{color:var(--tone)}
#learn .lc-tile:hover,#learn .lc-big-tile:hover{border-color:var(--tone)}
#learn .lc-podium{display:flex;justify-content:center;align-items:flex-end;gap:14px;margin:4px 0 22px}
#learn .lc-pod{position:relative;display:grid;justify-items:center;gap:4px;width:150px;padding:18px 10px 14px;border-radius:18px 18px 8px 8px;border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow)}
#learn .lc-pod b{font-size:15px}#learn .lc-pod span{font-size:12.5px;color:var(--muted);font-weight:700}
#learn .lc-pod i{position:absolute;top:-13px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:13px;color:#fff;background:#b08d2a}
#learn .lc-pod.p1{padding-top:34px;padding-bottom:30px;border-color:#d9b64a}
#learn .lc-pod.p2 i{background:#8a949c}#learn .lc-pod.p3 i{background:#a8683a}
#learn .lc-pod.me{outline:2px solid var(--green);outline-offset:2px}
@keyframes lcPop{0%{transform:scale(.98)}60%{transform:scale(1.012)}100%{transform:scale(1)}}
#learn .q-opt.right{animation:lcPop .32s ease-out}
@media(prefers-reduced-motion:reduce){#learn .q-opt.right{animation:none}#learn .lc-ring .v{transition:none}}
@media(max-width:760px){
  #learn .lc-hero{padding:20px 18px 46px;border-radius:18px}
  #learn .lc-hero-art{right:-70px;top:-50px;transform:scale(.72);transform-origin:100% 0;opacity:.8}
  #learn .lc-hero-main{padding-right:64px;align-items:flex-start}
  #learn .lc-face.lg{width:50px;height:50px;flex-basis:50px}
  #learn .lc-hero-stats{gap:20px}#learn .lc-hero-stats b{font-size:27px}
  #learn .lc-hero .lc-user{right:16px;bottom:14px}
  #learn .lc-trio{grid-template-columns:1fr}
  #learn .lc-big-tile{min-height:0;flex-direction:row;align-items:center;justify-content:space-between;padding:16px}
  #learn .lc-big-tile .lc-cta{margin:0;white-space:nowrap}
  #learn .lc-pod{width:31%}
}
#learn .lc-imgwrap{background:#0b0d0e;border-radius:12px;overflow:auto;text-align:center;max-height:70vh}
#learn .lc-imgwrap img{display:block;margin:0 auto;max-width:100%;max-height:62vh;cursor:zoom-in}
#learn .lc-imgwrap.zoom img{max-width:none;max-height:none;width:160%;cursor:zoom-out}
#learn .lc-credit{font-size:11.5px;color:var(--muted);margin:6px 0 16px}

/* ---- flashcards that travel with a question ---- */
#learn .q-cards{margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--card)}
#learn .q-cards-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
#learn .q-cards-h span{display:inline-flex;align-items:center;gap:7px}#learn .q-cards-h .lc-ic{width:16px;height:16px;color:var(--t-amber)}
#learn .q-cards-h .lc-btn[disabled]{opacity:.7;cursor:default;border-color:var(--line)}
#learn .q-cards ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
#learn .q-cards li{font-size:14px;line-height:1.55;padding:9px 12px;border-radius:9px;background:var(--t-amber-s)}
#learn .q-cards-a{display:block;margin-top:4px;color:var(--muted)}

/* ---- ward orders ---- */
#learn .wd-brief{font-size:16px;line-height:1.6;margin:6px 0 14px}
#learn .wd-data{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0 0 6px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
#learn .wd-data div{padding:8px 12px;box-shadow:1px 1px 0 var(--line)}
#learn .wd-data dt{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
#learn .wd-data dd{margin:1px 0 0;font-size:14.5px;font-weight:600;font-variant-numeric:tabular-nums}
#learn .wd-text{min-height:200px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.6}
#learn .wd-hints{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px}
#learn .wd-chip{border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-weight:600;font-size:12.5px}#learn .wd-chip b{color:var(--muted);font-weight:700}
#learn .wd-score{display:flex;align-items:center;gap:16px;margin:8px 0 4px}#learn .wd-score h3{margin:0 0 2px;font-size:19px}#learn .wd-score p{margin:0}
#learn .wd-h{font-size:16px;margin:22px 0 8px}
#learn .wd-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
#learn .wd-list li{display:flex;gap:11px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);font-size:14.5px;line-height:1.5}
#learn .wd-list li>i{flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:12px;color:#fff;background:var(--muted);margin-top:1px}
#learn .wd-list li p{margin:3px 0 0;color:var(--muted);font-size:13.5px}
#learn .wd-list li.ok>i{background:var(--ok)}#learn .wd-list li.miss.crit{border-color:var(--no);background:var(--no-soft)}#learn .wd-list li.miss.crit>i{background:var(--no)}
#learn .wd-list li.harm{border-color:var(--no);background:var(--no-soft)}#learn .wd-list li.harm>i{background:var(--no)}
#learn .wd-list li.warn{border-color:var(--warn);background:var(--warn-soft)}#learn .wd-list li.warn>i{background:var(--warn)}
html[data-theme="dark"] #learn .wd-list li>i{color:#0c1210}
#learn .wd-tag{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--no);border:1px solid var(--no);border-radius:5px;padding:1px 5px;vertical-align:1px}
#learn .wd-model{margin-top:14px;border:1px solid var(--line);border-radius:10px;padding:10px 14px}#learn .wd-model summary{cursor:pointer;font-weight:700;font-size:14px}
#learn .wd-model pre{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.65;margin:10px 0 2px}

/* ---- chief dashboard. One green ramp, light = low, dark = high; the number is always printed. ---- */
#learn{--h1:#f1f8f3;--h2:#d9efe0;--h3:#bbe2c8;--h4:#97d2ac;--h5:#71c08f}
html[data-theme="dark"] #learn{--h1:#15241c;--h2:#183325;--h3:#1d4430;--h4:#23573c;--h5:#2b6c4a}
#learn .ds-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:6px}
#learn .ds-kpi{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--card)}
#learn .ds-kpi b{display:block;font-family:var(--serif,Georgia,serif);font-size:30px;line-height:1.1;font-variant-numeric:tabular-nums}
#learn .ds-kpi span{display:block;font-size:13px;font-weight:600;margin-top:3px}#learn .ds-kpi small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
#learn .ds-scroll{overflow-x:auto}
#learn table.ds-grid,#learn table.ds-heat{border-collapse:separate;border-spacing:0;font-size:13.5px;width:100%}
#learn .ds-grid th,#learn .ds-heat th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:6px 8px;white-space:nowrap;font-weight:700}
#learn .ds-grid td{padding:5px 8px;border-top:1px solid var(--line);white-space:nowrap}#learn .ds-grid tr.off td{color:var(--muted)}
#learn .ds-days{white-space:nowrap}#learn .ds-days i,#learn .ds-key i{display:inline-block;width:11px;height:16px;margin-right:2px;border-radius:3px;border:1px solid var(--line);vertical-align:middle;box-sizing:border-box}
#learn th.ds-days span{display:inline-block;width:13px;font-size:9.5px;text-align:left;overflow:visible;letter-spacing:0}
#learn .b1,#learn .h1{background:var(--h1)}#learn .b2,#learn .h2{background:var(--h2)}#learn .b3,#learn .h3{background:var(--h3)}#learn .b4,#learn .h4{background:var(--h4)}#learn .b5,#learn .h5{background:var(--h5)}
#learn .ds-days i[class^=b],#learn .ds-key i[class^=b],#learn .ds-key i[class^=h]{border-color:transparent}
#learn .ds-days i.oth,#learn .ds-key i.oth{background:repeating-linear-gradient(45deg,var(--line) 0 2px,transparent 2px 4px)}
#learn .ds-key{margin:12px 0 0;font-size:12px;color:var(--muted);line-height:2}#learn .ds-key i{margin:0 4px 0 10px}
#learn .ds-flag{color:var(--no);font-weight:700}
#learn .ds-heat th small{display:block;font-weight:600;opacity:.75}
#learn .ds-heat td{padding:3px 8px;white-space:nowrap}
#learn .ds-heat td.ds-c{text-align:center;font-variant-numeric:tabular-nums;font-weight:600;min-width:46px;padding:7px 4px;border:2px solid var(--card);border-radius:8px;color:var(--ink)}
#learn .ds-heat td.na{color:var(--muted);font-weight:400}#learn .ds-heat td.tot{font-weight:800}
#learn .ds-heat td em{font-style:normal;font-size:9px;color:var(--no);margin-left:2px;vertical-align:1px}
#learn .ds-heat tr.ds-avg td{border-top:1px solid var(--line);font-weight:800;padding-top:8px}
#learn .ds-hard details summary{cursor:pointer;line-height:1.5}#learn .ds-hard details p{margin:8px 0 0;font-size:13.5px;line-height:1.55;color:var(--muted)}#learn .ds-hard details p b{color:var(--ink)}
#learn #ds-tip{position:fixed;z-index:50;background:var(--ink);color:var(--card);font-size:12px;font-weight:600;padding:5px 9px;border-radius:7px;pointer-events:none;max-width:260px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
#learn .q-meta .lc-link{font-size:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit}
#learn table.ds-hard{table-layout:fixed}#learn .ds-hard th:first-child{width:76px}#learn .ds-hard th:last-child{width:96px}#learn .ds-hard td{vertical-align:top;overflow-wrap:anywhere}
/* the site's global table chrome (grey header band, row hover, sticky heads) does not belong inside the Learning Center */
#learn thead th{background:transparent;position:static}
#learn tbody tr:hover{background:transparent}
#learn .ds-heat td.ds-c{white-space:nowrap}