.pr99-workbook{--pr99-bg:#17233f;--pr99-raised:#1d2a45;--pr99-text:#f6f5ef;--pr99-muted:#c0c9da;--pr99-rim:#aebed13d;--pr99-accent:#e9cf94;--pr99-neutral:#bac6d8;--pr99-done-bg:#123028;--pr99-done-border:#4ec38a;--pr99-done-pill:#1b4735;--pr99-done-text:#b7f3d0;--pr99-done-icon:#64dda1;--pr99-done-check:#0e1836;--pr99-start-bg:#352b18;--pr99-start-border:#d8b967;--pr99-start-text:#f7dba1;--pr99-shadow:0 12px 32px #060e2218;width:100%;max-width:1080px;margin:0 auto;padding:32px 24px 64px;font-family:Nunito,'Segoe UI',sans-serif;color:var(--pr99-text)}
html[data-theme=light] .pr99-workbook{--pr99-bg:#fffefd;--pr99-raised:#f3f2ed;--pr99-text:#0e1836;--pr99-muted:#4e5a70;--pr99-rim:#c8cddd;--pr99-accent:#805e1c;--pr99-neutral:#738096;--pr99-done-bg:#edf8f0;--pr99-done-border:#27864d;--pr99-done-pill:#dcf2e3;--pr99-done-text:#14532d;--pr99-done-icon:#15803d;--pr99-done-check:#fff;--pr99-start-bg:#fff5de;--pr99-start-border:#a47c20;--pr99-start-text:#775014;--pr99-shadow:0 12px 30px #26334c09}
html body .pr99-workbook a,html body .pr99-workbook a:hover,html body .pr99-workbook a:focus,html body .pr99-workbook a:visited{ text-decoration:none!important;text-decoration-line:none!important;border-bottom:0}
.pr99-back{display:inline-block;color:var(--pr99-accent);font-size:14px;font-weight:800;padding:8px 0;margin-bottom:18px}
.pr99-hero{margin-bottom:26px}
.pr99-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--pr99-accent);margin:0 0 10px}
.pr99-hero h1{font-family:Nunito,'Segoe UI',sans-serif;font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.15;letter-spacing:-.03em;margin:0;color:var(--pr99-text)}
.pr99-description{font-size:18px;line-height:1.7;max-width:72ch;color:var(--pr99-muted);margin:16px 0 0}
.pr99-summary{background:var(--pr99-bg);border:1px solid var(--pr99-rim);border-radius:22px;padding:22px 25px;box-shadow:var(--pr99-shadow);margin-bottom:25px}
.pr99-summary-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}
.pr99-summary h2{font-family:Nunito,'Segoe UI',sans-serif;font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.35;margin:0;color:var(--pr99-text)}
.pr99-percent{font-size:16px;font-weight:800;color:var(--pr99-done-text);background:var(--pr99-done-pill);padding:4px 10px;border-radius:9px}
.pr99-progress{height:9px;border-radius:20px;background:var(--pr99-raised);overflow:hidden}
.pr99-progress>span{display:block;height:100%;background:var(--pr99-done-border);border-radius:inherit;transition:width .25s ease}
.pr99-breakdown{font-size:13px;font-weight:600;color:var(--pr99-muted);line-height:1.5;margin:13px 0 0}
.pr99-breakdown span{padding:0 5px}
.pr99-lessons{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.pr99-lessons>li{margin:0;padding:0;min-width:0}
.pr99-lesson-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:20px;align-items:center;min-height:115px;background:var(--pr99-bg);border:1px solid var(--pr99-rim)!important;border-left:5px solid transparent!important;border-radius:20px;padding:23px 24px;color:var(--pr99-text)!important;box-shadow:var(--pr99-shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.pr99-lesson-card[data-status=completed]{background:var(--pr99-done-bg);border-left-color:var(--pr99-done-border)!important}
.pr99-lesson-card[data-status=in-progress]{border-left-color:var(--pr99-start-border)!important}
.pr99-status-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--pr99-neutral);color:var(--pr99-neutral);font-family:'DejaVu Sans',sans-serif;font-size:26px;font-weight:800;line-height:1}
[data-status=completed]>.pr99-status-icon{background:var(--pr99-done-icon);border-color:var(--pr99-done-icon);color:var(--pr99-done-check)}
[data-status=in-progress]>.pr99-status-icon{border-color:var(--pr99-start-border);background:var(--pr99-start-bg);color:var(--pr99-start-text)}
.pr99-lesson-copy{display:block;min-width:0}
.pr99-lesson-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px;margin-bottom:9px;line-height:1.5}
.pr99-lesson-number{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--pr99-muted)}
.pr99-unit{font-size:12px;font-weight:700;color:var(--pr99-accent)}
.pr99-lesson-title{display:block;font-size:22px;font-weight:800;line-height:1.3;letter-spacing:-.02em;color:var(--pr99-text)}
.pr99-status-pill{justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:5px 12px;border:1px solid var(--pr99-neutral);border-radius:999px;font-size:12px;line-height:1.3;font-weight:800;white-space:nowrap;color:var(--pr99-muted);background:transparent}
[data-status=completed]>.pr99-status-pill{background:var(--pr99-done-pill);border-color:var(--pr99-done-border);color:var(--pr99-done-text)}
[data-status=in-progress]>.pr99-status-pill{background:var(--pr99-start-bg);border-color:var(--pr99-start-border);color:var(--pr99-start-text)}
.pr99-lesson-card:focus-visible{outline:3px solid #e9cf94;outline-offset:4px}
@media(hover:hover){.pr99-lesson-card:hover{transform:translateY(-2px);box-shadow:0 15px 35px #060e2224}}
@media(max-width:600px){.pr99-workbook{padding:18px 16px 44px}.pr99-back{font-size:13px;margin-bottom:15px}.pr99-hero{margin-bottom:23px}.pr99-hero h1{font-size:34px}.pr99-description{font-size:16px;line-height:1.65;margin-top:12px}.pr99-summary{padding:19px 18px;border-radius:18px;margin-bottom:20px}.pr99-summary h2{font-size:19px}.pr99-lessons{gap:13px}.pr99-lesson-card{grid-template-columns:40px minmax(0,1fr);gap:11px 15px;align-items:start;min-height:147px;padding:20px 17px;border-radius:18px}.pr99-status-icon{width:38px;height:38px;font-size:23px;margin-top:2px}.pr99-lesson-meta{gap:3px;margin-bottom:8px;align-items:flex-start;flex-direction:column}.pr99-lesson-number{font-size:10px}.pr99-unit{font-size:11px}.pr99-lesson-title{font-size:20px;line-height:1.3}.pr99-status-pill{grid-column:2;justify-self:start;min-height:29px;font-size:12px;padding:5px 11px}.pr99-percent{font-size:14px}}
@media(prefers-reduced-motion:reduce){.pr99-workbook *{transition:none!important;animation:none!important}.pr99-lesson-card:hover{transform:none}}

/* Do not let the legacy mobile anchor tap-target rule collapse the status grid. */
.pr99-workbook a.pr99-lesson-card{display:grid!important}
.pr99-status-icon{flex-shrink:0;aspect-ratio:1/1}

html[data-theme=light] .pr99-lesson-card:focus-visible{outline-color:#0e1836}
