/* Learn Accounting course pages (written by scripts/build_learn.py). Colors are the site's tokens from /assets/site.css. */
.lr{--lr-col:760px;--lr-okbg:#EEF8F1;--lr-okline:#9ED9B5;--lr-nobg:#EEF3FC;--lr-noline:#A9C1EA;padding:28px 0 56px}
.lr .wrap{max-width:calc(var(--lr-col) + 40px)}.lr-home .wrap{max-width:1160px}
.lr-crumb ol{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:14px;color:var(--muted)}
.lr-crumb li+li::before{content:"/";margin-right:8px;color:var(--muted)}.lr-crumb a{color:var(--teal-d)}
.lr h1{font-size:clamp(34px,5vw,52px);margin-bottom:10px}.lr .lead{font-size:18px;color:var(--ink);max-width:62ch}
.lr-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:var(--muted);font-weight:700;margin:0 0 14px}
.lr-chips{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.lr-chips b{font-size:13px;color:var(--muted);margin-right:2px}
.lr-chips li{border:1px solid #BFE3E8;background:#F1FAFB;color:#0A5C68;border-radius:999px;padding:3px 12px;font-size:13.5px;font-weight:700}
.lr-sec{margin-top:34px}.lr-sec h2,.lr-try h2,.lr-terms h2,.lr-quiz h2{font-size:clamp(26px,3vw,32px)}
.lr-sec p,.lr-sec li{max-width:68ch}.lr-sec ul{padding-left:22px;margin:0 0 1em}.lr-sec li{margin:4px 0}
.lr-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:14px;margin:14px 0 18px;background:#fff;max-width:100%}
.lr-scroll:focus-visible{outline:3px solid var(--purple);outline-offset:2px}
.lr-tbl{min-width:420px}.lr-tbl th{background:var(--soft)}.lr-tbl tr:last-child td{border-bottom:0}
.lr-je{margin:16px 0 20px}.lr-je .lr-scroll{margin:0}
.lr-je-t{width:100%;min-width:440px;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
.lr-je-t caption{text-align:left;padding:12px 14px;font-weight:800;background:var(--soft);border-bottom:1px solid var(--line)}
.lr-je-tag{display:inline-block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--teal-d);border-radius:999px;padding:2px 9px;margin-right:8px;vertical-align:2px}
.lr-je-date{color:var(--muted);font-weight:700;margin-right:4px}
.lr-je-t th,.lr-je-t td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left}.lr-je-t thead th{font-size:13px;color:var(--muted)}
.lr-je-t .num{text-align:right;white-space:nowrap;width:1%;min-width:7.5em}.lr-je-t tbody th{font-weight:600}
.lr-je-t tr.cr th{padding-left:44px}/* credits are indented, the way a journal is written */
.lr-je-t tfoot th,.lr-je-t tfoot td{border-bottom:0;border-top:2px solid var(--ink);font-weight:800}
.lr-ok{display:inline-block;margin-left:8px;font-size:12px;font-weight:800;color:var(--good);background:var(--lr-okbg);border:1px solid var(--lr-okline);border-radius:999px;padding:1px 8px}
.lr-ok::before{content:"\2713  "}
.lr-je-memo{font-size:14px;color:var(--muted);margin:8px 2px 0}
.lr-walk caption{text-align:left;padding:10px 14px;font-weight:800;background:var(--soft);border-bottom:1px solid var(--line)}
.lr-chip{display:inline-block;border-radius:9px;padding:1px 10px;font-weight:800}.lr-chip.a{color:#0B6E7C;background:#E6F5F7}.lr-chip.e{color:#5B42D6;background:#F1EEFF}.lr-chip.r{color:#1B7A3A;background:#EAF6E6}
.lr-pm{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#0B6E7C;color:#fff;font-weight:800;line-height:1;vertical-align:1px}.lr-pm.dn{background:var(--ink)}
.lr-check{border:2px dashed #9ED9E0;background:#F4FBFC;border-radius:16px;padding:14px 18px;margin:16px 0 20px}.lr-check>p{margin:0 0 8px}
.lr-check summary{cursor:pointer;font-weight:800;color:var(--teal-d);min-height:44px;display:flex;align-items:center}.lr-check details[open] summary{margin-bottom:6px}
.lr-cheat{margin:18px 0 22px;padding:26px 22px;border:1px solid var(--line);border-radius:22px;background:#FBFCFD}
@media (max-width:560px){.lr-cheat{padding:20px 12px;margin-left:-6px;margin-right:-6px}}
.lr-formula{border-left:5px solid var(--teal);background:#F1FAFB;border-radius:0 14px 14px 0;padding:12px 18px;margin:16px 0 18px}
.lr-formula span{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#0A5C68}
.lr-formula p{margin:2px 0 0;font:400 clamp(20px,2.6vw,26px)/1.3 "DM Serif Display",Georgia,serif;max-width:none;overflow-wrap:anywhere}
.lr-shot{margin:18px 0 22px}.lr-shot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(22,33,46,.10);background:var(--soft)}
.lr-zoom{display:block;border-radius:14px}.lr-zoom:hover img{border-color:var(--teal)}
.lr-shot figcaption{font-size:14.5px;color:var(--muted);margin-top:10px;max-width:68ch}
.lr-try{margin-top:40px;border:1.5px solid var(--teal);border-radius:20px;padding:22px 24px;background:#F7FCFD}
.lr-try ol{padding-left:22px;margin:0 0 16px}.lr-try li{margin:6px 0;max-width:66ch}.lr-try .note{margin:10px 0 0;font-size:14px;color:var(--muted)}
.lr-terms{margin-top:40px}.lr-terms dl{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.lr-terms dl>div{padding:12px 16px;border-bottom:1px solid var(--line)}.lr-terms dl>div:last-child{border-bottom:0}.lr-terms dt{font-weight:800}.lr-terms dd{margin:2px 0 0;color:var(--ink)}
.lr-quiz{margin-top:40px}.qz-q{border:1px solid var(--line);border-radius:16px;padding:16px 18px 14px;margin:0 0 16px;min-width:0}
.qz-q legend{float:left;width:100%;font-weight:800;font-size:17px;padding:0;margin:0 0 4px}.qz-q legend+*{clear:both}.qz-n{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:800}
.qz-os{display:grid;gap:8px;margin-top:8px}
.qz-o{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;background:#fff}
.qz-o:hover{border-color:var(--teal)}.qz-o input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--teal-d)}
.qz-o:focus-within{outline:3px solid var(--purple);outline-offset:2px}.qz-o input:focus-visible{outline:none}
.qz-o.is-right{border-color:var(--good);background:var(--lr-okbg)}.qz-o.is-wrong{border-color:var(--bad);background:var(--lr-nobg)}
.qz-o.is-right span::after{content:"  \2713  Right answer";font-weight:800;color:var(--good)}.qz-o.is-wrong span::after{content:"  \2717  Your answer";font-weight:800;color:var(--bad)}
.qz-fb:empty{display:none}.qz-fb{margin-top:12px;border-radius:12px;padding:10px 14px;font-size:15px}
.qz-fb.ok{background:var(--lr-okbg);border:1px solid var(--lr-okline);color:#14532D}.qz-fb.no{background:var(--lr-nobg);border:1px solid var(--lr-noline);color:#173F7A}
.qz-fb p{margin:2px 0 0;max-width:none}.qz-score{font-weight:800;margin:4px 0 0}.qz-score:empty{display:none}
.lr-done{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.lr-done .btn[aria-pressed="true"]{border-color:var(--good);color:var(--good);background:var(--lr-okbg)}
.lr-pn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
.lr-pn a{display:block;border:1px solid var(--line);border-radius:16px;padding:14px 16px;text-decoration:none;color:var(--ink);background:#fff}.lr-pn a:hover{border-color:var(--teal)}
.lr-pn span{display:block;font-size:13px;font-weight:800;color:var(--muted)}.lr-pn b{font-weight:700}.lr-pn .next{text-align:right;grid-column:2}
/* course home */
.lr-ctas{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 6px}
.lr-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
.lr-lv{border:1px solid var(--line);border-radius:20px;padding:22px 22px 14px;background:#fff;min-width:0}
.lr-lv h2{font-size:clamp(26px,2.8vw,32px);margin-bottom:4px}.lr-lv-tag{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:800;color:var(--muted);display:flex;justify-content:space-between;gap:10px}
.lr-lv>p{margin:0 0 10px}.lr-lv ol{list-style:none;padding:0;margin:0}
.lr-lv li a{display:grid;grid-template-columns:auto 2.6em minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:10px 4px;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}
.lr-lv li a:hover b{color:var(--teal-d);text-decoration:underline}.lr-lv li .n{font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}.lr-lv li b{font-weight:700}.lr-lv li .m{font-size:13.5px;color:var(--muted);white-space:nowrap}
.lr-dot{width:12px;height:12px;border-radius:50%;border:2px solid #8A97A6;align-self:start;margin-top:7px;display:inline-block}
[data-lesson].done .lr-dot{background:var(--good);border-color:var(--good)}
.lr-soon{border-style:dashed;background:var(--soft)}.lr-soon p{color:var(--muted)}
.lr-cta{margin-top:34px;border-radius:20px;padding:24px;background:var(--soft);border:1px solid var(--line)}.lr-cta h2{font-size:clamp(26px,3vw,32px)}
/* the course video: a poster button until play is pressed (nothing loads from YouTube before that), chapters beside it */
.lr-vid{margin:26px 0 8px;border:1px solid var(--line);border-radius:22px;padding:22px;background:#fff}.lr-vid h2{font-size:clamp(24px,2.8vw,32px);margin-bottom:4px}.lr-vid>p{margin:0 0 14px}
.lr-vid-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:18px;align-items:start}
.lr-player{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#0E1A24}
.lr-player iframe,.lr-play,.lr-play img{position:absolute;inset:0;width:100%;height:100%;border:0}.lr-play{padding:0;cursor:pointer;background:none}.lr-play img{object-fit:cover}
.lr-play-ic{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:rgba(14,26,36,.82);box-shadow:0 6px 24px rgba(0,0,0,.35)}
.lr-play-ic::after{content:"";position:absolute;left:34px;top:26px;border-style:solid;border-width:16px 0 16px 26px;border-color:transparent transparent transparent #fff}
.lr-play:hover .lr-play-ic,.lr-play:focus-visible .lr-play-ic{background:var(--teal-d)}.lr-play:focus-visible{outline:3px solid var(--teal-d);outline-offset:3px}
.lr-chaps{border:1px solid var(--line);border-radius:16px;padding:12px 6px 6px 14px;min-width:0}.lr-chaps h3{font-size:18px;margin:0 0 6px}
.lr-chaps ol{list-style:none;margin:0;padding:0 8px 0 0;max-height:min(330px,52vh);overflow:auto}
.lr-chaps a{display:grid;grid-template-columns:4.2em minmax(0,1fr);gap:8px;padding:6px 4px;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:14.5px;line-height:1.35}
.lr-chaps a:hover span+span,.lr-chaps a[aria-current] span+span{color:var(--teal-d);text-decoration:underline}.lr-chaps .t,.lr-tr .t{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700}
.lr-vid-note{font-size:14px;color:var(--muted);margin:12px 0 0}.lr-vid-note a{color:var(--teal-d)}
.lr-tr section{margin-top:26px}.lr-tr h2{font-size:clamp(22px,2.6vw,28px)}.lr-tr p{margin:0 0 10px;max-width:70ch}
@media (max-width:860px){.lr-vid-grid{grid-template-columns:minmax(0,1fr)}.lr-chaps ol{max-height:300px}}
@media (max-width:560px){.lr-vid{padding:16px 14px}}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* the course's own header (its own small site, like /videos/): brand + short nav; on phones a Menu button opens the nav */
.lr-hd .brand span{color:#253b7f;font-weight:700}.lr-hd nav a[aria-current]{color:var(--teal-d)}.lr-hd .lr-certnav{font-weight:800;color:#0B6E7C}
.lr-menu{display:none;margin-left:auto;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:700 15px Manrope,sans-serif;cursor:pointer}
.lr-burger,.lr-burger::before,.lr-burger::after{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;position:relative}
.lr-burger::before,.lr-burger::after{content:"";position:absolute;left:0}.lr-burger::before{top:-6px}.lr-burger::after{top:6px}
.lr-menu[aria-expanded="true"] .lr-burger{background:transparent}.lr-menu[aria-expanded="true"] .lr-burger::before{top:0;transform:rotate(45deg)}.lr-menu[aria-expanded="true"] .lr-burger::after{top:0;transform:rotate(-45deg)}
@media (max-width:1020px){.lr-hd nav{gap:14px}.lr-hd nav a{font-size:14px}}
@media (max-width:900px){.lr-hd .wrap{position:relative}.lr-menu{display:inline-flex}
 .lr-hd nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:6px 16px 12px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 14px 30px rgba(22,33,46,.12)}
 .lr-hd.open nav{display:flex}.lr-hd nav a{font-size:16px;padding:12px 4px;border-top:1px solid var(--line);min-height:44px}.lr-hd nav a:first-child{border-top:0}}
/* course home: the hero with the search and Get certified (the same aside as /videos/), the level chips */
.lr-home{padding-top:0}
.lr-hero{background-color:#253b7f;background-image:radial-gradient(900px 420px at 90% -20%,rgba(23,173,207,.35),transparent 70%),linear-gradient(135deg,#1d2f68,#253b7f 60%,#2b4a96);color:#fff;padding:30px 0 40px}
.lr-herog{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:36px;align-items:center}
.lr-hero h1{color:#fff}.lr-hero .lead{color:#DCE5F7}.lr-hero .note{color:#DCE5F7;margin:6px 0 0}.lr-hero .lr-ask a{color:#fff;font-weight:800;text-underline-offset:3px}
.lr-hero .lr-crumb ol{color:#DCE5F7}.lr-hero .lr-crumb li+li::before{color:#BFD0EE}.lr-hero .lr-crumb a{color:#fff}
.lr-search{margin-top:22px}.lr-search label{display:block;font-weight:800;margin-bottom:6px;color:#fff}
.lr-search-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.lr-search input{flex:1 1 300px;max-width:520px;min-width:0;font:500 16px Manrope,sans-serif;padding:13px 16px;border-radius:14px;border:2px solid transparent;background:#fff;color:var(--ink)}
.lr-search input:focus{outline:none;border-color:#17adcf;box-shadow:0 0 0 4px rgba(23,173,207,.45)}
.lr-count{font-size:14px;color:#DCE5F7}
.lr-cert{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:20px 22px}
.lr-cert-tag{margin:0;font:800 12px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#9FE7F0}
.lr-cert h2{color:#fff;font-size:30px;margin:4px 0 6px}.lr-cert p{color:#DCE5F7;margin:0 0 12px;font-size:15px}
.lr-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
.lr-badges a{display:grid;justify-items:center;gap:2px;text-decoration:none;color:#fff;padding:8px 4px;border-radius:14px}
.lr-badges a:hover,.lr-badges a:focus-visible{background:rgba(255,255,255,.12)}.lr-badges img{width:86px;max-width:100%;height:auto;filter:drop-shadow(0 6px 12px rgba(0,0,0,.25))}
.lr-badges b{font-size:14px}.lr-badges span{font-size:13px;color:#BFD0EE}
.lr-cert-acts{display:flex;gap:8px;flex-wrap:wrap}.lr-cert-acts .btn{flex:1;justify-content:center}.lr-cert-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.lr-all{scroll-margin-top:80px}
.lr-lvnav{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.lr-lvnav a{font:700 14px Manrope,sans-serif;text-decoration:none;color:#253b7f;background:#EEF2FB;border-radius:999px;padding:9px 16px;min-height:40px;display:inline-flex;align-items:center;gap:6px}
.lr-lvnav a:hover{background:#E1F5FA;color:#0B6E7C}.lr-lvnav b{font-weight:800}
.lr-lv{scroll-margin-top:84px}.lr-lv li .s{display:none}
.lr-searching .lr-lv li .s{display:block;grid-column:3/-1;font-size:14px;color:var(--muted);margin-top:-4px}
.lr-searching .lr-lvnav{display:none}
.lr-none{margin:24px 0 0;border:1.5px dashed var(--line);border-radius:18px;padding:24px;text-align:center;color:var(--muted)}
@media (max-width:900px){.lr-herog{grid-template-columns:minmax(0,1fr);gap:24px}}
/* lesson pages: the lessons menu beside the lesson (above it on a phone, folded up) */
.lr-lesson .wrap{max-width:1160px}
.lr-lgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.lr-lmain{min-width:0;max-width:var(--lr-col)}
.lr-side{border:1px solid var(--line);border-radius:16px;background:#fff}
.lr-side>summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;align-items:center;min-height:48px;padding:10px 16px;cursor:pointer;font-weight:800;list-style:none}
.lr-side>summary::-webkit-details-marker{display:none}.lr-side>summary::after{content:"";width:9px;height:9px;border:solid var(--ink);border-width:0 2px 2px 0;transform:rotate(45deg);margin-left:auto}
.lr-side[open]>summary::after{transform:rotate(-135deg)}.lr-side-at{font-size:13.5px;font-weight:700;color:var(--muted)}
.lr-side-nav{padding:0 8px 10px;border-top:1px solid var(--line)}
.lr-sl>summary{cursor:pointer;font-weight:800;font-size:15px;line-height:1.3;padding:10px 8px;min-height:44px;display:flex;gap:10px;align-items:flex-start;list-style:none;color:#253b7f}
.lr-sl>summary::-webkit-details-marker{display:none}.lr-sl>summary::before{content:"";flex:none;width:7px;height:7px;margin:5px 2px 0;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(-45deg)}.lr-sl[open]>summary::before{transform:rotate(45deg)}
.lr-sl-n{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.lr-sl ol{list-style:none;margin:0 0 6px;padding:0}
.lr-sl a{display:grid;grid-template-columns:auto 2.4em minmax(0,1fr);gap:8px;align-items:baseline;padding:7px 8px;border-radius:10px;text-decoration:none;color:var(--ink);font-size:14.5px;line-height:1.35}
.lr-sl a:hover{background:var(--soft)}.lr-sl a:hover .t{text-decoration:underline}.lr-sl .n{font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}
.lr-sl a[aria-current]{background:#E6F5F7;color:#0A5C68;font-weight:800}.lr-sl a[aria-current] .n{color:#0A5C68}
.lr-sl .lr-dot{width:10px;height:10px;align-self:start;margin-top:5px}
.lr-side-home{margin:8px 8px 0;font-size:14px;font-weight:700}.lr-side-home a{color:var(--teal-d)}
@media (min-width:1000px){.lr-lgrid{grid-template-columns:270px minmax(0,1fr);gap:44px;align-items:start}
 .lr-side-at{display:none}.lr-lside{position:sticky;top:82px;max-height:calc(100vh - 100px);overflow:auto;overscroll-behavior:contain;border-radius:16px}}
@media (max-width:860px){.lr-levels{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.lr .wrap{padding:0 16px}.lr{padding-top:18px}.lr-home{padding-top:0}.lr-hero{padding:22px 0 30px}.lr-cert{padding:18px 16px}.lr-try{padding:18px 16px}.qz-q{padding:14px 12px 12px}.lr-pn{grid-template-columns:minmax(0,1fr)}.lr-pn .next{grid-column:auto}
 .lr-lv{padding:18px 16px 10px}.lr-lv li a{grid-template-columns:auto 2.4em minmax(0,1fr);}.lr-lv li .m{grid-column:3}.lr-ctas .btn{flex:1 1 100%}}