.learning-resource{color:var(--text);background:var(--bg);font-family:"DM Sans",Arial,sans-serif}.resource-hero{padding:145px 0 54px;background:var(--bg-alt);border-bottom:1px solid #dce4f0}.resource-hero .container,.resource-body{max-width:1000px;width:calc(100% - 40px);margin-inline:auto}.resource-breadcrumb{font-size:.9rem;margin-bottom:25px}.learning-resource a:not(.btn-blue){color:var(--blue);text-decoration:underline;text-underline-offset:3px}.resource-eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#795116}.resource-hero h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1.17;max-width:850px;margin:14px 0 20px}.resource-intro{font-size:1.12rem;max-width:760px;line-height:1.7}.learning-resource .resource-body{padding-top:42px!important;padding-bottom:65px!important;font-size:1.05rem;line-height:1.8}.resource-body p{margin:0 0 20px}.resource-body h2{font-size:1.6rem;line-height:1.3;margin:42px 0 18px;scroll-margin-top:110px}.resource-body h3{font-size:1.2rem;margin:25px 0 12px}.resource-body ul,.resource-body ol{padding-left:25px;margin-bottom:25px}.resource-body li{margin-bottom:12px}.resource-contents{display:flex;flex-wrap:wrap;gap:12px 24px;padding:22px;background:var(--bg-alt);border-radius:12px}.resource-contents strong{flex-basis:100%}.resource-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:30px 0}.resource-card{padding:26px;border:1px solid var(--border);border-radius:16px}.resource-card h2{margin:12px 0;font-size:1.35rem}.resource-table-wrap{overflow-x:auto;margin:24px 0}.resource-table-wrap table{width:100%;border-collapse:collapse;font-size:.97rem}.resource-table-wrap caption{text-align:left;font-weight:700;margin-bottom:12px}.resource-table-wrap th,.resource-table-wrap td{border:1px solid var(--border);padding:16px;text-align:left;vertical-align:top;min-width:140px}.resource-table-wrap th{background:var(--bg-alt)}.resource-equation{padding:20px;background:var(--bg-alt);border-left:3px solid #b67a20;font-family:Georgia,serif;font-size:1.15rem;overflow-wrap:anywhere}.resource-solution{padding:22px;border:1px solid var(--border);border-radius:12px}.resource-solution summary{cursor:pointer;font-weight:700}.resource-solution[open] summary{margin-bottom:18px}.resource-next{background:var(--bg-alt);padding:28px;border-radius:16px;margin-top:44px}.resource-next h2{margin-top:0}.resource-next .btn-blue{margin:8px 18px 8px 0}.learning-resource :focus-visible{outline:3px solid #b67a20;outline-offset:4px}@media(max-width:640px){.resource-hero{padding-top:112px}.resource-cards{grid-template-columns:1fr}.resource-body{font-size:1rem}.resource-card,.resource-next{padding:20px}.resource-table-wrap th,.resource-table-wrap td{padding:12px;min-width:120px}}

/* Match the existing course-page hero and honour the site's theme switch. */
.learning-resource .resource-hero{background:linear-gradient(135deg,rgba(5,14,43,.98),rgba(10,25,66,.96) 58%,rgba(22,50,112,.94));border-bottom:4px solid var(--gold);color:#fff}
.learning-resource .resource-hero h1{font-family:var(--font-display);color:#fff}
.learning-resource .resource-hero a{color:#fff}
.learning-resource .resource-hero .resource-eyebrow,.learning-resource .resource-hero [aria-current]{color:var(--gold-light)}
.learning-resource .resource-intro{color:#dbeafe}
.learning-resource .resource-card,.learning-resource .resource-solution{background:var(--surface)}
[data-theme="dark"] .learning-resource a:not(.btn-blue){color:#93c5fd}
[data-theme="dark"] .learning-resource .resource-eyebrow{color:var(--gold-light)}
[data-theme="dark"] .learning-resource .resource-hero a{color:#fff}

/* Resource directory follows the course pages' panels, route cards and hierarchy. */
.resource-section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:end;margin-bottom:28px}
.learning-resource .resource-section-heading h2{margin:10px 0 0;font-size:clamp(1.65rem,2.5vw,2.15rem);letter-spacing:-.035em}
.resource-section-heading>p{color:var(--text-mid);font-size:1rem;line-height:1.7;margin:0}
.learning-resource .resource-cards{margin:0;gap:24px}
.learning-resource a.resource-card-link{display:flex;flex-direction:column;color:var(--text);text-decoration:none;padding:30px;border-radius:22px;border:1px solid var(--border);border-top:3px solid var(--blue);box-shadow:0 8px 28px #10244006;transition:transform .2s,border-color .2s,box-shadow .2s}
.learning-resource a.resource-card-link:nth-child(2){border-top-color:var(--gold)}
.resource-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:26px}
.resource-symbol{display:grid;place-items:center;min-width:66px;height:62px;padding:0 12px;border:1px solid var(--border);border-radius:16px;background:var(--bg-alt);font-size:1.2rem;font-weight:700;color:var(--blue)}
.resource-card:nth-child(2) .resource-symbol{font-family:Georgia,serif;font-size:2.2rem;color:var(--gold)}
.resource-card-type{font-size:.75rem;color:var(--text-mid);font-weight:600}
.learning-resource .resource-card h3{font-size:1.5rem;letter-spacing:-.025em;line-height:1.3;margin:0 0 16px;color:var(--text)}
.resource-card .resource-eyebrow{margin:0 0 12px;font-size:.72rem}
.resource-card-description{font-size:.98rem;line-height:1.8;color:var(--text-mid);flex:1}
.resource-card-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--border);padding-top:20px;margin-top:8px;font-size:.85rem;font-weight:700;color:var(--blue)}
.resource-card-footer>span:last-child{font-size:1.3rem}
.learning-resource a.resource-card-link:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 14px 32px #10244012}
.resource-practice{display:grid;grid-template-columns:1fr 1fr;gap:54px;padding:60px 0 20px;margin-top:54px;border-top:1px solid var(--border)}
.learning-resource .resource-practice h2{margin:12px 0 20px;font-size:clamp(1.5rem,2.2vw,1.9rem);line-height:1.3;letter-spacing:-.025em}
.resource-practice p{color:var(--text-mid);font-size:1rem}
.learning-resource .resource-steps{list-style:none;padding:0;margin:0}
.resource-steps li{display:grid;grid-template-columns:32px 1fr;gap:18px;border-bottom:1px solid var(--border);padding:0 0 20px;margin:0 0 20px}
.resource-steps li>span{color:var(--blue);font-size:.85rem;font-weight:700;padding-top:2px}
.learning-resource .resource-steps h3{margin:0 0 6px;font-size:1rem}
.resource-steps li p{margin:0;font-size:.92rem;line-height:1.7}
.learning-resource .resource-next{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;background:linear-gradient(135deg,#102440,#1d4269);border:1px solid #294e77;padding:36px;border-radius:24px;color:#fff}
.learning-resource .resource-next h2{font-size:clamp(1.5rem,2.2vw,2rem);letter-spacing:-.025em;line-height:1.25;color:#fff}
.learning-resource .resource-next p{color:#d0deee;font-size:.98rem}
.learning-resource .resource-next .resource-eyebrow{color:#f5ce83;font-size:.72rem}
.resource-support-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px}
.learning-resource .resource-support-actions .btn-blue{background:#f5ce83!important;color:#142c4c!important;box-shadow:none;margin:0;border-radius:12px;font-size:.9rem;display:inline-flex;gap:18px;align-items:center}
.learning-resource .resource-support-actions>a:not(.btn-blue){color:#e4f2ff;font-size:.9rem}
.resource-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:center}
.learning-resource .resource-course-grid a{display:block;padding:18px 16px;background:#ffffff0a;border:1px solid #ffffff2b;border-radius:14px;color:#fff;text-decoration:none;transition:background .2s,border-color .2s}
.resource-course-grid a>span{display:block;font-size:.68rem;line-height:1.45;color:#c3d5eb;margin-bottom:12px}
.resource-course-grid strong{display:flex;align-items:center;justify-content:space-between;font-size:1.15rem;color:#fff}
.resource-course-grid strong span{color:#f5ce83;font-weight:400}
.learning-resource .resource-course-grid a:hover{background:#ffffff15;border-color:#f5ce83}
@media(max-width:700px){.resource-section-heading,.resource-practice,.learning-resource .resource-next{grid-template-columns:1fr;gap:24px}.learning-resource a.resource-card-link{padding:24px}.resource-section-heading>p{font-size:.95rem}.resource-practice{padding-top:36px;margin-top:36px}.learning-resource .resource-next{padding:26px 22px}.resource-support-actions{gap:16px}.resource-course-grid a{padding:16px 12px}.resource-card-top{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.learning-resource a.resource-card-link{transition:none}.learning-resource a.resource-card-link:hover{transform:none}}