header nav{display:flex;gap:20px;flex-wrap:wrap}.free-cta{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:14px 20px;background:#eaf1ff;font-size:13px}.free-cta span{font-weight:650}.join-actions{display:grid;gap:12px;flex-shrink:0}.hero-summary{display:none}.hero{grid-template-columns:1fr}.hero p{max-width:720px}@media(max-width:600px){header nav{gap:8px}.free-cta{gap:8px 18px}.join-actions{width:100%}}body #main{background:#f7f8fa!important;color:#172a38!important;border-radius:0 0 24px 24px}body #main :is(h1,h2,h3,strong,legend,label,.progress-meta,.summary-number,.question-label,.term>span,.section-heading>span){color:#172a38!important}body #main p,body #main small,body #main .notice{color:#586b79!important}body #main .eyebrow,body #main h1 em{color:#1558d6!important}body #main .practice-banner :is(h2,p,.eyebrow){color:#fff!important}body #main .answer-option,body #main .lesson-row,body #main .lesson-sidebar button{color:#172a38!important}body #main .button,body #main button:not(.text-button):not(.lesson-row):not([data-lesson]){color:#fff!important}body #main .secondary{color:#172a38!important}body #main button:disabled{color:#586b79!important}body .free-cta,body .free-cta span{color:#172a38!important}body .free-cta a{color:#1558d6!important}body #main .notice strong{color:#172a38!important}body #main input[type=radio]{background:white!important}
html body #main .chips span{color:#586b79!important}html body #main .notice{background:#eef2f6!important}html body #main .notice,html body #main .notice *{color:#405463!important}html body #main button:not(.text-button):not(.lesson-row):not([data-lesson]),html body #main a.button:not(.secondary){background:#1558d6!important;color:#fff!important}html body #main button:disabled{background:#edf0f3!important;color:#586b79!important}html body #main .text-button,html body #main .lesson-row,html body #main .lesson-sidebar button{background:transparent!important;color:#172a38!important}html body #main .lesson-sidebar button[aria-current]{background:#e5edfc!important;color:#1558d6!important}html body #public-actions a{color:#1558d6!important}html body #main fieldset,html body #main .term,html body #main .lesson-list,html body #main .course-aside section{background:white!important}html body #main .feedback{background:#fff9eb!important;color:#172a38!important}html body #main .feedback.success{background:#edf8f2!important}html body #main .learning-goal,html body #main .exam-info{color:#172a38!important;background:#eaf0fc!important}

/* Wide-screen learning canvas; scoped to public practice. */
html body#free-learning-page{background:#f7f8fa!important;font-size:18px!important}
html body#free-learning-page #main{width:94%;max-width:1760px;padding:48px 40px 72px;border-radius:0}
html body#free-learning-page>header{max-width:none;padding:24px max(40px,calc((100vw - 1680px)/2));width:100%}
html body#free-learning-page .hero{padding:52px 56px;margin-bottom:48px}
html body#free-learning-page .hero h1{font-size:clamp(40px,3.7vw,68px);max-width:1000px}
html body#free-learning-page .hero p{font-size:19px;max-width:840px}
html body#free-learning-page .card-content{padding:36px}
html body#free-learning-page .card-content h2{font-size:32px;max-width:480px}
html body#free-learning-page .card-content p{font-size:18px;max-width:620px}
html body#free-learning-page .eyebrow{font-size:12px}
html body#free-learning-page .chips span,html body#free-learning-page .progress-meta{font-size:14px}
html body#free-learning-page .button,html body#free-learning-page button{font-size:16px}
html body#free-learning-page .lesson-layout{grid-template-columns:280px minmax(0,1fr);gap:56px}
html body#free-learning-page .lesson-content{max-width:980px}
html body#free-learning-page .reading{max-width:78ch;font-size:19px}
html body#free-learning-page .course-heading{max-width:1100px}
@media(max-width:900px){html body#free-learning-page #main{width:100%;padding:32px 24px}html body#free-learning-page .lesson-layout{grid-template-columns:1fr;gap:28px}html body#free-learning-page .hero{padding:32px}html body#free-learning-page>header{padding:22px 24px}}
@media(max-width:600px){html body#free-learning-page{font-size:16px!important}html body#free-learning-page #main{padding:24px 18px 48px}html body#free-learning-page .hero{padding:28px 24px}html body#free-learning-page .hero h1{font-size:38px}html body#free-learning-page .hero p,html body#free-learning-page .card-content p{font-size:16px}html body#free-learning-page .card-content{padding:24px}html body#free-learning-page .card-content h2{font-size:27px}html body#free-learning-page>header{padding:20px 18px;flex-wrap:wrap}}

/* Light, coordinated public learning action panels. */
html body#free-learning-page #main .practice-banner{background:#eaf1fc!important;border:1px solid #d6e2f3;box-shadow:none;padding:32px 36px;border-radius:22px;gap:32px}
html body#free-learning-page #main .practice-banner:has(.join-actions){background:#f7f3e9!important;border-color:#e6dfcf}
html body#free-learning-page #main .practice-banner h2{color:#172a38!important}
html body#free-learning-page #main .practice-banner p{color:#4b6072!important;max-width:72ch}
html body#free-learning-page #main .practice-banner .eyebrow{color:#1558d6!important}
html body#free-learning-page #main .practice-banner a.secondary{background:#fff!important;border:1px solid #c6d4e6!important;color:#172a38!important;box-shadow:none}
html body#free-learning-page #main .practice-banner a.secondary:hover{background:#f3f7ff!important;border-color:#1558d6!important}
html body#free-learning-page #main .practice-banner a:focus-visible{outline:3px solid #1558d6;outline-offset:4px}
@media(max-width:600px){html body#free-learning-page #main .practice-banner{padding:26px 24px;gap:24px}.practice-banner>a.button{width:100%;text-align:center}}