/* Layout: clean dealer-site rhythm (dark utility bar, white header, photo hero, split about, three cards, reviews, quote form beside contact, four-column footer). Navy carries structure, yellow marks actions, black is type, white is the page. */
:root{
  --navy:#30384b; --navy-d:#222837; --navy-l:#f3f1ec;
  --yellow:#fcc42d; --yellow-d:#e5ad12;
  --black:#14161a; --text:#3a3f48; --muted:#6c727c; --line:#e3e6eb; --white:#ffffff; --off:#f5f4f1;
  --display:"Barlow Condensed","Arial Narrow",sans-serif;
  --body:"Source Sans 3","Segoe UI",Helvetica,Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
body{background:var(--white);color:var(--text);font-family:var(--body);font-size:17px;line-height:1.6}
a{color:var(--navy)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
h1,h2,h3{font-family:var(--display);color:var(--black);font-weight:700;line-height:1.08;margin:0;text-wrap:balance}
h2{font-size:clamp(2rem,3.8vw,2.7rem)}
h3{font-size:1.45rem}
p{margin:0}
img{display:block;max-width:100%;height:auto}
.wrap{max-width:1180px;margin:0 auto;padding-inline:20px}
.label{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:.88rem;color:var(--navy)}
.label{width:fit-content}.label::after{content:"";display:block;width:calc(100% - .16em);height:3px;background:var(--yellow);margin-top:8px}
.center{text-align:center}.center .label{margin-inline:auto}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--body);font-weight:700;font-size:1rem;padding:13px 22px;border-radius:4px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .15s,color .15s}
.btn svg{width:17px;height:17px}
.btn-y{background:var(--yellow);color:var(--black)}.btn-y:hover{background:var(--yellow-d)}
.btn-n{background:var(--navy);color:#fff}.btn-n:hover{background:var(--navy-d)}
.btn-w{background:transparent;color:#fff;border-color:#fff}.btn-w:hover{background:#fff;color:var(--navy)}
.link{font-weight:700;text-decoration:none;color:var(--navy);border-bottom:2px solid var(--yellow)}

/* utility bar */
.util{background:var(--navy-d);color:#cfd5df;font-size:.9rem}
.util .wrap{display:flex;flex-wrap:wrap;gap:8px 0;align-items:center;padding-block:9px}
.util b{color:#fff;font-weight:600}
.util .grp{display:flex;align-items:center;gap:26px}
.util .grp+.grp{margin-left:26px;padding-left:26px;border-left:1px solid rgba(255,255,255,.18)}
.util .ci{display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-weight:600;white-space:nowrap}
.util .ci:hover{color:var(--yellow)}
.util .ic{width:28px;height:28px;border-radius:50%;background:var(--yellow);color:var(--navy-d);display:grid;place-items:center;flex:none}
.util .ic svg{width:14px;height:14px}
.util .rate{color:#cfd5df;text-decoration:none;white-space:nowrap}
.util .rate:hover b{color:var(--yellow)}
.util .stars{color:var(--yellow);letter-spacing:1px}
.util .push{margin-left:auto;display:flex;gap:8px}
.util .btn{padding:6px 12px;font-size:.85rem}
@media (max-width:900px){.util .rate-g{display:none}}
@media (max-width:860px){.util .push{display:none}}
@media (max-width:560px){.util .grp{gap:16px}.util .ci .em{display:none}}

/* header */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:#fff;border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;gap:24px;padding-block:10px}
.logo img{height:92px;width:auto}
nav{display:flex;gap:4px;margin-left:auto}
nav a{color:var(--black);text-decoration:none;font-weight:600;padding:8px 12px;border-radius:4px;white-space:nowrap}
nav a:hover{background:var(--off)}
nav a .car{font-size:.7rem;color:var(--muted);margin-left:4px}
.hcall{display:flex;flex-direction:column;line-height:1.1;text-decoration:none;color:var(--navy);font-weight:700;font-size:1.2rem;white-space:nowrap}
.hcall small{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.menu{display:none;margin-left:auto;background:var(--navy);color:#fff;border:0;border-radius:4px;padding:9px 14px;font:inherit;font-weight:700;cursor:pointer}
@media (max-width:1060px){
  nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;padding:8px 20px 18px;border-bottom:3px solid var(--yellow);margin:0}
  nav.open{display:flex}
  nav a{padding:12px 0;border-bottom:1px solid var(--line);border-radius:0}
  .menu{display:block}
  .hcall{margin-left:0}
}
@media (max-width:560px){.hcall{display:none}.logo img{height:68px}}

/* deal strip */
.deal{background:var(--yellow);color:var(--black);font-weight:600;font-size:.95rem;text-align:center;padding:9px 16px}
.deal a{color:var(--black);font-weight:700}

/* hero */
.hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding-block:clamp(36px,5.5vw,64px)}
.hero .wrap>*{min-width:0}
.hero .eyebrow{font-family:var(--display);text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:var(--yellow);font-size:.95rem}
.hero h1{color:#fff;font-size:clamp(2.6rem,5.8vw,4.1rem);margin-top:10px}
.hero h1 span{color:var(--yellow)}
.hero p.sub{font-size:1.18rem;color:#dfe4ec;margin-top:16px;max-width:52ch}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero .ticks{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px 22px;color:#dfe4ec;font-weight:600;font-size:.98rem}
.hero .ticks li::before{content:"✓";color:var(--yellow);font-weight:700;margin-right:8px}
.hero-photo{position:relative}
.hero-photo img{width:100%;aspect-ratio:292/287;object-fit:cover;border-radius:8px;box-shadow:0 24px 50px -20px #000a}
.hero-photo .badge{position:absolute;left:-14px;bottom:22px;background:#fff;color:var(--black);border-radius:6px;padding:10px 14px;box-shadow:0 8px 22px #0004;display:flex;gap:10px;align-items:center;font-weight:700;line-height:1.15}
.hero-photo .badge b{font-family:var(--display);font-size:1.9rem;color:var(--navy)}
.hero-photo .badge small{display:block;font-weight:600;color:var(--muted);font-size:.8rem}
@media (max-width:880px){.hero .wrap{grid-template-columns:1fr}.hero-photo{max-width:440px;margin-left:14px}}

/* trust row */
.trust{background:var(--off);border-bottom:1px solid var(--line)}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trust div{display:flex;gap:12px;align-items:center;padding:20px 16px;border-left:1px solid var(--line);min-width:0}
.trust div:first-child{border-left:0}
.trust svg{width:34px;height:34px;flex:none;color:var(--navy)}
.trust b{display:block;color:var(--black);font-size:1rem;line-height:1.2}
.trust span{font-size:.88rem;color:var(--muted);line-height:1.3;display:block}
@media (max-width:900px){.trust .wrap{grid-template-columns:1fr 1fr}.trust div:nth-child(3){border-left:0}.trust div:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:480px){.trust .wrap{grid-template-columns:1fr}.trust div{border-left:0;border-top:1px solid var(--line)}.trust div:first-child{border-top:0}}

section{padding-block:clamp(36px,5vw,60px)}
.off{background:var(--off)}

/* about */
.about{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.about>*{min-width:0}
.about .txt{display:grid;gap:16px}
.about .txt p{max-width:58ch}
.about .pics{position:relative;padding:0 0 30px 30px}
.about .pics::before{content:"";position:absolute;left:0;bottom:0;width:70%;height:70%;background:var(--yellow);border-radius:8px}
.about .pics img{position:relative;width:100%;height:auto;border-radius:8px}
.about .gen{display:flex;gap:14px;align-items:center;font-weight:700;color:var(--black);margin-top:6px}
.about .gen span{font-family:var(--display);background:var(--navy);color:#fff;padding:6px 10px;border-radius:4px;letter-spacing:.06em;font-size:1rem}
@media (max-width:880px){.about{grid-template-columns:1fr;gap:36px}.about .pics{max-width:480px}}

/* service cards */
.sec-head{display:grid;gap:10px;margin-bottom:28px;max-width:720px}
.sec-head.center{margin-inline:auto}
.sec-head p{color:var(--muted);font-size:1.08rem}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:box-shadow .15s,transform .15s}
.card:hover{box-shadow:0 14px 30px -16px #30384b55;transform:translateY(-2px)}
.card .top{height:180px;background:var(--navy);display:grid;place-items:center;position:relative}
.card .top{overflow:hidden;flex:none}.card .top img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.card .top svg{width:64px;height:64px;color:var(--yellow)}
.card .body{padding:22px 22px 24px;display:grid;gap:10px;flex:1;align-content:start}
.card .body p{color:var(--text);font-size:.98rem}
.card .body .link{justify-self:start;margin-top:6px}
.more{text-align:center;margin-top:34px}
@media (max-width:900px){.cards{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.cards{grid-template-columns:1fr}}

/* why band */
.why{background:var(--navy);color:#dfe4ec}
.why h2{color:#fff}
.why .label{color:var(--yellow)}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:36px}
.why-grid div{display:grid;gap:8px;align-content:start;padding-top:16px;border-top:3px solid var(--yellow);min-width:0}
.why-grid h3{color:#fff;font-size:1.3rem}
.why-grid p{font-size:.97rem}
@media (max-width:900px){.why-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.why-grid{grid-template-columns:1fr}}

/* reviews */
.rev{display:grid;gap:0}
.rev-cta{text-align:center;margin-top:24px}
.rev>*{min-width:0}
.score{background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px;display:grid;gap:8px;justify-items:start}
.score .n{font-family:var(--display);font-size:4.4rem;line-height:.9;color:var(--black);font-weight:700;font-variant-numeric:tabular-nums}
.score .st{color:var(--yellow);font-size:1.5rem;letter-spacing:2px}
.quotes{display:grid;gap:14px}
.q{background:#fff;border:1px dashed #c3c9d2;border-radius:8px;padding:20px 22px;color:var(--muted)}
.q b{color:var(--black);display:block;margin-bottom:4px}

/* quote form */
.quote{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}
.quote>*{min-width:0}
.contact{display:grid;gap:22px}
.contact .row{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center}
.contact .ic{width:44px;height:44px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;color:var(--black)}
.contact .ic svg{width:20px;height:20px}
.contact b{display:block;color:var(--black)}
.contact .big{font-family:var(--display);font-size:1.9rem;font-weight:700;color:var(--navy);line-height:1.1}
form{background:#fff;border:1px solid var(--line);border-top:5px solid var(--yellow);border-radius:8px;padding:clamp(20px,3vw,32px);display:grid;gap:14px;box-shadow:0 18px 40px -26px #30384b66}
.r2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:560px){.r2{grid-template-columns:1fr}}
label{display:grid;gap:5px;font-weight:600;font-size:.92rem;color:var(--black)}
input,select,textarea{font:inherit;color:var(--black);border:1px solid #c9cfd8;border-radius:4px;padding:11px 12px;width:100%;background:#fff}
textarea{min-height:96px;resize:vertical}
.note{font-size:.86rem;color:var(--muted)}
.sent{background:var(--navy-l);color:var(--black);padding:12px;border-radius:4px;font-weight:600}
@media (max-width:880px){.quote{grid-template-columns:1fr}}

/* areas */
.areas{columns:5 150px;column-gap:20px;list-style:none;padding:0;margin:0}
.areas li{break-inside:avoid;padding:6px 0;border-bottom:1px solid var(--line);font-weight:600;color:var(--black);font-size:.96rem}

/* footer */
footer{background:var(--navy-d);color:#b8c0cc;font-size:.94rem;padding-block:52px 26px}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px}
.fgrid>*{min-width:0}
.fgrid h4{font-family:var(--display);text-transform:uppercase;letter-spacing:.12em;color:var(--yellow);font-size:1rem;margin:0 0 12px}
.fgrid ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.fgrid img{height:96px;width:auto}
.legal{margin-top:36px;padding-top:18px;border-top:1px solid #ffffff1f;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:.84rem;color:#8a93a1}
@media (max-width:860px){.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.fgrid{grid-template-columns:1fr}}

.mbar{display:none}
@media (max-width:760px){
  .mbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:40;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--navy);box-shadow:0 -4px 14px #0003}
  .mbar a{display:flex;justify-content:center;align-items:center;gap:8px;padding:14px 8px;font-weight:700;text-decoration:none}
  .mbar a:first-child{color:#fff}.mbar a:last-child{background:var(--yellow);color:var(--black)}
  .mbar svg{width:17px;height:17px}
  footer{padding-bottom:90px}
}
.qa{max-width:860px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--navy);border-radius:8px;padding:0 22px}
details{border-bottom:1px solid var(--line)}details:last-child{border-bottom:0}
details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:18px 0;font-weight:700;font-size:1.06rem;color:var(--navy)}
details summary::-webkit-details-marker{display:none}
details summary::after{content:"+";color:var(--navy);font-size:1.5rem;line-height:1}
details[open] summary::after{content:"–"}
details .a{padding:0 0 18px;max-width:70ch}
.qa details[open]{background:var(--navy-l);margin:0 -22px;padding-inline:22px;border-left:4px solid var(--yellow)}
.faq-home{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}.faq-home>*{min-width:0}
@media(max-width:900px){.faq-home{grid-template-columns:1fr;gap:28px}}

/* quote section on navy so it doesn't blend with the FAQ band above */
.quote-band{background:var(--navy);color:#dfe4ec}
.quote-band h2,.quote-band .contact b{color:#fff}
.quote-band .label{color:var(--yellow)}
.quote-band .contact a{color:#fff}
.quote-band .contact .big{color:var(--yellow)}
.quote-band form{border-top-color:var(--yellow);box-shadow:0 18px 40px rgba(0,0,0,.25)}
.why.yel + .off{background:#fff}
footer{border-top:4px solid var(--yellow)}
.phero{background:var(--navy);color:#dfe4ec}
.phero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center;padding-block:clamp(32px,5vw,56px)}
.phero .wrap>*{min-width:0}
.phero.one .wrap{grid-template-columns:1fr}
.crumbs{font-size:.88rem;color:#aab3c1;margin-bottom:10px}
.phero h1{color:#fff;font-size:clamp(2.3rem,5vw,3.5rem)}
.phero h1 span{color:var(--yellow)}
.short{background:#ffffff10;border:1px solid #ffffff26;border-left:5px solid var(--yellow);border-radius:6px;padding:16px 20px;margin-top:20px;max-width:70ch;color:#eef1f5}
.short b{display:block;font-family:var(--display);text-transform:uppercase;letter-spacing:.14em;color:var(--yellow);font-size:.9rem;margin-bottom:4px}
.phero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.phero .ph img{width:100%;aspect-ratio:292/287;object-fit:cover;border-radius:8px;box-shadow:0 24px 50px -20px #000a}
@media (max-width:880px){.phero .wrap{grid-template-columns:1fr}.phero .ph{max-width:420px}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.split>*{min-width:0}
@media (max-width:880px){.split{grid-template-columns:1fr;gap:32px}}
.prose{display:grid;gap:14px;max-width:62ch}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.checks li{display:flex;gap:12px;align-items:flex-start;font-weight:600;color:var(--black)}
.checks li::before{content:"✓";flex:none;width:26px;height:26px;border-radius:50%;background:var(--yellow);color:var(--black);display:grid;place-items:center;font-size:.85rem;font-weight:700}
.phbox{border:2px dashed #c3c9d2;border-radius:8px;color:var(--muted);padding:44px 20px;text-align:center;font-weight:600;background:#fff}
.tbl{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:8px}
.spec{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.spec th,.spec td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line)}
.spec tr:last-child td{border-bottom:0}
.spec th{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);background:var(--off)}
.spec td:first-child{font-weight:700;color:var(--black)}
.spec a{font-weight:700;text-decoration:none}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tile{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px 22px;display:grid;gap:6px;align-content:start;min-width:0}
.tile h3{font-size:1.25rem}
.tile p{font-size:.97rem}
@media (max-width:880px){.tiles{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.tiles{grid-template-columns:1fr}}
.qa{max-width:860px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 22px}
details{border-bottom:1px solid var(--line)}
details:last-child{border-bottom:0}
details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:18px 0;font-weight:700;font-size:1.06rem;color:var(--black)}
details summary::-webkit-details-marker{display:none}
details summary::after{content:"+";color:var(--navy);font-size:1.5rem;line-height:1}
details[open] summary::after{content:"–"}
details .a{padding:0 0 18px;max-width:70ch}
.tag-ph{background:#fff4cf;color:var(--black);font-weight:600;padding:1px 6px;border-radius:3px}
.nearby{display:flex;flex-wrap:wrap;gap:10px}
.nearby a{border:1px solid var(--line);background:#fff;color:var(--black);text-decoration:none;padding:8px 14px;border-radius:20px;font-weight:600;font-size:.95rem}
.nearby a:hover{border-color:var(--navy)}
/* color pass 2026-10-13 */
.tile{border-top:4px solid var(--yellow);box-shadow:0 2px 10px rgba(48,56,75,.06)}
.tile h3{color:var(--navy)}
.navy-sec{background:var(--navy);color:#dfe4ec}
.navy-sec h2{color:#fff}.navy-sec .label{color:var(--yellow)}
.navy-sec .tile{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-top:4px solid var(--yellow);box-shadow:none}
.navy-sec .tile h3{color:#fff;display:flex;gap:10px;align-items:center}
.navy-sec .tile h3::before{content:"\2713";flex:none;width:26px;height:26px;border-radius:50%;background:var(--yellow);color:var(--black);font-size:.9rem;display:grid;place-items:center}
.navy-sec .tile p{color:#c9d0db}
.navy-sec .phbox{background:rgba(255,255,255,.06);border-color:var(--yellow);color:#dfe4ec}
.why.yel{background:var(--navy-l);color:var(--text);counter-reset:st}
.why.yel h2{color:var(--black)}.why.yel .label{color:var(--navy)}
.why.yel .why-grid div{background:#fff;border-top:0;border-left:4px solid var(--yellow);border-radius:8px;padding:22px 22px 22px 70px;position:relative;box-shadow:0 4px 14px rgba(48,56,75,.08);counter-increment:st}
.why.yel .why-grid div::before{content:counter(st);position:absolute;left:18px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--navy);color:var(--yellow);font-family:var(--display);font-weight:700;font-size:1.3rem;display:grid;place-items:center}
.why.yel .why-grid h3{color:var(--navy)}.why.yel .why-grid p{color:var(--text)}
.qa{border-top:4px solid var(--navy)}
.qa summary{color:var(--navy)}
.qa details[open]{background:var(--navy-l);margin:0 -22px;padding-inline:22px;border-left:4px solid var(--yellow)}
.nearby a{background:var(--navy);color:#fff;border-color:var(--navy)}
.nearby a:hover{background:var(--yellow);color:var(--black);border-color:var(--yellow)}
.faq-jump{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:40px;font-weight:600}
.faq-jump a{background:var(--navy);color:#fff;text-decoration:none;padding:8px 14px;border-radius:20px;font-size:.95rem}
.faq-jump a:hover{background:var(--yellow);color:var(--black)}
.faq-grp{margin-bottom:44px;scroll-margin-top:140px}
.faq-grp h2{font-size:clamp(1.6rem,3vw,2.1rem);margin-bottom:16px;display:flex;align-items:center;gap:12px}
.faq-grp h2::before{content:"";width:6px;height:1.1em;background:var(--yellow);border-radius:2px}
.qa .a a{color:var(--navy);font-weight:600}
.faq-cta{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center}
.faq-cta p{color:#c9d0db;margin-top:6px}.faq-cta .ctas{display:flex;flex-wrap:wrap;gap:12px}

/* site-wide additions for the multi-page build */
body{margin:0}
.util .lic{color:#fff;font-weight:600}
.util .lic span{color:var(--yellow);margin:0 6px}
/* dropdown nav */
.dd{position:relative}
.dd>a{display:block}
.dd .sub{display:none;position:absolute;top:100%;left:0;min-width:240px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--yellow);border-radius:0 0 6px 6px;box-shadow:0 16px 30px -18px #30384b88;padding:6px;z-index:30}
.dd .sub a{display:block;padding:9px 12px;font-weight:600;color:var(--black);text-decoration:none;border-radius:4px;white-space:nowrap}
.dd .sub a:hover{background:var(--navy-l)}
.dd:hover .sub,.dd:focus-within .sub{display:block}
nav a[aria-current="page"]{color:var(--navy);box-shadow:inset 0 -3px 0 var(--yellow)}
@media (max-width:1060px){
  .dd .sub{display:block;position:static;border:0;box-shadow:none;padding:0 0 6px 14px;min-width:0}
  .dd .sub a{padding:8px 0;border-bottom:1px solid var(--line);border-radius:0;font-weight:500}
  nav{max-height:calc(100vh - 120px);overflow-y:auto}
}
.crumbs a{color:#cfd6e0;text-decoration:none}.crumbs a:hover{color:#fff;text-decoration:underline}
.phero .lead{font-size:1.15rem;color:#dfe4ec;margin-top:14px;max-width:62ch}
.prose p,.prose li{max-width:66ch}
.prose ul:not(.checks),.prose ol{margin:0;padding-left:1.2em;display:grid;gap:8px}
.prose h3{margin-top:8px}
.panel{background:var(--navy);border-radius:8px;min-height:260px;display:grid;place-items:center;color:var(--yellow);position:relative;overflow:hidden}
.panel svg{width:96px;height:96px}
.panel::after{content:"";position:absolute;right:-40px;bottom:-40px;width:180px;height:180px;border-radius:50%;background:#ffffff0d}
.panel.img{background:none;min-height:0}.panel.img img{width:100%;border-radius:8px;aspect-ratio:292/287;object-fit:cover}
.cta-band{background:var(--navy);color:#dfe4ec}
.cta-band .wrap{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center}
.cta-band h2{color:#fff}.cta-band p{color:#c9d0db;margin-top:6px}
.cta-band .ctas{display:flex;flex-wrap:wrap;gap:12px}
.note-box{background:var(--navy-l);border-left:5px solid var(--yellow);border-radius:6px;padding:16px 20px;max-width:70ch}
.note-box b{color:var(--black)}
/* cards as links list */
.cards.c4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.cards.c4{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cards.c4{grid-template-columns:1fr}}
.card .top.sm{height:120px}
.kw{font-family:var(--display);font-size:2.6rem;color:var(--yellow);font-weight:700;line-height:1}
.kw small{font-size:1rem;color:#fff;letter-spacing:.08em;margin-left:4px}
/* model page facts */
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.facts div{background:#fff;border:1px solid var(--line);border-top:4px solid var(--yellow);border-radius:8px;padding:16px 18px}
.facts b{display:block;font-family:var(--display);font-size:1.7rem;color:var(--navy);line-height:1.1}
.facts span{font-size:.9rem;color:var(--muted)}
@media (max-width:880px){.facts{grid-template-columns:1fr 1fr}}
.src{font-size:.86rem;color:var(--muted);margin-top:14px}
.src a{color:var(--muted)}
/* areas grouped */
.county{margin-bottom:34px}
.county h3{margin-bottom:12px;display:flex;gap:10px;align-items:center}
.county h3::before{content:"";width:6px;height:1em;background:var(--yellow);border-radius:2px}
.areas a{color:var(--black);text-decoration:none}.areas a:hover{color:var(--navy);text-decoration:underline}
/* blog */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (max-width:900px){.posts{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.posts{grid-template-columns:1fr}}
.post-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--yellow);border-radius:8px;padding:22px;display:grid;gap:10px;align-content:start;text-decoration:none;color:var(--text)}
.post-card:hover{box-shadow:0 14px 30px -16px #30384b55}
.post-card h3{color:var(--navy);font-size:1.35rem}
.article{max-width:760px}
.article h2{font-size:clamp(1.6rem,3vw,2.1rem);margin:34px 0 12px}
.article p,.article li{margin:0 0 14px}
.article ul,.article ol{padding-left:1.2em;margin:0 0 14px}
.meta{color:#aab3c1;font-size:.92rem;margin-top:12px}
/* outage resources table */
.res td:first-child{white-space:nowrap}
@media (max-width:600px){.spec th,.spec td{padding:10px 12px}.res td:first-child{white-space:normal}}
.legal a{color:#8a93a1}
.fgrid a{color:#b8c0cc;text-decoration:none}.fgrid a:hover{color:#fff;text-decoration:underline}
.fcities{margin-top:30px;padding-top:20px;border-top:1px solid #ffffff1f;font-size:.86rem;line-height:1.9}
.fcities h4{font-family:var(--display);text-transform:uppercase;letter-spacing:.12em;color:var(--yellow);font-size:1rem;margin:0 0 6px}
.fcities a{color:#9aa3b1;text-decoration:none;margin-right:14px;white-space:nowrap}.fcities a:hover{color:#fff}
.err{color:#b42318;font-weight:600;font-size:.9rem}
.hp{position:absolute;left:-9999px}
.skip{position:absolute;left:-9999px;top:0;background:var(--yellow);color:var(--black);padding:10px 14px;z-index:99;font-weight:700}
.skip:focus{left:10px}
.page-text{max-width:760px}.page-text h2{font-size:1.7rem;margin:28px 0 10px}.page-text p,.page-text li{margin:0 0 12px}
.fb-band{background:var(--navy);position:relative;overflow:hidden}
.fb-band::before{content:"";position:absolute;right:-80px;bottom:-120px;width:340px;height:340px;border-radius:50%;background:#ffffff0a}
.fb-card{position:relative;background:#fff;border-top:6px solid var(--yellow);border-radius:8px;box-shadow:0 18px 40px rgba(0,0,0,.25);padding:clamp(28px,5vw,52px);display:grid;gap:14px;justify-items:center;text-align:center;max-width:880px;margin-inline:auto}
.fb-card .label{margin-inline:auto}
.fb-card p{max-width:560px}
.fb-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;width:100%;margin-top:14px}
.fb-opt{display:grid;gap:8px;justify-items:center;padding:30px 18px;background:var(--navy);border:3px solid var(--navy);border-radius:8px;text-decoration:none;color:#fff;transition:border-color .15s,transform .15s}
.fb-opt:hover,.fb-opt:focus-visible{border-color:var(--yellow);transform:translateY(-3px)}
.fb-opt b{font-family:var(--display);font-size:1.6rem;color:#fff}
.fb-opt small{color:#cfd5df}
.fb-opt .go{margin-top:6px;background:var(--yellow);color:var(--black);font-weight:700;font-size:.9rem;padding:8px 16px;border-radius:4px}
.fb-stars{color:var(--yellow);font-size:1.6rem;letter-spacing:4px}
h2 .fb-stars{font-size:.8em;letter-spacing:0;vertical-align:.08em}
.fb-note{color:var(--muted);font-size:.92rem;margin-top:6px}
.team-photo{margin:0;max-width:980px;margin-inline:auto;position:relative;padding:0 0 18px 18px}
.team-photo::before{content:"";position:absolute;left:0;bottom:0;width:60%;height:60%;background:var(--yellow);border-radius:8px}
.team-photo img{position:relative;width:100%;height:auto;border-radius:8px;box-shadow:0 18px 40px -18px #0006}
.sideph{margin:0;position:relative;padding:0 0 18px 18px}
.sideph::before{content:"";position:absolute;left:0;bottom:0;width:60%;height:60%;background:var(--yellow);border-radius:8px}
.sideph img{position:relative;width:100%;height:auto;border-radius:8px;box-shadow:0 18px 40px -18px #0006}
.bts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.bts figure{margin:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 24px -14px #0005;border-bottom:4px solid var(--yellow)}
.bts img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;display:block}
.bts figcaption{padding:12px 14px;font-weight:600;font-size:.92rem;color:var(--navy)}
@media (max-width:900px){.bts{grid-template-columns:repeat(2,minmax(0,1fr))}}

.nn-wrap{background:#fff;border:1px solid var(--line);border-top:4px solid var(--yellow);border-radius:8px;padding:clamp(12px,2vw,20px);min-height:120px;overflow:hidden}