@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Playfair+Display:wght@400;600&display=swap');
:root{--bg:#fffdfb!important;--text:#262626!important;--txt:#262626!important;--muted:#595454!important;--accent:#b51b38!important;--brand:#b51b38!important;--brand-dark:#90152c!important;--card:#fff!important;--border:#e5dddd!important}
body{background:#fffdfb!important;color:#262626;font-family:Lato,Arial,sans-serif!important}
h1,h2{font-family:'Playfair Display',Georgia,serif!important;color:#90152c!important}h3{color:#262626}a{color:#90152c}a:focus-visible,button:focus-visible{outline:2px solid #b51b38;outline-offset:3px}
.resource-site-nav{box-sizing:border-box;width:100vw;max-width:none;margin-left:calc((100% - 100vw)/2);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;min-height:112px;padding:0 max(20px,calc((100vw - 1120px)/2));background:#fff;color:#262626;border-top:1px solid #e5dddd;border-bottom:1px solid #c9c9c9;margin-bottom:28px;font:16px Lato,Arial,sans-serif;position:relative;z-index:5}
.resource-site-nav .resource-brand{font:32px 'Playfair Display',Georgia,serif;color:#262626;text-decoration:none;flex-shrink:0}.resource-site-nav nav{display:flex;flex-wrap:nowrap;gap:12px;margin-left:auto;flex-shrink:0}.resource-site-nav nav a{color:#fff;text-decoration:none;white-space:nowrap}
.card,.panel,.tool-card{border-color:#e5dddd}.tab.on,.qpb.on{background:#b51b38!important;color:white!important}.card h2{border-bottom-color:#b51b38!important}.btn:not(.btn-g):not(.btn-b):not(.btn-gray){background:#b51b38}.btn:disabled{background:#ccc!important}.qo:hover{background:#faf0f1}.qo.sel{background:#f4e4e7;border-color:#b51b38}
@media(max-width:600px){.resource-site-nav{min-height:88px;padding:18px}.resource-site-nav .resource-brand{font-size:26px}.resource-site-nav nav{flex-wrap:wrap;gap:8px;font-size:14px}}@media print{.resource-site-nav{display:none}}

.box:not(.b-red):not(.b-grn){background:#f8f3f2}.think{background:#faf0f1;border-left-color:#b51b38}.resource-site-nav~.wrap{padding-bottom:48px}

/* Match the main website's black navigation on learning resources. */
.resource-site-nav nav{gap:8px 12px;align-items:center}
.resource-site-nav nav a,.tabs .tab,.qp .qpb,.nav .btn:not(:disabled){background:#171717!important;color:#fff!important;border:0;border-radius:4px;min-height:44px;padding:9px 18px;font-size:16px;line-height:1.5;text-decoration:none}
.resource-site-nav nav a{display:inline-flex;align-items:center;justify-content:center;text-align:center}
.course-navigation{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:0 max(20px,5vw);margin:0 auto 28px;border-bottom:1px solid #e5dddd}
.course-navigation a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 18px;background:#171717!important;color:#fff!important;border:0;border-radius:4px;font:16px Lato,Arial,sans-serif;text-decoration:none;white-space:nowrap}
.course-navigation a:hover{background:#303030!important;color:#fff!important}
.course-navigation a[aria-current]{box-shadow:inset 0 -3px 0 #f29aaa;text-decoration:underline;text-underline-offset:4px}
.tabs,.qp{gap:8px}
.tab.on,.qpb.on{background:#171717!important;color:#fff!important;box-shadow:inset 0 -3px 0 #f29aaa;text-decoration:underline;text-underline-offset:4px}
.resource-site-nav nav a:hover,.tabs .tab:hover,.qp .qpb:hover,.nav .btn:not(:disabled):hover{background:#303030!important;color:#fff!important}
.resource-site-nav nav a[aria-current]{box-shadow:inset 0 -3px 0 #f29aaa;text-decoration:underline;text-underline-offset:4px}
.nav .btn:disabled{background:#ddd!important;color:#666;cursor:default}