/* Page and section colours are shared roles, never per-section palettes. */
:root{--section-title-size:clamp(30px,3.2vw,44px);--surface-page:var(--white);--surface-section:var(--white);--surface-card:var(--white);--surface-control:var(--grey-light);--surface-divider:var(--grey)}

/* Shared preview controls: one palette and two intentional sizes. */
:root{--control-height:44px;--control-height-compact:38px;--control-radius:var(--radius-pill);--control-bg:var(--surface-control);--control-border:var(--grey);--control-accent:var(--orange);--control-accent-hover:var(--orange-bright)}
.action{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;position:relative;border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:11px 18px;min-height:var(--control-height);font-size:14px;line-height:20px;color:var(--fg);background:var(--control-bg);transition:background .15s,border-color .15s}
.action:hover{background:var(--grey);border-color:var(--fg-muted)}
.action.primary{background:var(--control-accent);border-color:transparent}
.action.primary:hover{background:var(--control-accent-hover);border-color:transparent}
.action,.btn{border-radius:var(--control-radius)}
.site-header .mobile-toggle{border-radius:var(--control-radius)}
.ce-faq .action{background:var(--white,#fff);border-color:var(--charcoal)}
.faq-detail summary:focus-visible{outline:2px solid var(--charcoal);outline-offset:4px}
.skip{position:absolute;left:16px;top:-100px;z-index:10;background:white;padding:12px}.skip:focus{top:12px}.shell{max-width:1320px;margin:auto;padding-inline:40px}.site-header{--nav-height:80px;--nav-logo-width:114px;--nav-control-height:var(--control-height-compact);position:relative;z-index:5;background:white;border-bottom:1px solid var(--grey)}.header-inner{min-height:var(--nav-height);display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;min-height:48px;flex-shrink:0}.brand img{width:var(--nav-logo-width);height:auto;display:block}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:8px}.nav-item{position:relative}.trigger{display:flex;align-items:center;gap:9px;border:0;padding:12px 10px;background:transparent;border-radius:var(--radius-sm);font-size:15px;min-height:48px;white-space:nowrap}.trigger:hover,.trigger[aria-expanded=true]{background:var(--grey-light)}.chevron{width:7px;height:7px;border-bottom:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);margin:0 3px 4px;transition:transform .18s}.trigger[aria-expanded=true] .chevron{transform:rotate(225deg);margin-top:6px}.actions{display:flex;align-items:center;gap:10px}.ce-nav-panel{position:absolute;top:calc(100% + 16px);left:-12px;width:348px;background:white;border:1px solid var(--grey);border-radius:var(--radius-md);box-shadow:0 14px 40px rgba(22,22,22,.10);padding:24px}.ce-nav-panel[hidden]{display:none}.ce-nav-panel-links{margin:-8px 0}.menu-link{display:block;text-decoration:none;margin:0 -10px;padding:12px 10px;border-radius:7px}.menu-link:hover{background:var(--grey-light)}.menu-link strong{display:block;font-size:15px;font-weight:400}.menu-link span{display:block;font-size:13px;line-height:1.5;color:var(--fg-muted);margin-top:3px}.ce-nav-panel-note{font-size:12px;line-height:1.5;color:var(--fg-muted);margin:12px 0 0}.mobile-toggle{display:none;background:white;border:1px solid var(--grey);border-radius:var(--radius-sm);min-height:46px;padding:10px 12px}.mobile-nav{display:none}.mobile-nav[hidden]{display:none}

/* One tapered paintbrush accent, applied only to the homepage headline. */
.ce-drawn-emphasis{position:relative;display:inline-block;padding-bottom:.18em}
.ce-brush-line{position:absolute;left:0;bottom:-.015em;width:100%;height:.22em;fill:var(--orange);pointer-events:none;transform-origin:left center;animation:ce-brush-draw .85s ease-out .15s both}
@keyframes ce-brush-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.ce-brush-line{animation:none}}


/* Shared footer composition for the refreshed site; legal copy comes from components/footer.html. */
.ce-site-footer{padding:32px 0 20px;border-top:1px solid var(--surface-divider);background:var(--surface-section)}
.ce-site-footer .container{max-width:1320px;padding-inline:40px;margin:auto;display:grid;grid-template-columns:minmax(220px,1fr) 2fr;column-gap:64px;grid-template-areas:"brand nav" "contact nav" "legal legal" "fine fine"}
.ce-site-footer .foot-row{grid-area:brand;display:flex;flex-direction:column;align-items:start;gap:10px;margin:0}
.ce-site-footer .foot-logo{display:inline-flex;align-items:center;min-height:32px}.ce-site-footer .foot-logo img{width:104px;height:auto}.ce-site-footer .foot-tag{font-size:13px;color:var(--fg-muted);margin:0}
.ce-site-footer .foot-nav{grid-area:nav;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.ce-site-footer .foot-group h2{font-size:14px;line-height:1.4;font-weight:400;margin:0 0 8px}.ce-site-footer .foot-group ul{list-style:none;margin:0;padding:0}.ce-site-footer .foot-group a{display:inline-flex;align-items:center;min-height:32px;padding-block:5px;font-size:13px;line-height:1.4;text-decoration:none;color:var(--fg-muted)}.ce-site-footer .foot-group a:hover{color:var(--fg);text-decoration:underline;text-underline-offset:4px}
.ce-site-footer .foot-contact{grid-area:contact;display:flex;flex-direction:column;align-items:start;gap:10px;margin-top:22px;max-width:32ch;font-size:12px;line-height:1.5}.ce-site-footer .foot-contact a{text-decoration:none}.ce-site-footer .foot-contact strong{display:block;font-size:14px;font-weight:400}.ce-site-footer .foot-contact a:hover{text-decoration:underline}
.ce-site-footer .foot-legal{grid-area:legal;display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:24px;padding-top:12px;border-top:1px solid var(--surface-divider);font-size:12px}.ce-site-footer .foot-legal a{padding-block:6px;text-decoration:none}.ce-site-footer .foot-legal a:hover{text-decoration:underline}
.ce-site-footer .foot-fine{grid-area:fine;display:grid;grid-template-columns:1fr 2fr;gap:64px;margin-top:12px;font-size:11px;line-height:1.6;color:var(--fg-muted)}.ce-site-footer .foot-fine p{margin:0;max-width:110ch}
@media(max-width:1060px){.ce-site-footer .container{padding-inline:24px;column-gap:32px;grid-template-columns:minmax(180px,1fr) 2fr}.ce-site-footer .foot-nav{gap:20px}.ce-site-footer .foot-fine{gap:32px}}
@media(max-width:700px){.ce-site-footer .container{padding-inline:20px;grid-template-columns:1fr;grid-template-areas:"brand" "nav" "contact" "legal" "fine"}.ce-site-footer .foot-row{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:24px}.ce-site-footer .foot-nav{gap:14px}.ce-site-footer .foot-group h2{font-size:13px}.ce-site-footer .foot-group a{font-size:12px;min-height:44px}.ce-site-footer .foot-contact{max-width:none;margin-top:20px;display:grid;grid-template-columns:1fr 1.3fr;gap:20px}.ce-site-footer .foot-contact a{min-height:44px}.ce-site-footer .foot-legal{gap:0 20px;margin-top:16px}.ce-site-footer .foot-legal a{min-height:44px;display:flex;align-items:center}.ce-site-footer .foot-fine{grid-template-columns:1fr;gap:10px;margin-top:12px}}
@media(max-width:350px){.ce-site-footer .foot-tag{font-size:11px}.ce-site-footer .foot-nav{gap:10px}.ce-site-footer .foot-contact{grid-template-columns:1fr}.ce-site-footer .foot-group h2{min-height:36px}}
@media(pointer:coarse) and (min-width:701px){.ce-site-footer .foot-group a,.ce-site-footer .foot-legal a{min-height:44px}}
/* Shared shell, including legacy content pages. Native scrolling and immediate content. */
html{scroll-padding-top:100px}body{background:var(--surface-page);color:var(--fg);font-family:var(--font)}
.reveal{opacity:1;transform:none}.site-header{position:sticky;top:0;z-index:50}.site-header button{font:inherit;color:inherit}.site-header .action{min-height:38px;padding-block:8px;line-height:20px}.site-header .brand img{height:auto}.site-header nav{position:static}.site-header .actions a{text-decoration:none}.site-header .nav-direct{display:inline-flex;align-items:center;min-height:44px;padding:10px;font-size:15px;text-decoration:none}.site-header .menu-link--separate{border-top:1px solid var(--grey);margin-top:10px;padding-top:18px}.site-header .menu-link strong{font-weight:400}.site-header .menu-link span{font-size:13px}.site-header .ce-nav-panel{z-index:60}.site-header .mobile-login{display:block;min-height:44px;padding:12px 0;text-decoration:none}.site-header .trigger{min-height:38px;padding:8px 10px}.site-header .actions{flex-shrink:0}
.site-header a:focus-visible,.site-header button:focus-visible,summary:focus-visible,.action:focus-visible{outline:3px solid var(--orange-text);outline-offset:4px}
.btn-primary,.landing-page .btn-primary{background:var(--orange);color:var(--charcoal);border-color:var(--orange)}.btn-primary:hover{background:var(--orange-bright);color:var(--charcoal)}.btn,.action{transition:background-color .16s,color .16s,border-color .16s}.btn:active,.action:active{transform:translateY(1px)}
.ce-site-footer{color:var(--fg)}.ce-site-footer .container{width:100%}.ce-site-footer .foot-row{padding:0;border:0}.ce-site-footer .foot-nav{margin:0;padding:0;border:0}.ce-site-footer .foot-contact{border:0;padding:0}.ce-site-footer .foot-fine{border:0;padding:0}.ce-site-footer .foot-tag{max-width:none}
@media(min-width:1061px){.site-header .mobile-nav{display:none!important}}
@media(max-width:1060px){.shell{padding-inline:24px}.site-header{--nav-height:72px}.site-header .header-inner{gap:16px}.site-header .desktop-nav,.site-header .desktop-login{display:none}.site-header .actions{margin-left:auto}.site-header .mobile-toggle{display:block;min-height:44px}.site-header .mobile-nav{display:block;border-top:1px solid var(--grey);padding-block:8px 20px;max-height:calc(100dvh - 72px);overflow-y:auto}.site-header .mobile-nav[hidden]{display:none}.mobile-nav details{border-bottom:1px solid var(--grey)}.mobile-nav summary{display:flex;align-items:center;justify-content:space-between;min-height:54px;list-style:none;cursor:pointer}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-content{padding:0 12px 12px}.mobile-nav>.nav-direct{display:flex;padding-inline:0;min-height:54px;border-bottom:1px solid var(--grey)}.mobile-nav details[open] .chevron{transform:rotate(225deg)}}
@media(max-width:600px){.shell{padding-inline:20px}.site-header{--nav-height:68px;--nav-logo-width:99px}.site-header .header-inner{gap:10px}.site-header .actions{gap:8px}.site-header .action,.site-header .mobile-toggle{font-size:13px;padding-inline:12px}}
@media(max-width:350px){.site-header{--nav-logo-width:83px}.site-header .action,.site-header .mobile-toggle{padding-inline:10px}.shell{padding-inline:16px}}
@media(pointer:coarse){.site-header .action{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important}.btn,.action{transition:none}.btn:active,.action:active{transform:none}}
.energy-scene{min-width:0}.energy-art{position:relative}.energy-art>img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.energy-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:var(--orange)}.energy-track{fill:none;stroke:var(--grey);stroke-width:4}.energy-flow{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-dasharray:8 20;animation:energy-flow 2s linear infinite;animation-play-state:paused}.energy-overlay circle{fill:currentColor}.energy-scene[data-running=true] .energy-flow{animation-play-state:running}.energy-scene[data-state=use] .energy-flow{animation-direction:reverse}.energy-scene[data-state=store] .energy-flow{opacity:0}.energy-caption{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 0}.energy-caption p{font-size:14px!important;line-height:1.5;margin:0!important}.energy-indicator{display:flex;gap:3px;padding:4px;border:1px solid var(--fg-muted);border-radius:3px;flex-shrink:0}.energy-indicator i{width:6px;height:13px;background:var(--orange)}.energy-scene[data-state=charge] .energy-indicator i:last-child{opacity:.25}.energy-scene[data-state=use] .energy-indicator i:not(:first-child){opacity:.25}.energy-controls{display:flex;flex-wrap:wrap;gap:6px;padding-top:12px;border-top:1px solid var(--grey)}.energy-controls[hidden]{display:none}.energy-controls button{font:inherit;font-size:13px;min-height:44px;border:1px solid var(--grey);border-radius:5px;background:white;padding:8px 14px;cursor:pointer;color:var(--fg)}.energy-controls [aria-pressed=true]{border-color:var(--fg);background:var(--grey-light)}.energy-controls .energy-pause{margin-left:auto;border-color:transparent;color:var(--fg-muted)}@keyframes energy-flow{to{stroke-dashoffset:-56}}@media(prefers-reduced-motion:reduce){.energy-flow{animation:none}}
/* Shared customer proof: a generous, recognisable video target. */
.ce-proof.video-panel{padding:48px 0;background:white;border-block:1px solid var(--grey);min-height:0;display:block}
.ce-proof .ce-proof-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:48px}
.ce-proof .video-head{margin:0;text-align:left}
.ce-proof .video-head h2{font-size:var(--section-title-size);font-weight:400;line-height:1.2;letter-spacing:var(--tracking-snug)}
.ce-proof .video-head p{text-wrap:pretty;font-size:clamp(20px,1.8vw,26px);line-height:1.5;margin:16px 0 0}
.ce-proof .video-facade,.ce-proof .native-video{width:100%;height:auto;aspect-ratio:16/9;display:block;margin:0;border:0;border-radius:10px;overflow:hidden;position:relative}
.ce-proof .video-facade{cursor:pointer;padding:0;background:var(--charcoal)}
.ce-proof .video-facade img{width:100%;height:100%;object-fit:cover;display:block}
.ce-proof .video-play{width:64px;height:64px;transition:scale .18s}
.ce-proof .video-play svg{width:28px;height:28px}
.ce-proof .video-facade:hover .video-play{scale:1.08}
.ce-proof .video-facade:focus-visible{outline:3px solid var(--orange-text);outline-offset:6px}
.ce-proof .video-watch-label{position:absolute;bottom:16px;left:16px;border-radius:var(--radius-pill);padding:8px 14px;background:white;color:var(--charcoal);font-size:14px;font-weight:400}
.ce-proof:before,.ce-proof:after{display:none}
@media(max-width:700px){.ce-proof .ce-proof-layout{gap:24px;grid-template-columns:1fr}.ce-proof .video-head p{font-size:21px}.ce-proof .video-play{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){.ce-proof .video-play{transition:none}}
.ce-proof .video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--orange);color:var(--charcoal);box-shadow:0 4px 14px rgba(22,22,22,.4);pointer-events:none}
.ce-proof .ce-proof-savings-stat{color:var(--orange-text);font-weight:700;font-variant-numeric:tabular-nums}
.ce-proof .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* White surfaces are the shared system, including legacy page backdrops. */
body{font-weight:400;background:white}body::before,body::after{display:none!important}
.ce-site-footer{margin:0;width:100%;max-width:none;border-radius:0;box-shadow:none;backdrop-filter:none}
.ce-site-footer .foot-fine p{font-style:normal}.ce-site-footer .foot-tag{flex-basis:auto}
.ce-proof.video-panel{margin:0;width:100%;max-width:none;border-radius:0;box-shadow:none;backdrop-filter:none}
.ce-proof .ce-proof-layout{max-width:1320px;padding-inline:40px}
.ce-page .ce-hero-bullets strong{font-weight:400}
.ce-page>.ce-section,.audience-page>.audience-section{scroll-margin-top:100px}
@media(max-width:700px){.ce-proof .ce-proof-layout{padding-inline:20px}}

/* Audience entrances share the landing-page contract: no scroll takeover. */
.cable-audience .landing-reveal{transition:opacity .4s ease,transform .4s ease}
.cable-audience .landing-reveal-pending{opacity:0;transform:translateY(8px)}
.cable-audience .landing-reveal:focus-within{opacity:1;transform:none;transition:none}
@media(prefers-reduced-motion:reduce){.cable-audience .landing-reveal{opacity:1;transform:none;transition:none}}
@media print{.cable-audience .landing-reveal{opacity:1;transform:none;transition:none}}

.energy-diagram{display:flex;align-items:center;gap:12px;max-width:460px;margin:0 auto 12px;font-size:13px;color:var(--fg-muted)}
.energy-diagram svg{flex:1;min-width:20px;height:16px;color:var(--orange)}
.energy-diagram .energy-track{stroke-width:2}.energy-diagram .energy-flow{stroke-width:3;stroke-dasharray:4 10;animation-direction:normal!important}
.energy-scene[data-state=charge] .energy-business-flow .energy-flow,.energy-scene[data-state=use] .energy-grid-flow .energy-flow{opacity:0}
/* Keep the content edge aligned even where legacy landing section rules set padding. */
:root{--site-gutter:40px}
.shell,.ce-proof .ce-proof-layout{padding-inline:var(--site-gutter)}
.landing-page main.ce-page>section.shell{padding-inline:var(--site-gutter)}
@media(max-width:1060px){:root{--site-gutter:24px}}
@media(max-width:600px){:root{--site-gutter:20px}}
@media(max-width:350px){:root{--site-gutter:16px}}

/* The same headline and content edge on every marketing landing. */
body .ce-hero-title{font-size:clamp(36px,4.9vw,70px);font-weight:400;line-height:1.08;letter-spacing:var(--tracking-tight);max-width:none;margin:0;text-align:left;text-wrap:initial}
body .ce-hero-title>span{display:block}
body .ce-hero-title .ce-title-accent{color:var(--orange)}
.industry-page .hero>.container{max-width:1320px;width:100%;padding-inline:var(--site-gutter)}
/* A full first viewport; content centres vertically and may grow for zoom/short screens. */
:root{--landing-header-height:81px}
.business-landing>.ce-hero,.landing-page main.ce-page>.ce-hero,.cable-audience .audience-page>.audience-hero,.landing-page .hero{
 min-height:calc(100svh - var(--landing-header-height));padding-block:40px;align-items:center;align-content:center;
}
.ce-hero-copy{padding-top:0}
.industry-page .hero-inner{align-items:center}
.ce-site-footer .foot-fine{display:flex;flex-direction:column;gap:6px;line-height:1.5;margin-top:8px}
.ce-site-footer .foot-fine p{max-width:none;width:100%}
.ce-site-footer .foot-legal{margin-top:12px;padding-block:8px}
@media(max-width:1060px){:root{--landing-header-height:73px}}
@media(max-width:700px){
 body .ce-hero-title{font-size:clamp(32px,8.8vw,48px)}
 .cable-audience .audience-page>.audience-hero{gap:24px;padding-block:32px}
 .audience-hero-art{max-height:240px;object-fit:contain}
}
@media(max-width:600px){:root{--landing-header-height:69px}}
@media print{.business-landing>.ce-hero,.landing-page main.ce-page>.ce-hero,.cable-audience .audience-page>.audience-hero,.landing-page .hero{min-height:0}}
/* One shared three-step explanation: responsive video with editable adjacent text. */
.energy-story{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:48px}
.energy-story-media{min-width:0}.energy-story-video{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:white;border:0}
.energy-story-steps{list-style:none;padding:0;margin:0}.energy-story-steps li{border-top:1px solid var(--grey)}
.energy-step{width:100%;display:grid;grid-template-columns:24px 1fr;gap:16px;padding:22px 0;border:0;background:transparent;text-align:left;font:inherit;color:var(--fg)}
button.energy-step{cursor:pointer}
.energy-step-number{font-size:13px;color:var(--fg-muted);padding-top:5px}.energy-step-copy{font-size:20px;line-height:1.5;font-weight:400;letter-spacing:var(--tracking-snug)}
.energy-step[aria-current=step] .energy-step-number{color:var(--orange-text)}.energy-step[aria-current=step]{box-shadow:inset 3px 0 var(--orange);padding-left:16px}.energy-step:focus-visible{outline:2px solid var(--fg);outline-offset:4px}
.ce-page .ce-mechanism{display:block}.audience-page .audience-scene{max-width:none}
@media(max-width:900px){.energy-story{gap:24px}.energy-step{padding-block:18px}.energy-step-copy{font-size:18px}}
@media(max-width:700px){.energy-story{grid-template-columns:1fr;gap:28px}}

/* Section dividers span the viewport while content retains the shared edge. */
html{scroll-behavior:smooth;scroll-padding-top:100px}
.landing-page main.ce-page>section.shell,.audience-page>section.shell,main>section.shell{max-width:none;margin-inline:0;padding-inline:max(var(--site-gutter),calc((100% - 1320px)/2 + var(--site-gutter)))}

/* Reference pages share the same content edge and compact reading rhythm. */
.reference-page>.page-head{padding:64px 0 40px}
.reference-page>.page-head>.container,.reference-page>section>.container{max-width:1320px;padding-inline:var(--site-gutter)}
.reference-page>.page-head h1{margin-top:0;font-size:clamp(36px,4.5vw,58px);font-weight:400;line-height:1.1;max-width:22ch}
.reference-page>.page-head h1 em{font-style:normal;font-weight:400}
.reference-page>.page-head .lead{font-size:17px;line-height:1.6;margin-top:18px;max-width:66ch}
.reference-page>section{border-top:1px solid var(--surface-divider);padding-block:40px 64px}
.reference-page .faq-block+.faq-block{border-top:1px solid var(--surface-divider);padding-top:32px}
@media(max-width:700px){.reference-page>.page-head{padding:40px 0 28px}.reference-page>section{padding-block:32px 48px}}

/* One FAQ proportion across landing, partner and full FAQ pages. */
:root{--faq-columns:minmax(0,1fr) minmax(0,3fr);--faq-gap:clamp(28px,4vw,64px)}
.ce-page .ce-faq,.audience-page .audience-questions,.reference-page .faq-page-grid{display:grid;grid-template-columns:var(--faq-columns);gap:var(--faq-gap);align-items:start}
.audience-questions>.faq-list,.ce-faq-list,.audience-business-answers{width:100%;max-width:none}
.faq-section-intro h2{font-size:var(--section-title-size)}
.faq-section-intro .audience-all-questions{margin-top:24px;margin-bottom:0}
.faq-detail-answer p,.ce-page .ce-faq-list p{max-width:none}
.faq-alias{display:block;scroll-margin-top:110px}.faq-detail[id]{scroll-margin-top:110px}
/* The selected business label already appears in navigation. Retain its accessible heading. */
.is-enhanced .audience-business-group>h3{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:701px){
 .audience-business-questions{display:grid;grid-template-columns:var(--faq-columns);column-gap:var(--faq-gap);align-items:start}
 .audience-business-questions>.faq-section-intro{grid-column:1/-1;grid-row:1;margin-bottom:28px}
 .audience-business-questions .business-question-browser{display:contents}
 .audience-business-questions .business-category-nav{grid-column:1;grid-row:2;margin-top:0}
 .audience-business-questions .audience-business-groups{grid-column:2;grid-row:2/4}
}
@media(max-width:700px){
 .ce-page .ce-faq,.audience-page .audience-questions,.reference-page .faq-page-grid{grid-template-columns:1fr;gap:28px}
 .audience-business-questions>.faq-section-intro{margin-bottom:28px}
}

/* Residential is an independent audience in the shared footer. */
.ce-site-footer .foot-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1060px){.ce-site-footer .foot-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}

.business-all-questions{justify-self:start;margin-top:20px}
@media(min-width:701px){.audience-business-questions .business-all-questions{grid-column:1;grid-row:3}}
@media(max-width:700px){.business-all-questions{margin:16px 0 24px}}

.ce-site-footer .foot-social{display:flex;gap:8px;margin:16px 0 0}
.foot-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--surface-divider);border-radius:50%;color:var(--charcoal)}
.foot-social svg{width:19px;height:19px}
.foot-social a:hover{color:var(--orange-text);border-color:var(--orange)}
.foot-social a:focus-visible{outline:2px solid var(--orange-text);outline-offset:3px}
/* Compact footer: brand/socials, four route groups, then a contact strip. */
.ce-site-footer .container{grid-template-columns:minmax(180px,.85fr) 3.15fr;column-gap:48px;grid-template-areas:"brand nav" "contact contact" "legal legal" "fine fine"}
.ce-site-footer .foot-social{margin-top:8px}
.ce-site-footer .foot-contact{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:24px;width:100%;max-width:none;margin-top:24px;padding-top:16px;border-top:1px solid var(--surface-divider)}
.ce-site-footer .foot-contact>a:nth-child(2){max-width:42ch}
.ce-site-footer .foot-contact .foot-login{font-size:13px;text-decoration:underline;text-underline-offset:4px;justify-self:end}
.ce-site-footer .foot-legal{margin-top:16px}
@media(max-width:1060px){.ce-site-footer .container{column-gap:32px;grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:700px){.ce-site-footer .container{grid-template-columns:1fr;grid-template-areas:"brand" "nav" "contact" "legal" "fine"}.ce-site-footer .foot-row{flex-direction:column;align-items:start;gap:8px}.foot-social a{width:44px;height:44px}.ce-site-footer .foot-contact{grid-template-columns:1fr;gap:12px}.ce-site-footer .foot-contact .foot-login{justify-self:start}}


.ce-site-footer .foot-location{display:flex;align-items:center;gap:8px;margin:4px 0 0;font-size:12px;color:var(--fg-muted);line-height:1.5}.foot-location img{display:block;flex:none;width:36px;height:18px;border-radius:2px;box-shadow:0 0 0 1px rgb(1 33 105 / 10%)}

/* Keep telephone and hours stacked even when the mobile baseline makes links flex. */
.ce-site-footer .foot-contact .foot-phone{display:flex;flex-direction:column;align-items:flex-start;gap:2px}

/* Shared, restrained interaction entrances; content is usable immediately. */
:root{--motion-enter-duration:160ms;--motion-media-duration:200ms;--motion-enter-distance:4px;--motion-enter-easing:cubic-bezier(.2,.8,.2,1)}
@media(prefers-reduced-motion:no-preference){
 .ce-nav-panel:not([hidden]),.mobile-nav details[open]>.mobile-content{animation:ce-control-enter var(--motion-enter-duration) var(--motion-enter-easing)}
 .contact-email[open] .contact-email-content{animation:ce-control-enter 150ms var(--motion-enter-easing)}
 .contact-copy[data-copied=true]>span,.contact-copy-status:not(.contact-copy-status--quiet):not(:empty){animation:ce-control-enter 150ms var(--motion-enter-easing)}
 @keyframes ce-control-enter{from{opacity:0;transform:translateY(var(--motion-enter-distance))}to{opacity:1;transform:none}}
}
