/* Shared styles for D.A.D.S. education pages */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800&family=Oswald:wght@500;700&family=Saira+Condensed:wght@600;800&display=swap');
:root{--ink:#0A0A0A;--ink2:#161616;--red:#C8102E;--red2:#8E0B20;--gray2:#9AA0A6}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;background:var(--ink);color:#fff;line-height:1.7}
.container{max-width:820px;margin:0 auto;padding:0 22px}
.wide{max-width:1140px}
.eyebrow{font-family:'Saira Condensed',sans-serif;letter-spacing:.18em;text-transform:uppercase}
.display{font-family:'Oswald',sans-serif}
a{color:var(--red)}
header.site{position:sticky;top:0;z-index:50;background:rgba(10,10,10,.88);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1)}
header.site .row{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
header.site .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
header.site img{height:46px;width:auto}
header.site nav a{color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;margin-left:22px}
header.site nav a:hover{color:var(--red)}
.btn{display:inline-block;background:var(--red);color:#fff;font-weight:700;padding:.8rem 1.5rem;border-radius:.5rem;text-decoration:none;transition:.2s}
.btn:hover{background:var(--red2);transform:translateY(-2px)}
.crumbs{font-size:.85rem;color:var(--gray2);padding:18px 0}
.crumbs a{color:var(--gray2)}
article h1{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(2rem,5vw,3rem);line-height:1.1;margin:6px 0 14px}
article .lede{font-size:1.15rem;color:#fff;opacity:.85;margin-bottom:10px}
article h2{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.6rem;margin:38px 0 12px;color:#fff}
article h3{font-weight:800;font-size:1.1rem;margin:22px 0 8px}
article p{color:rgba(255,255,255,.82);margin:12px 0}
article ul,article ol{color:rgba(255,255,255,.82);margin:12px 0 12px 1.2rem}
article li{margin:7px 0}
.tag{display:inline-block;font-family:'Saira Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;color:var(--red);border:1px solid rgba(200,16,46,.5);border-radius:100px;padding:4px 12px}
.callout{background:var(--ink2);border:1px solid rgba(255,255,255,.1);border-left:4px solid var(--red);border-radius:12px;padding:18px 20px;margin:22px 0}
.callout.urgent{border-left-color:var(--red);background:linear-gradient(180deg,rgba(200,16,46,.12),var(--ink2))}
.src{font-size:.82rem;color:var(--gray2);border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:16px}
.report-strip{background:var(--red2);border-radius:14px;padding:22px;margin:30px 0}
.report-strip h3{color:#fff}
.report-strip ul{list-style:none;margin-left:0}
.report-strip li{margin:6px 0;font-size:.95rem}
footer.site{background:var(--ink2);border-top:1px solid rgba(255,255,255,.1);margin-top:50px}
footer.site .row{padding:26px 0;font-size:.85rem;color:var(--gray2);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.reveal{opacity:0;transform:translateY(20px);transition:.7s}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}