:root{--navy:#061f59;--blue:#0b7cff;--blue2:#2a92ff;--ink:#0b286b;--muted:#5f7395;--line:#dce7f3;--soft:#eef6ff;--white:#fff;--shadow:0 12px 35px rgba(7,31,89,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.svg-sprite+*{}svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.container-wide{width:min(1380px,calc(100% - 56px));margin-inline:auto}.site-header{height:74px;background:#fff;border-bottom:1px solid #edf1f7;position:sticky;top:0;z-index:40}.header-inner{height:100%;width:min(1380px,calc(100% - 56px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;color:#082a78;min-width:max-content}.brand-cap{width:56px;height:45px;display:grid;place-items:center}.brand-cap svg{width:54px;height:42px;stroke-width:1.35}.brand strong{display:block;font-size:25px;line-height:1}.brand small{display:block;font-size:11px;margin-top:4px;letter-spacing:.02em}.desktop-nav{display:flex;align-items:center;gap:32px;height:100%;font-weight:700;font-size:14px}.desktop-nav a{height:100%;display:flex;align-items:center;position:relative}.desktop-nav a.active,.desktop-nav a:hover{color:#0b78f4}.desktop-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#0b78f4;border-radius:99px}.hamburger{display:none;border:0;background:none;color:#092f77;padding:6px}.hamburger svg{width:30px;height:30px}.mobile-drawer,.drawer-overlay{display:none}.hero-home{min-height:410px;background:url('../img/hero-campus.png') center 45%/cover no-repeat;position:relative;color:white;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,31,81,.97) 0%,rgba(4,31,81,.90) 31%,rgba(4,31,81,.45) 59%,rgba(4,31,81,.12) 76%,rgba(4,31,81,.83) 100%)}.hero-copy{position:relative;z-index:2;padding-top:45px;padding-bottom:50px}.eyebrow{font-size:13px;letter-spacing:.23em;font-weight:800}.hero-home h1{font-size:58px;line-height:.95;letter-spacing:-.035em;margin:13px 0 14px;max-width:650px}.hero-home h1::first-line{color:white}.hero-home h1{color:#65b5ff}.hero-home p{font-size:18px;line-height:1.35;max-width:570px;color:#f0f5ff;margin:0 0 18px}.hero-actions{display:flex;gap:15px;margin-bottom:17px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;padding:13px 27px;font-weight:800;border:1px solid transparent;cursor:pointer}.btn svg{width:18px;height:18px}.btn.primary{background:#0a7df5;color:#fff}.btn.ghost{border-color:#fff;color:#fff;background:rgba(255,255,255,.06)}.btn.navy{background:#0a3e8d;color:#fff}.btn.light{background:#eef6ff;color:#0b5ec7}.hero-points{display:flex;gap:52px;font-size:13px;font-weight:700}.hero-points span{display:flex;align-items:center;gap:8px}.hero-points svg{width:26px;height:26px}.hero-right-badges{position:absolute;z-index:2;right:24px;top:32px;bottom:32px;width:120px;background:rgba(4,31,81,.86);display:grid;grid-template-rows:repeat(3,1fr);padding:18px 10px;border-radius:2px}.hero-right-badges div{display:grid;place-items:center;text-align:center;font-size:12px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.35)}.hero-right-badges div:last-child{border-bottom:0}.hero-right-badges svg{width:35px;height:35px}.quick-wrap{position:relative;margin-top:-28px;z-index:4}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border-radius:14px 14px 0 0;box-shadow:var(--shadow);overflow:hidden}.quick-grid>a{min-height:132px;padding:17px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-right:1px solid var(--line)}.quick-grid>a:last-child{border-right:0}.quick-grid b{font-size:14px;margin:7px 0 4px}.quick-grid small{font-size:10px;color:#39527d;line-height:1.3}.icon-bubble{width:52px;height:52px;border-radius:50%;background:#e9f3ff;display:grid;place-items:center;color:#082f87}.icon-bubble svg{width:30px;height:30px;stroke-width:2}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr) 1.5fr;background:linear-gradient(90deg,#07316e,#05275d);color:#fff;border-radius:0 0 8px 8px;padding:12px 20px;align-items:center}.stats-strip>div{display:grid;grid-template-columns:45px auto;grid-template-rows:auto auto;column-gap:8px;padding:0 22px;border-right:1px solid rgba(255,255,255,.35)}.stats-strip svg{grid-row:1/3;width:37px;height:37px}.stats-strip strong{font-size:23px;line-height:1}.stats-strip span{font-size:11px}.stats-strip blockquote{margin:0;padding-left:35px;font-size:16px;font-style:italic;color:#f2f7ff;line-height:1.35}.content-section{padding:12px 0 18px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:8px 0 8px}.section-heading h2{font-size:24px;margin:0}.section-heading a,.article-card a{color:#0b73ea;font-weight:800;font-size:12px;display:inline-flex;align-items:center;gap:5px}.latest-layout{display:grid;grid-template-columns:2fr 1fr;gap:18px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.article-card{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.article-card img{width:100%;height:110px;object-fit:cover}.article-card>div{padding:10px 12px 12px}.article-card h3{font-size:14px;margin:0 0 4px}.article-card p{font-size:11px;line-height:1.35;color:#4d6489;margin:0 0 6px}.mission-card{position:relative;overflow:hidden;background:linear-gradient(120deg,#f7fbff,#e8f3ff);border-radius:10px;padding:18px 135px 18px 22px;border:1px solid #dce9f8}.mission-card span{font-size:10px;letter-spacing:.14em;font-weight:800}.mission-card h3{font-size:27px;line-height:1.04;margin:5px 0 14px}.mission-leaf{position:absolute;right:18px;bottom:-8px;width:112px;height:125px;color:#0c4da6;stroke-width:1.25}.site-footer{background:#06275c;color:#fff}.footer-inner{width:min(1380px,calc(100% - 56px));margin:auto;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:34px;padding:18px 0 14px}.site-footer .brand{color:white}.site-footer .brand-cap{width:48px}.site-footer .brand-cap svg{width:46px}.site-footer .brand strong{font-size:17px}.site-footer .brand small{font-size:8px}.footer-brand p,.site-footer>div p{font-size:10px;line-height:1.45;color:#dce8fb}.site-footer h4{font-size:10px;text-transform:uppercase;margin:6px 0 8px}.site-footer a,.site-footer span{display:block;font-size:10px;color:#e4edf9;margin:5px 0}.developer{border-top:1px solid rgba(255,255,255,.15);text-align:center;padding:7px 15px 9px;font-size:11px}.flash{position:fixed;right:18px;top:90px;z-index:90;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);font-weight:700}.flash.success{background:#e7fbef;color:#17683a}.flash.error{background:#fff0f0;color:#a32626}.page-shell{min-height:calc(100vh - 74px);background:linear-gradient(180deg,#f8fbff,#fff);padding:32px 0 50px}.page-container{width:min(1080px,calc(100% - 40px));margin:auto}.breadcrumbs{font-size:12px;color:#6c7f9e;margin-bottom:7px}.page-title{font-size:38px;margin:0 0 6px}.page-subtitle{color:#5e7294;margin:0 0 24px}.filter-tabs{display:flex;gap:8px;margin-bottom:18px}.filter-tabs span{background:#f2f5f9;padding:8px 14px;border-radius:7px;font-size:12px}.filter-tabs .active{background:#0b7cf5;color:#fff}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.content-card,.campaign-card,.resource-card,.form-panel,.survey-panel,.result-panel,.contact-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 25px rgba(8,42,104,.06)}.content-card{overflow:hidden}.content-card img{width:100%;height:180px;object-fit:cover}.content-card>div{padding:15px}.content-card h3{margin:0 0 7px}.content-card p{color:#617595;font-size:13px;line-height:1.5}.text-link{color:#0b78f4;font-weight:800;font-size:12px}.article-detail{max-width:850px}.article-detail .cover{width:100%;max-height:430px;object-fit:cover;border-radius:18px;margin:16px 0}.article-detail .body{font-size:16px;line-height:1.75;color:#355078}.campaign-card{padding:17px}.campaign-card .status{display:inline-block;border-radius:99px;background:#eaf4ff;color:#0a6edf;padding:5px 9px;font-size:10px;font-weight:800;text-transform:uppercase}.campaign-card h3{margin:10px 0 6px}.campaign-card p{color:#607392;line-height:1.45;font-size:13px}.resource-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.resource-card{padding:18px;display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center}.resource-card .ricon{width:48px;height:48px;border-radius:12px;background:#edf6ff;display:grid;place-items:center}.resource-card .ricon svg{width:28px;height:28px}.resource-card h3{margin:0 0 4px}.resource-card p{margin:0;color:#657895;font-size:12px}.form-panel{max-width:650px;margin:auto;padding:24px}.form-panel h1{margin-top:0}.field{margin-bottom:16px}.field label{display:block;font-weight:800;font-size:13px;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #cfdeed;border-radius:9px;padding:12px 13px;color:#173b76;background:#fff;outline:none}.field textarea{min-height:140px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#0b7cf5;box-shadow:0 0 0 3px #e9f4ff}.helper{font-size:11px;color:#7183a0}.privacy-note{display:flex;gap:10px;align-items:flex-start;background:#edf6ff;border-radius:10px;padding:12px;color:#49668f;font-size:12px;margin:15px 0}.privacy-note svg{width:24px;height:24px;flex:none}.survey-wrap{max-width:650px;margin:auto}.survey-panel{padding:27px}.survey-intro{text-align:center}.survey-shield{width:120px;height:120px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#eaf5ff;color:#0b7cf5}.survey-shield svg{width:70px;height:70px}.survey-benefits{background:#f1f7ff;padding:12px;border-radius:10px;margin:18px 0;text-align:left}.survey-benefits div{display:flex;gap:8px;align-items:center;padding:5px}.survey-benefits svg{width:20px;height:20px}.question-block{padding:18px 0;border-bottom:1px solid #eef2f6}.question-block:last-of-type{border-bottom:0}.question-block h3{font-size:18px;line-height:1.35}.options{display:grid;gap:10px}.option{display:flex;align-items:center;gap:10px;border:1px solid #d6e2ef;border-radius:9px;padding:12px;cursor:pointer}.option:has(input:checked){border-color:#0b7cf5;background:#eef7ff}.option input{accent-color:#0b7cf5}.progressbar{height:8px;background:#e2eef9;border-radius:99px;overflow:hidden;margin-bottom:18px}.progressbar span{height:100%;display:block;background:#0b7cf5}.thankyou{text-align:center;padding:44px 25px}.check-circle{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:#0b7cf5;color:#fff;margin:0 auto 16px}.check-circle svg{width:48px;height:48px}.result-panel{max-width:620px;margin:auto;padding:28px;text-align:center}.risk-pill{display:inline-block;padding:8px 16px;border-radius:99px;font-weight:900;margin:8px 0 12px}.risk-low{background:#e8f9ef;color:#187041}.risk-moderate{background:#fff6da;color:#8c6600}.risk-high{background:#ffe9e9;color:#9b2323}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.contact-card{padding:18px;display:flex;gap:14px;align-items:center}.contact-card svg{width:36px;height:36px}.certificate{max-width:850px;margin:auto;background:#fff;border:12px double #0c3f91;padding:45px;text-align:center}.certificate h1{font-family:Georgia,serif;font-size:48px;margin:0 0 6px}.certificate .name{font-size:35px;border-bottom:1px solid #8fa9ce;display:inline-block;padding:0 25px 6px}.certificate .code{font-size:11px;color:#6f7f99;margin-top:25px}
@media(max-width:1100px){.desktop-nav{gap:18px;font-size:13px}.hero-home h1{font-size:50px}.quick-grid{grid-template-columns:repeat(3,1fr)}.quick-grid>a:nth-child(-n+3){border-bottom:1px solid var(--line)}.stats-strip{grid-template-columns:repeat(4,1fr)}.stats-strip blockquote{display:none}.latest-layout{grid-template-columns:1fr}.footer-inner{grid-template-columns:1.5fr repeat(2,1fr)}.hero-right-badges{display:none}}
@media(max-width:780px){.container-wide,.header-inner,.footer-inner{width:100%}.site-header{height:72px}.header-inner{padding:0 16px}.brand-cap{width:43px}.brand-cap svg{width:41px}.brand strong{font-size:15px}.brand small{font-size:8px}.desktop-nav{display:none}.hamburger{display:block}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(88vw,340px);background:#fff;z-index:70;transform:translateX(-105%);transition:.25s;box-shadow:0 20px 55px rgba(1,25,67,.2);padding:14px 16px}.mobile-drawer.open{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer-head button{border:0;background:none;color:#082f78;padding:8px}.drawer-head button svg{width:28px;height:28px}.mobile-drawer nav{display:grid;gap:2px;margin-top:18px}.mobile-drawer nav a{display:flex;align-items:center;gap:16px;padding:13px 11px;border-radius:9px;font-size:15px}.mobile-drawer nav a:hover{background:#edf6ff;color:#0b6fe5}.mobile-drawer nav svg{width:25px;height:25px}.drawer-leaf{position:absolute;left:25px;bottom:30px;display:flex;align-items:center;gap:14px;color:#46678f;font-size:12px}.drawer-leaf svg{width:70px;height:70px;color:#0b58b9}.drawer-overlay{display:block;position:fixed;inset:0;background:rgba(3,24,63,.38);z-index:60;opacity:0;pointer-events:none;transition:.2s}.drawer-overlay.show{opacity:1;pointer-events:auto}.hero-home{min-height:525px;background-position:center}.hero-overlay{background:linear-gradient(90deg,rgba(3,29,75,.96),rgba(3,29,75,.80) 55%,rgba(3,29,75,.22))}.hero-copy{padding:37px 21px;display:flex;flex-direction:column;justify-content:center;min-height:525px}.eyebrow{font-size:9px}.hero-home h1{font-size:43px;max-width:330px;line-height:.96}.hero-home p{font-size:13px;max-width:300px}.hero-actions{flex-direction:column;width:235px}.hero-points{display:none}.quick-wrap{margin-top:-16px;padding:0 14px}.quick-grid{grid-template-columns:repeat(3,1fr);border-radius:18px}.quick-grid>a{min-height:118px;padding:12px 7px}.quick-grid b{font-size:10px}.quick-grid small{font-size:8px}.icon-bubble{width:44px;height:44px}.icon-bubble svg{width:27px;height:27px}.stats-strip{margin-top:12px;grid-template-columns:repeat(2,1fr);border-radius:12px;padding:6px}.stats-strip>div{padding:10px;border-right:0;border-bottom:1px solid rgba(255,255,255,.18);grid-template-columns:38px auto}.stats-strip svg{width:30px;height:30px}.stats-strip strong{font-size:19px}.stats-strip span{font-size:9px}.content-section{padding:15px 14px 20px}.section-heading h2{font-size:18px}.article-grid{grid-template-columns:1fr}.article-card{display:grid;grid-template-columns:110px 1fr}.article-card img{height:100%;min-height:112px}.mission-card{padding-right:105px}.mission-card h3{font-size:22px}.mission-leaf{width:85px}.footer-inner{padding:25px 22px;grid-template-columns:1fr;text-align:center}.footer-inner>div:not(:first-child){display:none}.footer-brand .brand{justify-content:center}.page-shell{padding:22px 0 35px}.page-container{width:calc(100% - 28px)}.page-title{font-size:30px}.page-subtitle{font-size:13px}.card-grid,.resource-list,.contact-grid{grid-template-columns:1fr}.content-card{display:grid;grid-template-columns:115px 1fr}.content-card img{height:100%;min-height:140px}.form-panel,.survey-panel,.result-panel{padding:20px}.survey-shield{width:100px;height:100px}.survey-shield svg{width:60px;height:60px}.question-block h3{font-size:16px}.certificate{padding:25px 12px;border-width:8px}.certificate h1{font-size:34px}.certificate .name{font-size:26px}.flash{left:14px;right:14px;top:82px;text-align:center}}
@media(max-width:430px){.hero-home{min-height:560px}.hero-copy{min-height:560px}.hero-home h1{font-size:39px}.quick-grid>a{min-height:122px}.article-card h3{font-size:12px}.article-card p{font-size:9.5px}.resource-card{grid-template-columns:44px 1fr}.resource-card>a{grid-column:2}.btn{padding:12px 18px}.survey-panel{border-radius:12px}}
/* v2 — reference-matched mobile survey & dashboard */
.survey-page{background:linear-gradient(180deg,#f2f8ff 0,#fff 36%)}
.survey-wizard{min-height:610px;display:flex;flex-direction:column}
.survey-topline{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800;margin-bottom:12px}.survey-topline a{color:#082f87}.survey-topline b{color:#34598e}
.wizard-step{border:0;padding:18px 0;flex:1}.wizard-step h3{font-size:22px;line-height:1.35;margin:10px 0 24px;color:#092d77}.wizard-step .options{gap:12px}.wizard-step .option{min-height:54px;border-radius:10px;background:#fff}.wizard-step .option:hover{border-color:#67aef8}.wizard-actions{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:24px}.back-link{border:0;background:transparent;color:#0878ee;font-weight:800;cursor:pointer;padding:12px 0}.wizard-actions .btn{min-width:118px}
.insights-panel{margin-top:20px}.panel-head>span{font-size:12px;color:#7084a4}.insights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.insight-card{border:1px solid #e1ebf5;border-radius:14px;padding:18px;background:#fbfdff}.insight-card h3{font-size:14px;line-height:1.35;margin:0 0 16px;color:#183b78}.insight-row{margin:10px 0}.insight-row>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:12px}.insight-row .bar{height:9px;background:#e7f0f9;border-radius:99px;margin-top:5px;overflow:hidden}.insight-row .bar i{display:block;height:100%;background:linear-gradient(90deg,#0a78f4,#54a7ff);border-radius:99px}.dashboard-kpis .stat-card{position:relative;overflow:hidden}.dashboard-kpis .stat-card:after{content:"";position:absolute;width:82px;height:82px;border-radius:50%;right:-27px;bottom:-35px;background:#e9f4ff}
@media(max-width:780px){
 .survey-wrap{max-width:480px}.survey-page .page-container{width:100%}.survey-wizard{min-height:calc(100vh - 118px);border:0;box-shadow:none;border-radius:0;padding:20px 22px 26px}.wizard-step h3{font-size:17px;margin-top:16px}.wizard-step .option{padding:13px 12px;min-height:50px}.wizard-step textarea{min-height:155px}.insights-grid{grid-template-columns:1fr}
}
/* =========================================
   ANTI NARCOTICS SITE LOGO FIX
========================================= */

.brand .site-logo {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;

    object-fit: contain !important;
    flex: 0 0 52px;

    display: block;
}

.site-header .brand {
    display: flex;
    align-items: center;
    gap: 11px;
}

.site-header .header-inner {
    height: 74px;
}

/* Mobile drawer logo */

.mobile-drawer .site-logo {
    width: 45px !important;
    height: 45px !important;
    min-width: 45px !important;
    max-width: 45px !important;
    flex: 0 0 45px;
}

/* Footer logo */

.site-footer .site-logo {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    flex: 0 0 48px;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 780px) {

    .site-header .site-logo {
        width: 43px !important;
        height: 43px !important;
        min-width: 43px !important;
        max-width: 43px !important;
        flex-basis: 43px;
    }

    .site-header .brand {
        gap: 8px;
    }

    .site-header .brand strong {
        font-size: 18px;
    }

    .site-header .brand small {
        font-size: 9px;
    }
}
/* =========================================
   CURSOR FIX
========================================= */

/* Normal text = arrow cursor */
body,
p,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
small,
strong {
    cursor: default;
}

/* Clickable items = hand cursor */
a,
a *,
button,
button *,
.btn,
.btn *,
label,
.option,
input[type="submit"],
input[type="button"],
input[type="checkbox"],
input[type="radio"] {
    cursor: pointer !important;
}

/* Typing fields = text cursor */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
textarea {
    cursor: text !important;
}
/* =========================================
   RESPONSIVE IMPROVEMENTS
========================================= */

@media (max-width: 780px) {

    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .container-wide {
        width: calc(100% - 28px);
    }

    .header-inner,
    .footer-inner {
        width: 100%;
    }

    /* HEADER */
    .site-header .brand {
        min-width: 0;
        max-width: calc(100% - 55px);
    }

    .site-header .brand span {
        min-width: 0;
    }

    .site-header .brand strong {
        font-size: 16px;
        line-height: 1.1;
    }

    /* HERO */
    .hero-home h1 {
        font-size: clamp(34px, 10vw, 43px);
        max-width: 100%;
    }

    .hero-home p {
        max-width: 100%;
    }

    .hero-actions {
        width: 100%;
        max-width: 280px;
    }

    .hero-actions .btn {
        width: 100%;
    }

    /* HOME QUICK ACTIONS */
    .quick-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .quick-grid > a {
        min-width: 0;
        border-bottom: 1px solid var(--line);
    }

    .quick-grid > a:nth-child(2n) {
        border-right: 0;
    }

    .quick-grid > a:nth-last-child(-n + 2) {
        border-bottom: 0;
    }

    /* GENERAL PAGE TABS */
    .filter-tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
        white-space: nowrap;
        padding-bottom: 4px;
        scrollbar-width: none;
    }

    .filter-tabs::-webkit-scrollbar {
        display: none;
    }

    /* CARDS */
    .article-card,
    .content-card,
    .resource-card,
    .contact-card {
        min-width: 0;
    }

    .article-card > div,
    .content-card > div,
    .resource-card > div,
    .contact-card > div {
        min-width: 0;
    }

    .article-card p,
    .content-card p,
    .resource-card p,
    .contact-card span {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /* MISSION */
    .mission-card {
        padding: 20px;
    }

    .mission-leaf {
        opacity: .12;
        pointer-events: none;
    }
}


@media (max-width: 520px) {

    .quick-wrap {
        padding-left: 12px;
        padding-right: 12px;
    }

    .quick-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .quick-grid > a {
        min-height: 110px;
        padding: 12px 8px;
    }

    .quick-grid b {
        font-size: 11px;
    }

    .quick-grid small {
        font-size: 9px;
    }

    /* ARTICLE CARDS */
    .article-card,
    .content-card {
        display: block;
    }

    .article-card img,
    .content-card img {
        width: 100%;
        height: 180px;
        min-height: 0;
        object-fit: cover;
    }

    .article-card h3,
    .content-card h3 {
        font-size: 15px;
    }

    .article-card p,
    .content-card p {
        font-size: 12px;
        line-height: 1.5;
    }

    /* PAGE CONTENT */
    .page-title {
        font-size: 28px;
        line-height: 1.15;
    }

    .form-panel,
    .survey-panel,
    .result-panel {
        padding: 16px;
    }

    .form-panel .btn,
    .survey-panel .btn {
        width: 100%;
    }
}


@media (max-width: 360px) {

    .site-header .brand small {
        display: none;
    }

    .site-header .brand strong {
        font-size: 14px;
    }

    .site-header .site-logo {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }

    .hero-home h1 {
        font-size: 32px;
    }
}
/* =========================================================
   FINAL MOBILE RESPONSIVE OVERRIDES
   Keep this block at the VERY END of site.css
========================================================= */

@media (max-width: 780px) {

    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .container-wide {
        width: calc(100% - 28px);
    }

    /* HEADER */
    .site-header {
        height: 68px;
    }

    .site-header .header-inner {
        height: 68px;
        width: 100%;
        padding: 0 16px;
        gap: 12px;
    }

    .site-header .brand {
        min-width: 0;
        max-width: calc(100% - 54px);
        gap: 9px;
    }

    .site-header .site-logo {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        flex: 0 0 42px;
    }

    .site-header .brand strong {
        font-size: 17px;
        line-height: 1.1;
        white-space: nowrap;
    }

    .site-header .brand small {
        font-size: 8px;
    }

    .hamburger {
        display: block;
        flex: 0 0 auto;
    }

    .hamburger svg {
        width: 28px;
        height: 28px;
    }

    /* HERO */
    .hero-home {
        height: auto !important;
        min-height: 0 !important;
        background-position: center center;
    }

    .hero-copy {
        min-height: 0 !important;
        padding: 52px 20px 74px;
        display: block;
    }

    .eyebrow {
        font-size: 10px;
        line-height: 1.45;
        letter-spacing: .18em;
    }

    .hero-home h1 {
        max-width: 100%;
        margin: 15px 0 20px;
        font-size: clamp(34px, 9vw, 40px);
        line-height: 1.04;
        letter-spacing: -.025em;
    }

    .hero-home p {
        max-width: 100%;
        margin: 0 0 22px;
        font-size: 15px;
        line-height: 1.5;
    }

    .hero-actions {
        width: 100%;
        max-width: none;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .hero-actions .btn {
        width: 100%;
        min-height: 54px;
        padding: 14px 18px;
        font-size: 16px;
        border-radius: 10px;
    }

    .hero-points,
    .hero-right-badges {
        display: none;
    }

    /* QUICK ACTIONS */
    .quick-wrap {
        margin-top: -28px;
        padding: 0 14px;
    }

    .quick-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-radius: 18px;
    }

    .quick-grid > a {
        min-width: 0;
        min-height: 108px;
        padding: 13px 8px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
    }

    .quick-grid > a:nth-child(2n) {
        border-right: 0;
    }

    .quick-grid > a:nth-last-child(-n + 2) {
        border-bottom: 0;
    }

    .quick-grid b {
        font-size: 11px;
        line-height: 1.2;
    }

    .quick-grid small {
        font-size: 9px;
        line-height: 1.35;
    }

    .icon-bubble {
        width: 46px;
        height: 46px;
    }

    .icon-bubble svg {
        width: 27px;
        height: 27px;
    }

    /* STATS */
    .stats-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 12px;
        border-radius: 12px;
        padding: 6px;
    }

    .stats-strip > div {
        min-width: 0;
        padding: 10px 8px;
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.18);
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .stats-strip svg {
        width: 28px;
        height: 28px;
    }

    .stats-strip strong {
        font-size: 18px;
    }

    .stats-strip span {
        font-size: 9px;
    }

    .stats-strip blockquote {
        display: none;
    }

    /* LATEST AWARENESS */
    .latest-layout {
        grid-template-columns: 1fr;
    }

    .article-grid {
        grid-template-columns: 1fr;
    }

    .article-card {
        display: grid;
        grid-template-columns: 115px minmax(0, 1fr);
        min-width: 0;
    }

    .article-card img {
        width: 100%;
        height: 100%;
        min-height: 125px;
        object-fit: cover;
    }

    .article-card > div {
        min-width: 0;
    }

    .article-card p {
        overflow-wrap: anywhere;
    }

    .mission-card {
        padding: 20px;
    }

    .mission-card h3 {
        font-size: 22px;
    }

    .mission-leaf {
        opacity: .12;
        pointer-events: none;
    }

    /* GENERAL INNER PAGES */
    .page-shell {
        padding: 22px 0 35px;
    }

    .page-container {
        width: calc(100% - 28px);
    }

    .page-title {
        font-size: 30px;
        line-height: 1.15;
    }

    .page-subtitle {
        font-size: 13px;
    }

    .filter-tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
        white-space: nowrap;
        padding-bottom: 4px;
        scrollbar-width: none;
    }

    .filter-tabs::-webkit-scrollbar {
        display: none;
    }

    .card-grid,
    .resource-list,
    .contact-grid {
        grid-template-columns: 1fr;
    }

    .content-card {
        display: grid;
        grid-template-columns: 115px minmax(0, 1fr);
        min-width: 0;
    }

    .content-card img {
        width: 100%;
        height: 100%;
        min-height: 140px;
        object-fit: cover;
    }

    .content-card > div,
    .resource-card > div,
    .contact-card > div {
        min-width: 0;
    }

    .content-card p,
    .resource-card p,
    .contact-card span {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .form-panel,
    .survey-panel,
    .result-panel {
        padding: 18px;
    }

    .certificate {
        width: 100%;
        max-width: 100%;
        padding: 24px 12px;
        border-width: 8px;
        overflow: hidden;
    }

    .certificate h1 {
        font-size: 32px;
    }

    .certificate .name {
        max-width: 100%;
        padding: 0 10px 6px;
        font-size: 24px;
        overflow-wrap: anywhere;
    }

    /* FOOTER */
    .footer-inner {
        width: 100%;
        padding: 25px 22px;
        grid-template-columns: 1fr;
        text-align: center;
    }
}

@media (max-width: 430px) {

    /* Override the old 560px forced hero height */
    .hero-home,
    .hero-copy {
        height: auto !important;
        min-height: 0 !important;
    }

    .hero-copy {
        padding: 44px 18px 66px;
    }

    .hero-home h1 {
        font-size: 34px;
        line-height: 1.05;
    }

    .hero-home p {
        font-size: 14px;
    }

    .eyebrow {
        font-size: 9px;
        letter-spacing: .15em;
    }

    .quick-grid > a {
        min-height: 104px;
    }

    .article-card,
    .content-card {
        display: block;
    }

    .article-card img,
    .content-card img {
        width: 100%;
        height: 180px;
        min-height: 0;
    }

    .resource-card {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .resource-card > a {
        grid-column: 2;
    }
}

@media (max-width: 360px) {

    .site-header .brand strong {
        font-size: 14px;
    }

    .site-header .brand small {
        display: none;
    }

    .site-header .site-logo {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        flex-basis: 38px;
    }

    .hero-copy {
        padding-left: 16px;
        padding-right: 16px;
    }

    .hero-home h1 {
        font-size: 31px;
    }
}
/* =========================================================
   DESKTOP HOME AWARENESS FIX
   Keeps posters compact and prevents the Mission card overflow
========================================================= */
@media (min-width: 1101px) {

    .content-section.container-wide {
        width: min(1380px, calc(100% - 56px)) !important;
        overflow: hidden;
    }

    .latest-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr) !important;
        gap: 18px !important;
        align-items: stretch;
        width: 100%;
        min-width: 0;
    }

    .article-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 14px !important;
        min-width: 0;
    }

    .article-card {
        min-width: 0;
        width: 100%;
        overflow: hidden;
    }

    .article-card img {
        width: 100% !important;
        height: 190px !important;
        min-height: 0 !important;
        max-height: 190px !important;
        object-fit: contain !important;
        object-position: center !important;
        background: #f7faff;
        display: block !important;
    }

    .article-card > div {
        min-width: 0;
    }

    .article-card h3,
    .article-card p {
        overflow-wrap: anywhere;
    }

    .mission-card {
        min-width: 0;
        width: 100%;
        overflow: hidden;
        padding: 18px 22px !important;
    }

    .mission-card h3 {
        font-size: 27px;
        line-height: 1.08;
        overflow-wrap: anywhere;
        max-width: 100%;
    }

    .mission-leaf {
        opacity: .12;
        pointer-events: none;
    }
}
/* MOBILE AWARENESS POSTER FIX */
@media (max-width: 780px) {

    .article-card {
        display: block !important;
        width: 100% !important;
    }

    .article-card img {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center !important;
        background: #f7faff;
        display: block !important;
    }

    .article-card > div {
        width: 100%;
        padding: 14px 15px 16px;
    }
}
/* =========================================
   CERTIFICATE MOBILE RESPONSIVE
========================================= */

@media (max-width: 780px) {

    .certificate,
    .cert {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 auto !important;
        padding: 25px 14px !important;

        border-width: 7px !important;
        box-sizing: border-box;

        overflow: hidden;
    }

    .certificate h1,
    .cert h1 {
        font-size: 32px !important;
        line-height: 1.1;
    }

    .certificate h2,
    .cert h2 {
        font-size: 21px !important;
    }

    .certificate .name,
    .cert .name {
        max-width: 100%;
        font-size: 25px !important;

        padding-left: 10px !important;
        padding-right: 10px !important;

        overflow-wrap: anywhere;
    }

    .certificate p,
    .cert p {
        font-size: 13px !important;
        line-height: 1.5;
    }

    .certificate img,
    .cert img {
        max-width: 100% !important;
        height: auto !important;
    }

    .certificate .code,
    .cert .code {
        font-size: 9px !important;
        overflow-wrap: anywhere;
    }
}


/* VERY SMALL MOBILE */
@media (max-width: 430px) {

    .certificate,
    .cert {
        padding: 20px 10px !important;
        border-width: 5px !important;
    }

    .certificate h1,
    .cert h1 {
        font-size: 27px !important;
    }

    .certificate h2,
    .cert h2 {
        font-size: 18px !important;
    }

    .certificate .name,
    .cert .name {
        font-size: 21px !important;
    }

    .certificate p,
    .cert p {
        font-size: 12px !important;
    }
}