:root{color-scheme:light;font-family:Inter,Arial,sans-serif;color:#102a43;background:#f5f8fb;--navy:#071f3b;--blue:#0b4f6c;--green:#55c878;--muted:#52677a;--line:#d7e1e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f8fb;line-height:1.6}a{color:inherit}.skip-link{position:absolute;left:-9999px;top:8px;padding:10px;background:#fff;color:#071f3b;z-index:50}.skip-link:focus{left:8px}:focus-visible{outline:3px solid #f2c94c;outline-offset:3px}.site-header{background:var(--navy);color:#fff}.nav-wrap{width:min(1120px,calc(100% - 32px));min-height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;flex-direction:column;color:#fff;text-decoration:none;font-size:21px;font-weight:900;letter-spacing:.04em;line-height:1}.brand span{color:var(--green)}.brand small{margin-bottom:4px;color:#fff;font-size:10px;letter-spacing:.2em}.site-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.site-nav a{padding:10px 12px;border-radius:8px;text-decoration:none;font-weight:700}.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current=page]{background:rgba(255,255,255,.13)}.button{display:inline-flex;min-height:48px;padding:11px 20px;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--green);color:var(--navy);font:inherit;font-weight:900;text-decoration:none;cursor:pointer}.button.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6)}.button:disabled{opacity:.62;cursor:wait}.hero{padding:clamp(64px,10vw,118px) 24px;background:linear-gradient(135deg,var(--navy),#086b89);color:#fff}.hero-inner,.section-inner{width:min(1080px,100%);margin:auto}.hero h1{max-width:780px;margin:0;font-size:clamp(42px,8vw,82px);line-height:.98;letter-spacing:-.035em}.hero p:not(.eyebrow){max-width:680px;font-size:19px}.hero-split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:center;gap:48px}.eyebrow{margin:0 0 8px;color:var(--green);font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.section{padding:72px 24px}.section.white{background:#fff}.section h2{margin:4px 0 14px;font-size:clamp(30px,5vw,44px);line-height:1.15}.lead{max-width:720px;color:var(--muted);font-size:18px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px rgba(7,31,59,.08)}.card h3{margin:0 0 8px}.icon-slot{display:grid;place-items:center;width:58px;height:54px;margin-bottom:18px;border-radius:14px;background:#e7f7ec;color:#176b3a;font-size:13px;font-weight:900}.photo-slot{display:grid;place-items:center;width:100%;height:180px;margin-bottom:18px;border:2px dashed #9eb2c1;border-radius:14px;background:linear-gradient(145deg,#e7eef3,#f7fafc)}.notice{padding:20px 22px;border-left:5px solid var(--green);border-radius:10px;background:#eaf8ee}.footer{padding:34px 24px;background:var(--navy);color:#dce7ef}.footer-inner{width:min(1080px,100%);margin:auto}.asset-hook{display:grid;place-items:center;overflow:hidden;border:2px dashed rgba(85,200,120,.75);border-radius:22px;background:rgba(7,31,59,.42);color:#d8e8ee;text-align:center}.asset-hook span{max-width:240px;padding:16px;font-weight:800}.asset-hook-home{min-height:360px}.asset-hook-rights{width:min(720px,100%);min-height:460px;margin:auto;background:#e7eef3;color:#52677a;border-color:#8aa1b2}.rights-callout{padding:34px 24px;background:#f2c94c;color:#172b3a}.rights-callout .eyebrow{color:#36505f}.rights-callout-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.rights-callout h2{margin:0;font-size:clamp(28px,5vw,44px)}.rights-callout p{margin:4px 0 0}.rights-viewer{display:grid;gap:24px}.compact-public{padding-block:62px}.privacy-line{font-weight:800;color:#dff7e6}.form-shell{max-width:820px;margin:0 auto;padding:clamp(24px,5vw,46px);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 40px rgba(7,31,59,.1)}fieldset{margin:0 0 30px;padding:0;border:0}legend{margin-bottom:14px;font-size:20px;font-weight:900}.choice{display:flex;gap:12px;align-items:flex-start;margin:10px 0;padding:12px;border:1px solid var(--line);border-radius:10px}.choice:has(input:checked){border-color:#16824a;background:#eef9f1}input[type=radio],input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:#16824a}textarea{width:100%;min-height:140px;padding:14px;border:2px solid var(--line);border-radius:10px;font:inherit;resize:vertical}textarea:focus{border-color:#16824a;outline:0}.rating-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.form-status{min-height:26px;font-weight:800}.form-status.error{color:#a11b1b}.form-status.success{padding:16px;border-radius:10px;background:#e7f7ec;color:#155d32}.leadership-empty{text-align:center}
@media(max-width:760px){.nav-wrap{padding:14px 0;align-items:flex-start;flex-direction:column}.site-nav{width:100%}.site-nav a{flex:1 1 auto;text-align:center}.grid,.hero-split,.rating-grid{grid-template-columns:1fr}.hero{padding-top:56px}.section{padding:54px 20px}.form-shell{padding:24px 18px}.actions .button,.rights-callout .button{width:100%}.asset-hook-home{min-height:240px}.asset-hook-rights{min-height:360px}.rights-callout-inner{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Approved MEG1718 visual system */
:root{--ocean:#03182e;--cyan:#10aee8;--teal:#29c8c1;--sea-glow:rgba(16,174,232,.24)}
.site-header{position:relative;z-index:2;background:rgba(3,24,46,.98);border-bottom:1px solid rgba(41,200,193,.28)}
.brand span{color:var(--cyan)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 8%,rgba(16,174,232,.38),transparent 32%),linear-gradient(135deg,#020f20 5%,#04375a 55%,#05677b);isolation:isolate}
.hero::after{content:"";position:absolute;inset:auto -8% -150px 45%;height:330px;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at center,rgba(41,200,193,.18),transparent 70%);z-index:-1}
.home-hero{padding-block:clamp(50px,7vw,88px)}
.home-copy{max-width:850px;margin-bottom:34px}.home-copy h1{font-style:italic;text-shadow:0 3px 25px rgba(16,174,232,.28)}
.home-actions .button{background:var(--cyan);color:#021629}.home-actions .button.bright{background:#fff}.home-actions .button.secondary{background:rgba(3,24,46,.45);color:#fff}
.asset-hook{margin:0;border:1px solid rgba(41,200,193,.48);border-radius:22px;box-shadow:0 24px 58px rgba(0,0,0,.28);background:#03182e}
.asset-hook-home{min-height:0;max-width:1152px}.asset-hook-home img{aspect-ratio:1152/778;object-fit:contain}
.rights-callout{background:linear-gradient(90deg,#f2c94c,#ffdc67)}
.membership{color:#fff;background:radial-gradient(circle at 50% 0,var(--sea-glow),transparent 40%),linear-gradient(145deg,#021427,#063758)}
.membership h2{color:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:30px}.benefit{padding:22px 18px;border:1px solid rgba(41,200,193,.28);border-radius:16px;background:rgba(2,20,39,.62)}.benefit>span{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:rgba(16,174,232,.16);color:#5ce0e8;font-size:22px}.benefit h3{margin:15px 0 6px;font-size:17px}.benefit p{margin:0;color:#d3e6ed;font-size:14px}
.public-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.afscme-panel{padding:32px;border-radius:20px;background:linear-gradient(145deg,#062c4a,#07546c);color:#fff;box-shadow:0 16px 38px rgba(3,24,46,.18)}.afscme-panel h2{color:#fff}.afscme-panel .button{margin-top:12px}.text-link{font-weight:900;color:#086b89}
.rights-section{background:linear-gradient(#e7f4f7,#f7fafc)}.asset-hook-rights{width:min(620px,100%);min-height:0}.asset-hook-rights img{aspect-ratio:369/427;object-fit:contain}.rights-viewer>p{max-width:720px;margin-inline:auto;text-align:center}
.leadership-empty .photo-slot{background:linear-gradient(145deg,#dcebf0,#f7fafc);border-color:#7fa8b6}
@media(max-width:900px){.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-feature-grid{grid-template-columns:1fr}}
@media(max-width:760px){.home-copy{margin-bottom:24px}.home-actions .button{width:100%}.asset-hook-home{border-radius:14px}.benefit-grid{grid-template-columns:1fr}.benefit{display:grid;grid-template-columns:auto 1fr;column-gap:14px}.benefit>span{grid-row:1/3}.benefit h3{margin:0}.asset-hook-rights{min-height:0}.public-feature-grid{gap:20px}}

/* Public survey campaign. Selectors stay scoped to this page. */
.survey-page{min-height:100dvh;display:flex;flex-direction:column;color:#08284a;background:#03182e;line-height:1.35}
.survey-page .nav-wrap,.survey-page-inner{width:min(1440px,calc(100% - 48px));margin:auto}
.survey-page .site-nav{gap:3px}.survey-page .site-nav a{padding:10px;font-size:15px}
.survey-page main{flex:1;background:radial-gradient(ellipse at 90% 0,#b6ddee,transparent 65%),#eaf3f8}
.survey-page .survey-hero{padding:16px 0;background:linear-gradient(110deg,#fff 10%,#e9f7fc 57%,#0b6590 100%);border-bottom:3px solid #10aee8}
.survey-page .survey-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(230px,.9fr) minmax(180px,.5fr);align-items:center;gap:20px}
.survey-page .survey-intro .eyebrow{margin:0 0 5px;font-size:14px;color:#08724b;letter-spacing:.08em}
.survey-page .survey-intro h1{margin:0;font-size:clamp(34px,3.2vw,48px);line-height:.98;letter-spacing:-.035em;text-transform:uppercase;font-weight:900}
.survey-page .survey-intro h1 span{color:#007ba6}
.survey-page .survey-intro p:not(.eyebrow){max-width:610px;margin:10px 0 0;font-size:15px;line-height:1.4}
.survey-page .survey-shark{position:relative;height:170px;margin:0;overflow:hidden;border-radius:18px;border:1px solid #70cee7;box-shadow:0 8px 24px #032b4833}
.survey-page .survey-shark img{position:absolute;display:block;right:0;top:-15%;width:160%;height:auto;max-width:none}
.survey-page .survey-trust{padding:15px;border:1px solid #22b9e9;border-radius:16px;background:#031e3c;color:white}
.survey-page .trust-mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d5f7ff;color:#07536d;font-weight:900}
.survey-page .survey-trust h2{margin:7px 0 4px;font-size:17px;color:#57d9ef}.survey-page .survey-trust p{margin:0;font-size:14px}.survey-page .survey-trust strong{display:block;margin-top:12px;padding-top:10px;border-top:1px solid #397186;font-size:12px;text-transform:uppercase;letter-spacing:.035em}
.survey-page .survey-section{padding:14px 0 18px}
.survey-page .survey-form{max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}
.survey-page .survey-form-content{display:grid;grid-template-columns:1fr auto;gap:12px}
.survey-page .survey-form h2{margin:0;font-size:19px;line-height:1.2}
.survey-page .required-note{margin:0;font-size:13px;align-self:center;color:#37556b}
.survey-page .survey-question-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.13fr 1fr;gap:14px;align-items:stretch}
.survey-page .survey-card{position:relative;min-width:0;margin:0;padding:16px;border:1px solid #9fbfd2;border-radius:16px;background:#fff;box-shadow:0 5px 15px #07243c0a}
.survey-page fieldset{padding-top:12px}
.survey-page legend{float:left;width:100%;margin:0 0 12px;min-height:43px;padding:0;font-size:16px;font-weight:900;line-height:1.3}
.survey-page legend+*{clear:left}
.survey-page legend>span:not(.section-number){font-size:12px;font-weight:400;white-space:nowrap}
.survey-page .section-number{float:left;display:inline-grid;place-items:center;flex:none;width:32px;height:32px;margin-right:10px;border-radius:50%;background:linear-gradient(#077eb4,#062653);color:white;font-size:22px;font-weight:900;line-height:1}
.survey-page .choice{display:flex;position:relative;min-height:44px;margin:0;padding:8px 10px;gap:9px;align-items:center;border:1px solid #b7cddd;border-radius:9px;background:#f7fafc;color:#08284a;font-size:14px;cursor:pointer}
.survey-page .choice+ .choice{margin-top:8px}
.survey-page .choice input{position:static;flex:none;width:19px;height:19px;margin:0;opacity:1;accent-color:#00799e}
.survey-page .choice:hover{background:#edfaff;border-color:#007da8}
.survey-page .choice:has(input:checked){background:#ddf5fc;border-color:#007a9e;box-shadow:inset 0 0 0 1px #007a9e;color:#052a44}
.survey-page .choice:has(input:focus-visible){outline:3px solid #b16c00;outline-offset:2px}
.survey-page .choice:has(input:disabled){opacity:.55;cursor:default}
.survey-page .card-1 .choice{min-height:58px}
.survey-page .card-2 .choice{border-color:transparent;background:none;padding:6px 0;min-height:44px}
.survey-page .card-2 .choice+ .choice{margin-top:0}
.survey-page .card-2 .choice:has(input:checked){background:#e1f6fc;padding-inline:7px}
.survey-page #priority-help{clear:left;margin:0 0 4px;font-size:13px;color:#405f74}
.survey-page .rating-grid{clear:left;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding-top:22px}
.survey-page .rating-grid .choice{min-width:0;min-height:148px;margin:0;padding:10px 3px;flex-direction:column;gap:8px;text-align:center}
.survey-page .rating-grid .choice>span{font-size:13px;line-height:1.3}
.survey-page .rating-grid .choice strong{font-size:17px}
.survey-page .rating-face{order:-1;display:block;width:min(100%,46px);height:46px;flex:none;fill:#f1bc45}
.survey-page .face-1{fill:#f18b7f}.survey-page .face-2{fill:#f7b56c}.survey-page .face-4{fill:#b0d660}.survey-page .face-5{fill:#67c77f}
.survey-page .survey-lower-grid{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr);gap:14px;align-items:stretch}
.survey-page .comments-group>label{display:block;margin-bottom:8px;font-size:15px;line-height:1.3}
.survey-page .comments-group .section-number{width:27px;height:27px;font-size:19px}
.survey-page textarea{display:block;width:100%;min-height:70px;height:70px;padding:10px;border:1px solid #8baec5;border-radius:8px;background:#fbfdff;font-size:15px;resize:vertical}
.survey-page textarea:focus{outline:2px solid #007c9f;outline-offset:1px}
.survey-page #comments-help{margin:6px 0 0;font-size:12px;color:#405f74}
.survey-page .survey-submit-area{display:flex;flex-direction:column;justify-content:center;padding:16px 20px;border:1px solid #9fbfd2;border-radius:16px;background:#fff}
.survey-page .survey-submit{min-height:48px;width:100%;background:#087f3e;color:#fff;font-size:18px}
.survey-page .survey-submit:hover{background:#066b34}.survey-page .privacy-line{margin:9px 0 0;text-align:center;font-size:13px;color:#234d61}
.survey-page .form-status:empty{display:none}.survey-page .form-status{min-height:0;margin:10px 0 0;font-size:14px}.survey-page .form-status.success{padding:20px;background:#dcf5e6;color:#125230}
.survey-page .footer{padding:14px 0;border-top:3px solid #10aee8;background:#03182e;color:white}
.survey-page .footer-inner{width:min(1440px,calc(100% - 48px));margin:auto;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px}
.survey-page .footer strong{text-transform:uppercase;font-size:18px}.survey-page .footer strong span{color:#22c4e9}.survey-page .footer p{margin:0}
@media(min-width:1600px){.survey-page .survey-hero{padding-block:24px}.survey-page .survey-shark{height:200px}.survey-page .survey-intro h1{font-size:52px}}
@media(max-width:1100px){.survey-page .site-nav a{font-size:12px;padding:8px}.survey-page .survey-hero-grid{grid-template-columns:1.25fr 1fr}.survey-page .survey-trust{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:10px 16px}.survey-page .survey-trust h2,.survey-page .survey-trust p,.survey-page .survey-trust strong{margin:0;padding:0;border:0}.survey-page .survey-question-grid{grid-template-columns:1fr 1fr}.survey-page .card-3{grid-column:1/-1}.survey-page .rating-grid{padding-top:0}.survey-page .rating-grid .choice{min-height:130px}.survey-page .survey-lower-grid{grid-template-columns:1.7fr 1fr}}
@media(max-width:760px){.survey-page .nav-wrap,.survey-page-inner,.survey-page .footer-inner{width:calc(100% - 28px)}.survey-page .site-nav a{font-size:12px;min-height:40px}.survey-page .survey-hero{padding:22px 0 16px}.survey-page .survey-hero-grid{grid-template-columns:1fr;gap:16px}.survey-page .survey-intro h1{font-size:38px}.survey-page .survey-shark{height:170px}.survey-page .survey-trust{grid-column:auto;display:block}.survey-page .trust-mark{float:left;margin-right:10px}.survey-page .survey-trust h2{margin-bottom:4px}.survey-page .survey-trust strong{margin-top:10px}.survey-page .survey-form-content{display:block}.survey-page .required-note{margin:6px 0 14px}.survey-page .survey-question-grid,.survey-page .survey-lower-grid{grid-template-columns:1fr;gap:14px}.survey-page .card-3{grid-column:auto}.survey-page .survey-lower-grid{margin-top:14px}.survey-page .survey-card{padding:16px 12px}.survey-page .rating-grid{gap:4px;padding-top:4px}.survey-page .rating-grid .choice{min-height:145px;padding-inline:1px}.survey-page .rating-grid .choice>span{font-size:12px}.survey-page textarea{height:110px;min-height:110px}.survey-page .survey-submit-area{padding:20px 16px}.survey-page .footer-inner{flex-direction:column;text-align:center;gap:6px}.survey-page .footer{padding:18px 0}}


/* Approved single-screen Home dashboard. All selectors are Home-scoped. */
.home-page{height:100dvh;overflow:hidden;background:#020f20;color:#fff;line-height:1.35}.home-page .site-header{height:76px}.home-dashboard{position:relative;height:calc(100dvh - 76px);min-height:0;overflow:hidden;background:#03182e url('/assets/home-construction-worker-approved.png') center bottom/cover no-repeat;isolation:isolate}.home-dashboard::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,15,31,.98) 0%,rgba(2,24,46,.94) 39%,rgba(2,24,46,.28) 65%,rgba(2,24,46,.06)),linear-gradient(180deg,rgba(2,19,37,.8),transparent 17%,rgba(1,12,25,.25));z-index:-1}.home-dashboard-inner{width:min(1360px,calc(100% - 48px));height:100%;margin:auto;padding:clamp(18px,2.4vh,28px) 0 clamp(14px,2vh,22px);display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);grid-template-rows:auto 1fr auto;gap:clamp(12px,1.8vh,20px) 16px;align-content:stretch}.home-identity{align-self:start;max-width:760px;padding:clamp(14px,2vh,24px);border:1px solid rgba(16,174,232,.3);border-radius:22px;background:rgba(1,20,39,.82);box-shadow:0 18px 48px rgba(0,0,0,.28);backdrop-filter:blur(5px)}.home-kicker{display:flex;align-items:baseline;gap:10px;margin:0;font-size:clamp(30px,4.2vw,60px);font-weight:950;letter-spacing:-.04em;line-height:.85}.home-kicker span{color:#10aee8}.home-kicker small{font-size:clamp(10px,1.2vw,16px);font-weight:800;letter-spacing:.18em;text-transform:uppercase}.home-identity h1{margin:clamp(9px,1.5vh,16px) 0 4px;font-size:clamp(34px,5.3vw,72px);font-style:italic;line-height:.95;letter-spacing:-.04em;text-shadow:0 4px 22px rgba(16,174,232,.32)}.home-values{margin:0;color:#e3f4fa;font-size:clamp(12px,1.4vw,19px)}.home-values span{padding:0 .45em;color:#10aee8}.home-primary-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:clamp(12px,2vh,20px)}.home-action{display:grid;grid-template-columns:auto 1fr auto;min-height:clamp(52px,7vh,70px);padding:8px 12px;align-items:center;gap:9px;border:1px solid #24bce9;border-radius:16px;background:rgba(2,37,68,.94);color:#fff;text-decoration:none;text-transform:uppercase}.home-action.survey{background:rgba(10,113,196,.95)}.home-action.den{background:rgba(15,137,136,.94);border-color:#63e3db}.home-action>span{color:#7aeaf1;font-weight:900}.home-action strong{font-size:clamp(10px,1.05vw,14px)}.home-action b{color:#7aeaf1;font-size:24px}.home-action:hover{filter:brightness(1.16);transform:translateY(-1px)}
.home-membership{grid-column:1;align-self:end;padding:clamp(12px,1.7vh,20px);border:1px solid #24bce9;border-radius:20px;background:rgba(1,24,46,.94);box-shadow:0 16px 38px rgba(0,0,0,.28)}.home-membership h2{margin:0 0 clamp(8px,1.2vh,13px);color:#21b8ef;font-size:clamp(17px,1.8vw,25px);text-transform:uppercase}.home-benefits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.home-benefits a{display:grid;min-width:0;padding:3px 9px;text-align:center;text-decoration:none;border-left:1px solid rgba(64,188,223,.3)}.home-benefits a:first-child{border-left:0}.home-benefits a>span{height:clamp(26px,4vh,42px);color:#4ed2d5;font-size:clamp(20px,2.2vw,31px)}.home-benefits strong{font-size:clamp(9px,.95vw,13px);text-transform:uppercase}.home-benefits small{margin-top:3px;color:#d3e6ed;font-size:clamp(8px,.8vw,11px)}.home-benefits a:hover{background:rgba(16,174,232,.12);border-radius:10px}.home-afscme{grid-column:2;grid-row:2;align-self:end;padding:clamp(15px,2vh,24px);border:1px solid #36c4e9;border-radius:20px;background:rgba(1,25,48,.94);box-shadow:0 16px 38px rgba(0,0,0,.3)}.home-afscme p{margin:0;color:#29c8c1;font-weight:900;text-transform:uppercase}.home-afscme h2{margin:5px 0;color:#55c878;font-size:clamp(30px,4vw,50px);font-style:italic;line-height:1}.home-afscme>span{display:block;color:#e2edf3;font-size:clamp(11px,1vw,14px)}.home-afscme a{display:flex;margin-top:clamp(10px,1.5vh,16px);justify-content:space-between;color:#45dfdd;font-size:clamp(11px,1vw,14px);font-weight:900;text-decoration:none;text-transform:uppercase}.home-union-line{grid-column:1/-1;margin:0;padding:5px 18px;background:linear-gradient(90deg,rgba(7,70,132,.95),rgba(7,70,132,.1));font-size:clamp(18px,2.4vw,34px);font-weight:900;font-style:italic;letter-spacing:.04em;text-transform:uppercase}.home-union-line span{color:#fff}
@media(max-height:800px) and (min-width:761px){.home-dashboard-inner{padding-block:12px;gap:9px}.home-identity{padding:12px 16px}.home-identity h1{font-size:clamp(32px,4.4vw,58px)}.home-primary-actions{margin-top:9px}.home-membership{padding:10px 14px}.home-membership h2{margin-bottom:6px}.home-afscme{padding:13px 18px}.home-union-line{padding-block:3px}}
@media(max-width:900px) and (min-width:761px){.home-dashboard-inner{width:calc(100% - 28px);grid-template-columns:minmax(0,1.65fr) minmax(220px,.55fr)}.home-benefits small{display:none}}
@media(max-width:760px){.home-page{height:auto;min-height:100dvh;overflow:auto}.home-page .site-header{height:auto}.home-dashboard{height:auto;min-height:calc(100dvh - 160px);overflow:visible;background-position:63% top;background-size:auto 620px}.home-dashboard::before{background:linear-gradient(180deg,rgba(2,21,41,.34) 0,rgba(2,21,41,.82) 370px,#02152a 610px)}.home-dashboard-inner{width:min(100% - 24px,560px);height:auto;padding:260px 0 18px;display:flex;flex-direction:column;gap:12px}.home-identity{width:100%;padding:16px}.home-kicker{font-size:34px}.home-kicker small{font-size:9px}.home-identity h1{font-size:42px}.home-values{font-size:12px}.home-primary-actions{grid-template-columns:1fr}.home-action{min-height:54px}.home-membership{order:2;padding:14px}.home-benefits{grid-template-columns:1fr 1fr;gap:6px}.home-benefits a{min-height:78px;padding:8px;border:1px solid rgba(64,188,223,.25);border-radius:10px}.home-benefits a:last-child{grid-column:1/-1}.home-afscme{order:3;width:100%}.home-union-line{order:4;width:100%;font-size:18px;text-align:center}.home-benefits small{font-size:10px}}
.home-dashboard::before{background:linear-gradient(90deg,rgba(1,15,31,.98) 0%,rgba(2,24,46,.94) 39%,rgba(2,24,46,.28) 65%,rgba(2,24,46,.06)),linear-gradient(180deg,rgba(2,19,37,.8),transparent 17%,rgba(1,12,25,.88) 72%,rgba(1,12,25,.96))}
@media(max-width:760px){.home-dashboard::before{background:linear-gradient(180deg,rgba(2,21,41,.34) 0,rgba(2,21,41,.82) 370px,#02152a 610px)}}
@media(max-width:760px){.home-dashboard{background-position:63% -55px}.home-dashboard-inner{padding-top:210px}}

/* Home correction #2: clean artwork with real HTML interface layered above it. */
.home-page .home-dashboard{
  background-image:url('/assets/home-production-background-v2.png');
  background-position:right bottom;
  background-size:auto 100%;
}

/* Approved About Local 1718 page; intentionally isolated from frozen pages. */
html:has(body.about-page){height:100%;overflow:hidden}.about-page{--about-green:#58bd5e;--about-blue:#00a9e5;display:grid;grid-template-rows:76px minmax(0,1fr) 76px;height:100vh;overflow:hidden;background:#020c14;color:#fff;line-height:1.5}.about-page .site-header{height:76px}.about-recruitment{position:relative;isolation:isolate;min-height:0;overflow:hidden;background:#03111c;border-block:1px solid rgba(50,138,175,.35)}.about-art{position:absolute;z-index:0;inset:0;background:url('/assets/about-shark-den.png') center/cover no-repeat}.about-recruitment:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(1,11,19,.22),rgba(1,11,19,.04) 48%,transparent 72%);pointer-events:none}
.about-message{position:absolute;z-index:2;top:7%;left:clamp(30px,4.8vw,74px);width:min(38vw,540px)}.about-eyebrow{margin:0 0 clamp(7px,1.2vh,14px);color:var(--about-green);font-size:clamp(14px,1.35vw,20px);font-weight:950;letter-spacing:.08em;text-transform:uppercase}.about-message h1{margin:0;color:#f5f7f7;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(47px,5.7vw,88px);letter-spacing:.02em;line-height:.88;text-transform:uppercase;text-shadow:0 4px 1px rgba(0,0,0,.55)}.about-message h1 span,.about-message h1 em{display:block}.about-message h1 em{margin-top:10px;color:var(--about-blue);font-size:.55em;font-style:normal;line-height:1}.about-copy{margin-top:clamp(16px,2.4vh,29px)}.about-copy p{margin:0 0 clamp(7px,1vh,12px);font-size:clamp(13px,1.22vw,18px);line-height:1.48}
.about-callout{position:absolute;z-index:3;top:7%;left:38.5%;width:clamp(145px,14.5vw,215px);aspect-ratio:1.35;padding:12px;display:grid;place-content:center;border:clamp(4px,.34vw,5px) solid #e5e8e6;border-radius:42% 38% 44% 35%;background:rgba(3,20,31,.9);text-align:center;text-transform:uppercase;transform:rotate(-2deg);box-shadow:0 5px 18px rgba(0,0,0,.3)}.about-callout:after{content:"";position:absolute;right:7%;bottom:-17px;width:26px;height:32px;border-right:5px solid #e5e8e6;border-bottom:5px solid #e5e8e6;background:#071a27;transform:skew(24deg) rotate(16deg)}.about-callout span,.about-callout strong{position:relative;z-index:1;display:block;font-family:Impact,"Arial Narrow",sans-serif;font-weight:900;font-style:italic;line-height:.9}.about-callout span{font-size:clamp(22px,2.2vw,34px)}.about-callout strong{margin-top:4px;color:var(--about-green);font-size:clamp(38px,3.9vw,58px)}
.about-values{position:absolute;z-index:4;left:clamp(30px,4.8vw,74px);bottom:4.5%;width:min(73vw,1115px);min-height:clamp(96px,14vh,136px);padding:clamp(14px,2vh,24px) clamp(18px,2.6vw,38px);display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(0,169,229,.55);border-radius:14px;background:rgba(2,19,31,.92);box-shadow:0 14px 30px rgba(0,0,0,.3)}.about-values article{min-width:0;padding:0 clamp(14px,2vw,28px);display:flex;align-items:center;gap:clamp(12px,1.7vw,24px)}.about-values article+article{border-left:1px solid rgba(111,181,208,.5)}.about-values svg{width:clamp(38px,4vw,58px);flex:0 0 clamp(38px,4vw,58px);fill:none;stroke:var(--about-green);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.about-values h2{margin:0 0 6px;font-size:clamp(15px,1.45vw,21px);text-transform:uppercase}.about-values p{margin:0;font-size:clamp(12px,1.15vw,17px);line-height:1.35}.about-footer{display:grid;place-content:center;background:linear-gradient(180deg,#091d2a,#03121c);text-align:center;text-transform:uppercase;letter-spacing:clamp(4px,.8vw,12px)}.about-footer strong{font-size:clamp(14px,1.4vw,21px)}.about-footer p{margin:7px 0 0;color:var(--about-green);font-size:clamp(10px,1.1vw,16px);font-weight:900}
@media(max-width:1100px){.about-page{grid-template-rows:76px minmax(0,1fr) 62px}.about-page .nav-wrap{width:calc(100% - 28px)}.about-page .site-nav a{padding-inline:8px}.about-message{top:5%;width:41vw}.about-callout{left:39%;top:6%}.about-values{width:79vw}.about-values article{padding-inline:13px}}
@media(max-height:800px) and (min-width:761px){.about-page{grid-template-rows:76px minmax(0,1fr) 56px}.about-message{top:4%}.about-message h1{font-size:clamp(43px,5.2vw,70px)}.about-copy{margin-top:13px}.about-copy p{margin-bottom:6px;line-height:1.38}.about-callout{top:4%;left:39%;width:clamp(135px,14vw,190px)}.about-values{bottom:3%;min-height:90px;padding:11px 20px}}
@media(max-width:760px){html:has(body.about-page){height:auto;overflow-x:hidden;overflow-y:auto}.about-page{display:block;height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto}.about-page .site-header{height:auto}.about-recruitment{min-height:1030px;padding:34px 20px 24px}.about-art{inset:360px -210px 210px -100px;background-size:auto 590px;background-position:58% top}.about-recruitment:before{background:linear-gradient(180deg,#03111c 0,rgba(3,17,28,.76) 42%,rgba(3,17,28,.14) 70%,#03111c 86%)}.about-message{position:relative;top:auto;left:auto;width:100%}.about-message h1{font-size:clamp(48px,17vw,68px)}.about-copy p{font-size:15px}.about-callout{top:420px;left:16px;width:145px}.about-values{left:20px;right:20px;bottom:22px;width:auto;padding:17px;grid-template-columns:1fr}.about-values article{padding:13px 8px}.about-values article+article{border-left:0;border-top:1px solid rgba(111,181,208,.5)}.about-values svg{width:42px;flex-basis:42px}.about-values h2{font-size:16px}.about-values p{font-size:14px}.about-footer{min-height:78px}}
.home-page .home-dashboard::before{
  background:linear-gradient(90deg,rgba(1,15,31,.86) 0%,rgba(2,24,46,.62) 40%,rgba(2,24,46,.08) 62%,transparent 72%),linear-gradient(180deg,rgba(2,19,37,.28),transparent 28%,rgba(1,12,25,.66) 76%,rgba(1,12,25,.84));
}
.home-page .home-identity{
  padding:clamp(10px,1.5vh,18px) clamp(8px,1vw,14px);
  border:0;
  border-radius:0;
  background:linear-gradient(90deg,rgba(1,20,39,.42),transparent);
  box-shadow:none;
  backdrop-filter:none;
  text-shadow:0 3px 18px rgba(0,0,0,.75);
}
@media(max-width:760px){
  .home-page .home-dashboard{background-position:63% -55px;background-size:auto 620px}
  .home-page .home-dashboard::before{background:linear-gradient(180deg,rgba(2,21,41,.18) 0,rgba(2,21,41,.74) 370px,#02152a 610px)}
}

/* Public Leadership board. All rules are isolated from approved pages. */
.leadership-page{color:#eaf6ff;background:#021426;line-height:1.45}
.leadership-page .nav-wrap{width:min(1360px,calc(100% - 48px))}
.leadership-page .lb-main{background:radial-gradient(ellipse at 0 35%,#07547855,transparent 45%),radial-gradient(ellipse at 100% 70%,#08758944,transparent 45%),#031c30}
.leadership-page .lb-hero{position:relative;text-align:center;border-bottom:1px solid #298cab;background:linear-gradient(0deg,#031c30 0%,#031c3080 35%,#031c3040 100%),url('/assets/home-production-background-v2.png') left 42%/210% auto no-repeat;overflow:hidden}
.leadership-page .lb-hero-inner{position:relative;padding:27px 24px 0;background:linear-gradient(90deg,#031c3055,transparent,#031c3055)}
.leadership-page .lb-local{font:23px Georgia,serif;letter-spacing:.27em;margin:0 0 3px;color:#edf9ff}
.leadership-page h1{font:clamp(48px,6.3vw,86px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:.045em;margin:0;text-shadow:0 3px 2px #001221,0 0 24px #66cff04d}
.leadership-page .lb-intro{font-size:16px;letter-spacing:.09em;line-height:1.5;margin:13px auto 22px;color:#d5f7ff}
.leadership-page .lb-values{display:flex;justify-content:center;gap:40px;margin:auto;max-width:1050px;padding:12px 0;border-top:1px solid #78dcff5c;font-size:10px;letter-spacing:.18em;color:#b8eaff}
.leadership-page .lb-values span+span:before{content:'◆';margin-right:40px;color:#68d9f3;font-size:8px}
.leadership-page .lb-board{width:min(1360px,calc(100% - 48px));margin:auto;padding:22px 0 32px}
.leadership-page .lb-section+.lb-section{margin-top:25px}
.leadership-page .lb-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:10px 20px;border-block:1px solid #328aaa;border-radius:8px;background:linear-gradient(90deg,#031221,#042c46 65%,#021523)}
.leadership-page .lb-section-heading h2{font:clamp(23px,2.5vw,33px)/1.1 Georgia,serif;letter-spacing:.015em;margin:0;color:#f3f7fc}
.leadership-page .lb-section-heading p{font-size:10px;letter-spacing:.18em;margin:0;color:#a7e5f5;text-align:right}
.leadership-page .lb-section-heading p span{margin:0 12px}
.leadership-page .lb-executives{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.leadership-page .lb-person{min-width:0;cursor:default;border:1px solid #259fc7;border-radius:10px;background:radial-gradient(ellipse at 50% 0,#0c5c8070,transparent 70%),linear-gradient(140deg,#062d47,#021525);box-shadow:inset 0 1px 0 #6cd8f233,0 5px 12px #0005;text-align:center;padding:20px 17px}
.leadership-page .lb-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border:1px solid #8de6ff;border-radius:50%;color:#b9ebff;background:#021b2e;box-shadow:0 0 16px #27b0de33}
.leadership-page .lb-icon svg{display:block;width:33px;height:33px}
.leadership-page .lb-person h3{font:700 15px/1.35 Georgia,serif;letter-spacing:.035em;margin:0;color:#c2eaff}
.leadership-page .lb-name{font:24px/1.17 Georgia,serif;color:#fff;margin:14px 0 12px;text-wrap:balance}
.leadership-page .lb-executive .lb-name{min-height:56px;display:flex;align-items:center;justify-content:center}
.leadership-page .lb-department{border-top:1px solid #568697;padding-top:12px;max-width:220px;margin:0 auto;font-size:14px;line-height:1.5;color:#deedf5}
.leadership-page .lb-executive:first-child{border-color:#ead079;background:radial-gradient(ellipse at 0 0,#856b2540,transparent 75%),linear-gradient(140deg,#17363c,#021525);box-shadow:inset 0 0 0 1px #ead07955,0 0 18px #dac06a14}
.leadership-page .lb-executive:first-child h3,.leadership-page .lb-executive:first-child .lb-icon{color:#ffe39a;border-color:#e9ca72}
.leadership-page .lb-stewards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.leadership-page .lb-steward{padding:16px 18px 18px;background:radial-gradient(ellipse at 90% 0,#157ba133,transparent 75%),linear-gradient(145deg,#06334b,#021827)}
.leadership-page .lb-steward .lb-icon{width:45px;height:45px;margin-bottom:9px}
.leadership-page .lb-steward .lb-icon svg{width:28px;height:28px}
.leadership-page .lb-steward h3{font:12px/1.4 Arial,sans-serif;letter-spacing:.055em;min-height:34px;display:flex;align-items:center;justify-content:center;max-width:250px;margin:auto}
.leadership-page .lb-steward .lb-name{border-top:1px solid #39718a;margin:9px 0 5px;padding-top:10px;font-size:23px}
.leadership-page .lb-role{font-size:14px;color:#bde5f7;margin:0;letter-spacing:.02em}
.leadership-page .lb-safety-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}
.leadership-page .lb-safety-person{display:flex;align-items:center;gap:24px;text-align:left;padding:20px 25px}
.leadership-page .lb-safety-person .lb-icon{flex:none;width:76px;height:76px;margin:0}
.leadership-page .lb-safety-person .lb-icon svg{width:44px;height:44px}
.leadership-page .lb-safety-person h3{font:12px/1.5 Arial,sans-serif;letter-spacing:.07em}
.leadership-page .lb-safety-person .lb-name{margin:7px 0}
.leadership-page .lb-safety-message{border-left:1px solid #328aaa;padding:8px 28px;margin:0;font:25px/1.4 Georgia,serif;color:#d0eafa}
.leadership-page .lb-safety-message em{color:#96d5ed}
.leadership-page .lb-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;width:min(1360px,calc(100% - 48px));margin:auto;padding:25px 0;color:#b8d9e7}
.leadership-page .lb-footer strong{font:28px Georgia,serif;letter-spacing:.05em;color:#f3f7fc}
.leadership-page .lb-footer p{font-size:10px;letter-spacing:.15em;margin:7px 0 0}
.leadership-page .lb-footer p span{margin:0 12px;color:#59bedb}
@media(max-width:1100px){.leadership-page .lb-executives{gap:10px}.leadership-page .lb-person{padding-inline:12px}.leadership-page .lb-name{font-size:22px}.leadership-page .lb-person h3{font-size:14px}.leadership-page .lb-section-heading p{letter-spacing:.08em}.leadership-page .lb-steward h3{font-size:12px}}
@media(max-width:950px){.leadership-page .lb-executives{grid-template-columns:repeat(3,minmax(0,1fr))}.leadership-page .lb-stewards{grid-template-columns:repeat(2,minmax(0,1fr))}.leadership-page .lb-section-heading{align-items:flex-start;flex-direction:column;gap:8px}.leadership-page .lb-section-heading p{text-align:left}.leadership-page .lb-safety-layout{grid-template-columns:1fr}.leadership-page .lb-values{gap:20px}.leadership-page .lb-values span+span:before{margin-right:20px}.leadership-page .lb-footer{align-items:flex-start;flex-direction:column}.leadership-page .lb-safety-message{font-size:23px}.leadership-page .lb-hero{background-size:auto 850px}}
@media(max-width:600px){.leadership-page .nav-wrap,.leadership-page .lb-board,.leadership-page .lb-footer{width:calc(100% - 32px)}.leadership-page .site-nav{gap:2px}.leadership-page .site-nav a{font-size:13px;padding:10px 8px}.leadership-page .lb-hero-inner{padding:25px 16px 0}.leadership-page .lb-local{font-size:18px}.leadership-page h1{font-size:clamp(34px,10vw,56px);letter-spacing:.025em}.leadership-page .lb-intro{font-size:14px;letter-spacing:.025em}.leadership-page .lb-values{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:9px}.leadership-page .lb-values span+span:before{content:none}.leadership-page .lb-executives,.leadership-page .lb-stewards{grid-template-columns:1fr}.leadership-page .lb-section-heading{padding:12px 14px}.leadership-page .lb-section-heading h2{font-size:25px}.leadership-page .lb-section-heading p{font-size:9px;line-height:1.6}.leadership-page .lb-section-heading p span{margin:0 5px}.leadership-page .lb-person{padding:22px}.leadership-page .lb-name,.leadership-page .lb-steward .lb-name{font-size:26px}.leadership-page .lb-executive .lb-name{min-height:0}.leadership-page .lb-person h3{font-size:16px}.leadership-page .lb-steward h3{font-size:13px;min-height:0}.leadership-page .lb-steward .lb-icon{width:52px;height:52px}.leadership-page .lb-safety-person{gap:15px;padding:18px 15px}.leadership-page .lb-safety-person .lb-icon{width:55px;height:55px}.leadership-page .lb-safety-person .lb-icon svg{width:33px;height:33px}.leadership-page .lb-safety-person h3{font-size:11px}.leadership-page .lb-safety-person .lb-name{font-size:23px}.leadership-page .lb-safety-message{padding-left:18px}.leadership-page .lb-footer p{line-height:1.8;font-size:9px}.leadership-page .lb-footer p span{margin:0 5px}}
.leadership-page .lb-hero::before{content:'';position:absolute;right:5%;top:48px;width:190px;height:75px;background:#8ad5ec;opacity:.14;transform:rotate(-9deg);clip-path:polygon(0 45%,10% 31%,33% 28%,46% 0,48% 29%,69% 37%,86% 48%,100% 26%,96% 56%,100% 85%,85% 64%,66% 65%,51% 78%,57% 63%,28% 64%,11% 57%)}
@media(max-width:950px){.leadership-page .lb-hero::before{right:1%;top:25px;width:100px;height:40px;opacity:.1}}

/* Keep the invitation bubble below the expanded About copy on phones. */
@media (max-width: 760px) {
  .about-page .about-callout {
    position: relative;
    top: auto;
    left: auto;
    margin: 24px 0 0;
  }
}

/* Compact About benefits stay clear of the closing invitation. */
@media (min-width: 761px) {
  .about-page .about-values {
    left: auto;
    right: clamp(24px, 4vw, 64px);
    width: min(48vw, 760px);
    min-height: 0;
    padding: 14px 12px;
  }
  .about-page .about-values article { padding: 0 12px; gap: 10px; }
  .about-page .about-values svg { width: 34px; flex: 0 0 34px; }
  .about-page .about-values h2 { margin: 0 0 4px; font-size: clamp(14px, 1.1vw, 16px); }
  .about-page .about-values p { font-size: clamp(12px, 1vw, 14px); line-height: 1.4; }
}
@media (min-width: 761px) and (max-width: 1200px) {
  .about-page .about-values { width: 40vw; grid-template-columns: 1fr; padding: 4px 16px; }
  .about-page .about-values article { padding: 12px 0; gap: 14px; }
  .about-page .about-values article + article { border-left: 0; border-top: 1px solid rgba(111, 181, 208, .5); }
}
@media (min-width: 761px) and (max-height: 700px) {
  html:has(body.about-page) { height: auto; overflow-x: hidden; overflow-y: auto; }
  .about-page { height: auto; min-height: 100dvh; overflow: visible; grid-template-rows: 76px minmax(540px, 1fr) 56px; }
}

/* Give the lantern space beside the compact About benefits panel. */
@media (min-width: 1201px) {
  .about-page .about-values {
    right: calc(clamp(24px, 4vw, 64px) + clamp(100px, 12vw, 200px));
    bottom: 8px;
    padding-block: 8px;
  }
}
@media (min-width: 761px) and (max-width: 1200px) {
  .about-page .about-values {
    right: calc(clamp(24px, 4vw, 64px) + 8vw);
  }
}

/* About copy: clearer paragraph rhythm and readable membership details. */
.about-page .about-copy p { margin-bottom: 12px; line-height: 1.45; text-wrap: pretty; }
.about-page .about-welcome { display: block; margin-bottom: 8px; }
.about-page .about-dues { display: block; border-left: 2px solid rgba(0, 169, 229, .7); padding-left: 12px; }
.about-page .about-dues strong { white-space: nowrap; }
.about-page .about-dues-basis { display: block; margin-top: 4px; color: #c2d4df; font-size: .83em; line-height: 1.4; }
.about-page .about-copy > p:last-child { margin-top: 14px; margin-bottom: 0; }
@media (min-width: 761px) and (max-height: 800px) {
 .about-page .about-copy p { margin-bottom: 8px; line-height: 1.38; }
 .about-page .about-welcome { margin-bottom: 6px; }
 .about-page .about-copy > p:last-child { margin-top: 10px; }
}

/* Compact Leadership directory: preserve every person and department. */
.leadership-page .lb-hero-inner { padding: 12px 24px 0; }
.leadership-page .lb-local { font-size: 13px; letter-spacing: .22em; margin-bottom: 2px; }
.leadership-page h1 { font-size: clamp(32px, 3.4vw, 46px); line-height: 1.05; }
.leadership-page .lb-intro { margin: 6px auto 9px; font-size: 14px; line-height: 1.35; letter-spacing: .035em; }
.leadership-page .lb-intro br { display: none; }
.leadership-page .lb-values { padding: 6px 0; font-size: 9px; gap: 28px; }
.leadership-page .lb-values span + span::before { margin-right: 28px; }
.leadership-page .lb-hero::before { top: 18px; width: 120px; height: 48px; }
.leadership-page .lb-board { width: min(1440px, calc(100% - 40px)); padding: 12px 0 16px; }
.leadership-page .lb-section + .lb-section { margin-top: 12px; }
.leadership-page .lb-section-heading { padding: 6px 14px; margin-bottom: 8px; gap: 16px; }
.leadership-page .lb-section-heading h2 { font-size: 21px; line-height: 1.1; }
.leadership-page .lb-section-heading p { font-size: 9px; letter-spacing: .1em; }
.leadership-page .lb-section-heading p span { margin: 0 7px; }
.leadership-page .lb-executives, .leadership-page .lb-stewards { gap: 9px; }
.leadership-page .lb-executive, .leadership-page .lb-steward {
 display: grid; grid-template-columns: 30px minmax(0, 1fr); grid-template-areas: 'icon title' 'icon name' 'icon detail';
 column-gap: 10px; row-gap: 4px; padding: 11px 12px; text-align: left; align-content: center;
}
.leadership-page .lb-executive .lb-icon, .leadership-page .lb-steward .lb-icon { grid-area: icon; width: 30px; height: 30px; margin: 0; align-self: center; }
.leadership-page .lb-executive .lb-icon svg, .leadership-page .lb-steward .lb-icon svg { width: 21px; height: 21px; }
.leadership-page .lb-executive h3, .leadership-page .lb-steward h3 { grid-area: title; display: block; min-height: 0; max-width: none; width: auto; margin: 0; font-size: 11px; line-height: 1.3; letter-spacing: .025em; }
.leadership-page .lb-executive .lb-name, .leadership-page .lb-steward .lb-name { grid-area: name; display: block; min-height: 0; margin: 0; padding: 0; border: 0; font-size: 20px; line-height: 1.15; text-wrap: pretty; }
.leadership-page .lb-department, .leadership-page .lb-steward .lb-role { grid-area: detail; border: 0; padding: 0; margin: 0; max-width: none; font-size: 12px; line-height: 1.35; }
.leadership-page .lb-safety-layout { gap: 20px; grid-template-columns: 1.3fr 1fr; }
.leadership-page .lb-safety-person { padding: 10px 14px; gap: 12px; }
.leadership-page .lb-safety-person .lb-icon { width: 36px; height: 36px; }
.leadership-page .lb-safety-person .lb-icon svg { width: 25px; height: 25px; }
.leadership-page .lb-safety-person h3 { font-size: 11px; line-height: 1.3; }
.leadership-page .lb-safety-person .lb-name { font-size: 20px; line-height: 1.15; margin: 3px 0; }
.leadership-page .lb-safety-person .lb-role { font-size: 12px; line-height: 1.35; }
.leadership-page .lb-safety-message { font-size: 19px; line-height: 1.3; padding: 4px 20px; }
.leadership-page .lb-footer { width: min(1440px, calc(100% - 40px)); padding: 12px 0; gap: 16px; }
.leadership-page .lb-footer strong { font-size: 19px; }
.leadership-page .lb-footer p { margin-top: 3px; font-size: 9px; letter-spacing: .1em; }
@media (min-width: 601px) and (max-width: 1100px) {
 .leadership-page .lb-executives { grid-template-columns: repeat(3, minmax(0, 1fr)); }
 .leadership-page .lb-stewards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .leadership-page .lb-section-heading { align-items: center; flex-direction: row; }
}
@media (max-width: 600px) {
 .leadership-page .lb-board, .leadership-page .lb-footer { width: calc(100% - 28px); }
 .leadership-page .lb-hero-inner { padding: 12px 14px 0; }
 .leadership-page .lb-intro { max-width: 340px; font-size: 13px; }
 .leadership-page .lb-values { gap: 6px 12px; font-size: 8px; padding: 7px 0; }
 .leadership-page .lb-values span + span::before { content: none; }
 .leadership-page .lb-executives, .leadership-page .lb-stewards { grid-template-columns: 1fr; gap: 7px; }
 .leadership-page .lb-executive, .leadership-page .lb-steward { grid-template-columns: 30px minmax(0, 1fr); padding: 9px 12px; }
 .leadership-page .lb-section-heading { padding: 7px 10px; gap: 4px; }
 .leadership-page .lb-section-heading h2 { font-size: 20px; }
 .leadership-page .lb-section-heading p { font-size: 8px; }
 .leadership-page .lb-safety-layout { grid-template-columns: 1fr; gap: 9px; }
 .leadership-page .lb-safety-message { font-size: 17px; padding: 3px 12px; }
 .leadership-page .lb-safety-message br { display: none; }
 .leadership-page .lb-footer { gap: 6px; }
}

html:has(body.leadership-page) { background: #021426; }
.leadership-page { min-height: 100dvh; }
@media (min-width: 1101px) and (max-height: 850px) {
 .leadership-page .lb-hero-inner { padding-top: 8px; }
 .leadership-page h1 { font-size: 38px; }
 .leadership-page .lb-intro { margin-top: 4px; margin-bottom: 6px; }
 .leadership-page .lb-values { padding-block: 4px; }
 .leadership-page .lb-section-heading { padding-block: 4px; }
 .leadership-page .lb-executive, .leadership-page .lb-steward { padding-block: 8px; }
 .leadership-page .lb-safety-person { padding-block: 8px; }
 .leadership-page .lb-section + .lb-section { margin-top: 10px; }
 .leadership-page .lb-board { padding-bottom: 10px; }
}

/* Use spare desktop height for a more comfortable Leadership directory. */
@media (min-width: 1360px) and (min-height: 800px) and (max-height: 899px) {
 .leadership-page .lb-executive, .leadership-page .lb-steward { padding-block: 12px; }
 .leadership-page .lb-executive .lb-name, .leadership-page .lb-steward .lb-name, .leadership-page .lb-safety-person .lb-name { font-size: 20.5px; }
 .leadership-page .lb-safety-person { padding-block: 12px; }
}
@media (min-width: 1360px) and (min-height: 900px) {
 .leadership-page .lb-board { --lb-roomy-name: clamp(21px, calc(21px + (100dvh - 900px) / 160), 23px); }
 .leadership-page .lb-executive, .leadership-page .lb-steward { padding-block: clamp(14px, calc(14px + (100dvh - 900px) / 60), 18px); row-gap: 5px; }
 .leadership-page .lb-executive h3, .leadership-page .lb-steward h3, .leadership-page .lb-safety-person h3 { font-size: 12px; }
 .leadership-page .lb-executive .lb-name, .leadership-page .lb-steward .lb-name, .leadership-page .lb-safety-person .lb-name { font-size: var(--lb-roomy-name); }
 .leadership-page .lb-department, .leadership-page .lb-steward .lb-role, .leadership-page .lb-safety-person .lb-role { font-size: 13px; }
 .leadership-page .lb-safety-person { padding-block: clamp(14px, calc(14px + (100dvh - 900px) / 60), 18px); }
 .leadership-page .lb-section-heading h2 { font-size: 22px; }
}