/* Canonical site-wide shell. Load after individual page styles. */
/* One visible-on-focus skip pattern, including the existing page-specific links. */
body>a:is(.skip-link,.home-skip-link,.learn-skip-link,.alcohol-skip,.resource-skip){position:fixed;top:12px;left:12px;right:auto;z-index:1000;max-width:calc(100% - 24px);padding:12px 18px;border:2px solid #fffdf9;border-radius:6px;background:#163f3c;color:#fffdf9;font:700 1rem/1.35 ui-sans-serif,system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;transform:translateY(calc(-100% - 24px));transition:none}
body>a:is(.skip-link,.home-skip-link,.learn-skip-link,.alcohol-skip,.resource-skip):focus{top:12px;transform:translateY(0);outline:3px solid #d8ae6c;outline-offset:3px}
@media print{body>a:is(.skip-link,.home-skip-link,.learn-skip-link,.alcohol-skip,.resource-skip){display:none!important}}
/* Leave anchored sections clear of the sticky header; specific page offsets still win. */
:where(main section[id],main article[id]) {scroll-margin-top:90px}
.site-nav {min-height:75px;display:flex;justify-content:space-between;align-items:center;gap:22px;position:relative}
.site-nav.wrap {max-width:1180px;margin-inline:auto}
.site-nav .brand {display:inline-flex;align-items:center;gap:10px;white-space:nowrap;text-decoration:none;color:#173431;font:1.33rem Georgia,serif;letter-spacing:-.035em}
.site-nav .brand img {width:38px;height:38px;border-radius:9px}
.site-nav .site-links {display:flex;gap:20px;align-items:center;justify-content:flex-end;min-width:0}
.site-nav-actions {display:flex;align-items:center;gap:12px;flex:none}
.site-nav .site-links>a {text-decoration:none;color:#52685d;font-size:.87rem;font-weight:680;white-space:nowrap}
.site-nav .site-links>a:is([aria-current="page"],[aria-current="location"]):not(.site-sign-in) {color:#163f3c;text-decoration:underline;text-underline-offset:7px;text-decoration-color:#d8ae6c}
.site-nav .site-links>a:hover:not(.site-sign-in) {color:#163f3c}
.site-nav .site-sign-in {display:inline-flex;align-items:center;justify-content:center;flex:none;background:#163f3c;color:#fffdf9;border:1px solid #163f3c;border-radius:7px;padding:10px 17px;font-size:.86rem;font-weight:680;text-decoration:none;white-space:nowrap;box-shadow:0 4px 12px rgba(19,67,55,.10);transition:background .18s}
.site-nav .site-sign-in:hover {background:#2b6856;color:#fffdf9}
.site-sign-in-short {display:none}
.site-menu-toggle {display:none;align-items:center;justify-content:center;min-height:43px;padding:8px 15px;border:1px solid #8da99b;border-radius:7px;background:#f3f7f2;color:#163f3c;font-family:inherit;font-size:.9rem;font-weight:750;cursor:pointer}
.site-nav a:focus-visible,.site-menu-toggle:focus-visible {outline:3px solid #d8ae6c;outline-offset:3px}
.site-footer {background:#102f2f!important;color:#dcebe0!important;padding:44px 0 24px!important;font-size:.9rem;line-height:1.58}
.site-footer-inner {width:min(1180px,calc(100% - 50px));margin:0 auto;min-width:0}
.site-footer-main {display:flex;align-items:start;justify-content:space-between;gap:24px 44px;padding-bottom:28px}
.site-footer-brand {display:inline-flex;align-items:center;gap:10px;color:white!important;font:1.45rem Georgia,serif;text-decoration:none}
.site-footer-brand img {width:40px;height:40px}
.site-footer-main p {margin:9px 0;color:#cbdfd2}
.site-footer-links,.site-footer-legal {display:flex;flex-wrap:wrap;align-items:center;gap:9px 24px}
.site-footer-links {justify-content:flex-end;max-width:540px;padding-top:10px}
.site-footer-legal {padding:22px 0;border-top:1px solid #355951;border-bottom:1px solid #355951}
.site-footer a {color:#e2efe5!important;text-decoration:none}
.site-footer a:hover {text-decoration:underline;text-underline-offset:3px}
.site-footer-bottom {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding-top:19px;color:#b8d0c2;font-size:.77rem}
@media(max-width:1110px){.site-nav .site-links{gap:14px}.site-nav .site-links>a{font-size:.82rem}}
@media(max-width:960px){
  .site-nav .site-links {display:none;position:absolute;top:calc(100% - 2px);left:0;right:0;background:#fffdf9;padding:12px;border:1px solid #d7e2d8;border-radius:0 0 12px 12px;box-shadow:0 15px 30px rgba(12,43,36,.16);z-index:100;flex-direction:column;align-items:stretch;gap:0}
  .site-nav .site-links.is-open {display:flex}
  .site-nav .site-links>a {display:block;padding:14px 16px;font-size:1rem;white-space:normal;border-radius:7px}
  .site-nav .site-links>a:hover,.site-nav .site-links>a:is([aria-current="page"],[aria-current="location"]) {background:#eaf2e9}
  .site-menu-toggle {display:inline-flex}
}
@media(max-width:620px){.site-nav{min-height:67px;gap:10px}.site-nav .brand{font-size:1.1rem}.site-nav .brand img{width:33px;height:33px}.site-nav .site-sign-in{padding:9px 12px;font-size:.8rem}.site-sign-in-full{display:none}.site-sign-in-short{display:inline}.site-nav-actions{gap:7px}.site-menu-toggle{padding:8px 10px;font-size:.82rem}.site-footer-inner{width:calc(100% - 34px)}.site-footer-main{display:grid;gap:10px}.site-footer-links{justify-content:flex-start;max-width:none;padding:0}.site-footer-legal{gap:10px 18px}}
@media(max-width:370px){.site-nav .brand{font-size:.97rem}.site-nav .site-sign-in{padding:8px 9px;font-size:.73rem}.site-menu-toggle{padding:8px;font-size:.75rem}}
/* Homepage visual refinements */
#home.hero h1{font-size:clamp(3.05rem,5.2vw,5rem);line-height:1.07}
#home .hero-card .spark{margin:0 auto 25px;align-self:center}
#home .hero-card .spark img{width:200px;height:200px}
.quiz-panel .choice.correct{background:#d9ecdf!important;border:2px solid #3f9568!important;color:#184d36!important;font-weight:700}
.quiz-panel .choice.incorrect{background:#fbe3df!important;border:2px solid #ba5750!important;color:#842c27!important;font-weight:700}
.quiz-panel .explain:not(.hidden){margin:18px 0 28px;padding:20px 21px}
.quiz-panel #next:not(.hidden){margin-top:5px}
.board-teaser-art{background:#173f39;border-radius:20px;padding:42px 28px;display:flex;align-items:center;justify-content:center;gap:32px;color:#fffdf9;box-shadow:13px 15px 0 #d4e3d5;min-height:305px}
.board-teaser-art img{width:170px;height:170px;flex:none}
.stories-home-teaser{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center;max-width:1120px;margin:auto}.stories-home-teaser h2{font-size:clamp(2.3rem,4.3vw,3.8rem);margin:10px 0 16px}.stories-home-teaser p{max-width:580px;color:#556e60;line-height:1.65;margin-bottom:24px}.stories-home-steps{display:grid;gap:12px}.stories-home-steps span{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;background:#edf4ed;border:1px solid #dae6d9;border-radius:10px;color:#477b5b;font-size:.82rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.stories-home-steps strong{font:1.17rem Georgia,serif;color:#234b3d;text-align:right;text-transform:none;letter-spacing:normal}
.stories-home-steps span:nth-child(2){background:#244e40;color:#c2d5c5;border-color:#244e40}.stories-home-steps span:nth-child(2) strong{color:#fffdf7}
.board-teaser-art p{font:clamp(1.45rem,2.5vw,2.1rem) Georgia,serif;line-height:1.34;margin:0;color:#f7f2e5}
.home-wall-empty{grid-column:1 / -1;border:1px solid #557a68;border-radius:12px;padding:26px 28px;color:#d3e7d9}
.support-card{display:flex;flex-direction:column;align-items:flex-start}
.support-card a{margin-top:auto;padding-top:12px}
#learn .feature{min-height:225px;display:flex;flex-direction:column;align-items:flex-start}
#learn .feature .arrow{margin-top:auto;padding-top:22px}
.home-steps{list-style:none;counter-reset:home-step;display:grid;gap:15px;margin:20px 0 0;padding:0}
.home-steps li{counter-increment:home-step;position:relative;padding:7px 0 7px 53px;min-height:43px}
.home-steps li:before{content:counter(home-step);position:absolute;top:3px;left:0;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dfebdf;color:#2b664b;font:700 1.2rem Georgia,serif}
.home-steps strong{display:block;color:#214e43;font-size:1rem}
.home-steps span{display:block;font-size:.9rem;color:#60796a;margin-top:2px}
@media(max-width:850px){#home .hero-card .spark img{width:160px;height:160px}}
@media(max-width:620px){#home .hero-card .spark img{width:146px;height:146px}.board-teaser-art{min-height:200px;padding:30px 20px;gap:15px}.board-teaser-art img{width:105px;height:105px}}
@media(max-width:800px){.stories-home-teaser{grid-template-columns:1fr;gap:24px}}
@media(max-width:520px){.stories-home-steps span{display:grid;gap:5px;padding:15px}.stories-home-steps strong{text-align:left}}
/* Keep the visitor's three entry points visible without replacing the richer learning content. */
.quick-path-section{background:#fffdf9;border-top:1px solid #dce4d9;border-bottom:1px solid #dce4d9;padding:28px 0 31px}
.quick-path-intro{margin:0 0 12px;color:#557b65;font-size:.75rem;text-transform:uppercase;font-weight:800;letter-spacing:.13em}
.quick-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.quick-path-grid a{display:flex;align-items:center;gap:10px;min-width:0;padding:17px 19px;background:#f2f7f0;border:1px solid #d9e5d8;border-radius:10px;text-decoration:none;color:#163f3c;transition:background .18s,border-color .18s}
.quick-path-grid a>span:first-child{font-size:.74rem;color:#52806a;font-weight:700;white-space:nowrap}
.quick-path-grid a strong{font-weight:750;font-size:.94rem;line-height:1.3}
.quick-path-grid a>span:last-child{margin-left:auto;font-size:1.12rem}
.quick-path-grid a:hover{background:#e7f0e5;border-color:#98b9a4}
.quick-path-grid a:focus-visible{outline:3px solid #d8ae6c;outline-offset:3px}
.mission-closing{background:#e8f0e8;text-align:center}
.mission-closing .closing{max-width:760px}
.mission-closing .closing h2{font-size:clamp(2.7rem,5vw,4.2rem)}
.mission-closing .closing p{max-width:570px;margin:0 auto 26px}
@media(max-width:1000px){.quick-path-grid a{flex-wrap:wrap}.quick-path-grid a>span:last-child{margin-left:auto}}
@media(max-width:720px){.quick-path-grid{grid-template-columns:1fr}.quick-path-grid a{padding:15px 18px}.quick-path-grid a>span:first-child{min-width:100px}.quick-path-grid a strong{flex:1}}