/* Shared service rhythm, scoped away from the approved Home and editorial pages. */
body #main#main[data-dn-service-system] {--service-ink:#0b1d3a;--service-muted:#42536a;}
body #main#main[data-dn-service-system] > .site-hero {padding-block:22px 38px;}
body #main#main[data-dn-service-system] .site-hero-grid {align-items:center;gap:36px;}
body #main#main[data-dn-service-system] .site-hero h1 {font-size:clamp(36px,4.6vw,68px);line-height:1.03;letter-spacing:-.055em;margin:0 0 20px;max-width:18ch;}
body #main#main[data-dn-service-system] .site-hero .site-intro {font-size:17px;line-height:1.7;max-width:62ch;margin:0 0 22px;}
body #main#main[data-dn-service-system] .site-hero .hero-promise {font-size:23px;line-height:1.3;margin:0 0 18px;}
body #main#main[data-dn-service-system] .site-hero .site-reassurance {margin-top:16px;font-size:14px;}
body #main#main[data-dn-service-system] > section.sf-surface {background:var(--service-bg);color:var(--service-ink);padding-block:48px;border:0;}
body #main#main[data-dn-service-system] > section[data-service-surface="teal"] {--service-bg:#00b2a9;--service-ink:#0b1d3a;--service-muted:#153c50;}
body #main#main[data-dn-service-system] > section[data-service-surface="navy"] {--service-bg:#0b1d3a;--service-ink:#f5f2e9;--service-muted:#d8e5df;}
body #main#main[data-dn-service-system] > section[data-service-surface="sage"] {--service-bg:#e7eee8;--service-ink:#0b1d3a;--service-muted:#42536a;}
body #main#main[data-dn-service-system] > section[data-service-surface="cream"] {--service-bg:#f5f2e9;--service-ink:#0b1d3a;--service-muted:#42536a;}
body #main#main[data-dn-service-system] .sf-surface :is(.dn-section-opening,.brand-heading,.market-intro,.service-team-top) :is(h2,p),
body #main#main[data-dn-service-system] .sf-surface :is(.wd-prose,.wd-supporting-copy,.wd-story-point p,.wd-point-number,.brand-prose,.site-prose,.ai-story-prose,.service-team-copy,.wpf-client-copy .brand-prose,.evidence-note,.sf-evidence-note) {color:var(--service-ink);}
body #main#main[data-dn-service-system] .sf-surface .dn-section-opening {gap:10px;max-width:900px;margin-bottom:24px;}
body #main#main[data-dn-service-system] .sf-surface .dn-section-opening .eyebrow {font-size:12px;line-height:1.5;letter-spacing:.07em;}
body #main#main[data-dn-service-system] .sf-surface .dn-section-opening h2 {font-size:clamp(32px,3.3vw,44px);line-height:1.08;letter-spacing:-.045em;margin:0;max-width:28ch;}
body #main#main[data-dn-service-system] .sf-surface .dn-section-intro {font-size:17px;line-height:1.6;margin:0;max-width:72ch;}
body #main#main[data-dn-service-system] .sf-surface :is(.brand-heading,.site-section-head,.dn-heading-block) {margin-bottom:26px;}
body #main#main[data-dn-service-system] .sf-surface :is(.brand-editorial-grid,.detail-layout,.dn-editorial-layout) {align-items:start;gap:32px;}
body #main#main[data-dn-service-system] .sf-copy-only {display:block;max-width:100%;}
body #main#main[data-dn-service-system] .sf-fragment {position:absolute;width:1px;height:1px;overflow:hidden;}
body #main#main[data-dn-service-system] .sf-surface :is(.brand-prose,.site-prose) p {font-size:16px;line-height:1.7;max-width:72ch;}
body #main#main[data-dn-service-system] .sf-surface :is(.brand-prose,.site-prose) p:last-child {margin-bottom:0;}
body #main#main[data-dn-service-system] a.button {display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;border:1px solid transparent;border-radius:3px;font:800 14px/1.4 Inter,Arial,sans-serif;text-align:center;white-space:normal;}
body #main#main[data-dn-service-system] .sf-surface[data-service-surface="teal"] a.button {background:#0b1d3a;color:#f5f2e9;border-color:#0b1d3a;}
body #main#main[data-dn-service-system] .sf-surface[data-service-surface="navy"] a.button {background:#00b2a9;color:#0b1d3a;border-color:#00b2a9;}
body #main#main[data-dn-service-system] .sf-surface[data-service-surface="teal"] a.button:hover {background:#f5f2e9;color:#0b1d3a;}
body #main#main[data-dn-service-system] .sf-surface[data-service-surface="navy"] a.button:hover {background:#f5f2e9;color:#0b1d3a;}
body #main#main[data-dn-service-system] .sf-surface>.container>.text-link,
body #main#main[data-dn-service-system] .sf-surface :is(.dn-section-actions,.ai-story-actions,.service-team-copy)>.text-link {color:var(--service-ink);border-color:currentColor;font-size:14px;}
body #main#main[data-dn-service-system] .sf-surface .home-testimonials-source .text-link {color:var(--service-ink);border-color:currentColor;}
body #main#main[data-dn-service-system] :is(a,button,summary):focus-visible {outline:3px solid #ffcb69;outline-offset:4px;}
/* Real people: clear names, correct roles, complete portraits. */
body #main#main[data-dn-service-system] .service-team-layout {display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);align-items:start;gap:44px;}
body #main#main[data-dn-service-system] .service-team-portraits {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:510px;}
body #main#main[data-dn-service-system] .service-team-portraits figure {margin:0;min-width:0;}
body #main#main[data-dn-service-system] .service-team-portraits img {display:block;width:100%;max-width:240px;height:auto;aspect-ratio:4/5;object-fit:contain;background:#0b1d3a;border-radius:5px 24px 5px 5px;}
body #main#main[data-dn-service-system] .service-team-portraits figcaption {display:grid;gap:7px;margin-top:14px;color:var(--service-ink);font-size:12px;line-height:1.5;}
body #main#main[data-dn-service-system] .service-team-portraits figcaption strong {font-size:20px;line-height:1.2;}
body #main#main[data-dn-service-system] .service-team-copy p {font-size:16px;line-height:1.7;margin:0 0 18px;}
/* Both profiles remain the destination; the compact map always stays visible. */
body #main#main[data-dn-service-system] #our-markets :is(.market-grid,.ai-story-city-grid) {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;}
body #main#main[data-dn-service-system] #our-markets .market-grid.market-single {grid-template-columns:minmax(0,1fr);}
body #main#main[data-dn-service-system] #our-markets :is(.market-map,.ai-story-city,.ai-local-map-frame) {background:#fffdf8;color:#0b1d3a;overflow:hidden;border:1px solid #c6d5cb;border-radius:6px 24px 6px 6px;}
body #main#main[data-dn-service-system] #our-markets :is(.map-heading,.ai-story-city-header,.ai-local-map-heading) {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 14px;padding:16px 18px;min-width:0;}
body #main#main[data-dn-service-system] #our-markets :is(.map-heading,.ai-story-city-header,.ai-local-map-heading) :is(h3,a) {color:#0b1d3a;margin:0;}
body #main#main[data-dn-service-system] #our-markets :is(.map-heading,.ai-story-city-header,.ai-local-map-heading) a {font-size:13px;line-height:1.4;text-align:right;}
body #main#main[data-dn-service-system] #our-markets :is(.city-map-image,.ai-story-city-map img,.ai-local-map-link img) {display:block;width:100%;height:156px;object-fit:cover;}
body #main#main[data-dn-service-system] #our-markets :is(.map-attribution,.ai-map-attribution) {margin:0;padding:10px 14px;font-size:11px;color:#465267;}
body #main#main[data-dn-service-system] #our-markets :is(.map-attribution,.ai-map-attribution) a {color:#465267;}
body #main#main[data-dn-service-system] #our-markets :is(.ai-local-market-copy,.ai-local-city-nav) :is(h3,p,a) {color:var(--service-ink);}
/* Two FAQ columns remove the empty editorial side while keeping native disclosures. */
body #main#main[data-dn-service-system] #questions>.container {display:block;}
body #main#main[data-dn-service-system] #questions :is(.ai-story-faq-layout,.dn-section-with-actions) {display:block;}
body #main#main[data-dn-service-system] #questions .ai-story-faq-layout>div:first-child {position:static;margin-bottom:26px;}
body #main#main[data-dn-service-system] #questions :is(.accordion,.ai-story-faq) {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 28px;margin-top:24px;}
body #main#main[data-dn-service-system] #questions details {margin:0;border-top:1px solid #9cafa5;border-bottom:0;}
body #main#main[data-dn-service-system] #questions summary {display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;padding:18px 0;font-size:16px;line-height:1.45;color:var(--service-ink);}
body #main#main[data-dn-service-system] #questions details p {color:var(--service-ink);font-size:15px;line-height:1.7;margin:0 0 18px;}
body #main#main[data-dn-service-system] #questions .dn-section-actions {margin-top:22px;}
body #main#main[data-dn-service-system] :is(.site-finale,#talk-about-your-growth)>.container {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:20px 48px;align-items:center;}
body #main#main[data-dn-service-system] :is(.site-finale,#talk-about-your-growth) .dn-section-opening {grid-column:1;grid-row:1/3;margin:0;}
body #main#main[data-dn-service-system] .site-finale .dn-section-opening {grid-row:auto;}
body #main#main[data-dn-service-system] :is(.site-finale,#talk-about-your-growth) :is(.dn-section-actions,.ai-story-actions) {grid-column:2;display:flex;flex-wrap:wrap;gap:14px 22px;margin:0;align-items:center;}
body #main#main[data-dn-service-system] #talk-about-your-growth .ai-story-reassurance {grid-column:2;margin:0;color:var(--service-ink);}
body #main#main[data-dn-service-system] .sf-surface .package-card {background:#fffdf8;color:#0b1d3a;border:1px solid #b7cbc0;border-radius:5px 24px 5px 5px;}
body #main#main[data-dn-service-system] .sf-surface .package-card :is(h3,p,li,.eyebrow) {color:#0b1d3a;}
body #main#main[data-dn-service-system] .sf-surface .package-card a.button {background:#00b2a9;color:#0b1d3a;border-color:#00b2a9;}
body #main#main[data-dn-service-system] .sf-surface .package-card a.button:hover {background:#0b1d3a;color:#f5f2e9;}
body #main#main[data-dn-service-system] .sf-surface .package-bespoke {background:#0b1d3a;}
body #main#main[data-dn-service-system] .sf-surface .package-bespoke :is(h3,p,li,.eyebrow) {color:#f5f2e9;}
/* Rebind legacy component text to the surface, with local paper panels kept dark. */
body #main#main#main[data-dn-service-system] .sf-surface :is(.cp-outcome-copy,.brand-outcomes) :is(p,strong,span,small),
body #main#main#main[data-dn-service-system] .sf-surface :is(.seo-city-proof-note,.seo-city-reach-note),
body #main#main#main[data-dn-service-system] .sf-surface .ai-story-section-links a,
body #main#main#main[data-dn-service-system] .sf-surface .ai-story-prose>p,
body #main#main#main[data-dn-service-system] .sf-surface .ai-neighbour-reasons :is(h3,p),
body #main#main#main[data-dn-service-system] .sf-surface .dn-search-example-label small,
body #main#main#main[data-dn-service-system] .sf-surface .wfp-plan-copy :is(h3,p) {color:var(--service-ink);}
body #main#main#main[data-dn-service-system] .sf-surface .wfp-plan-grid {align-items:start;}
body #main#main#main[data-dn-service-system] .sf-surface :is(.site-card-grid,.site-link-grid,.brand-feature-list)>article {background:#fffdf8;color:#0b1d3a;border:1px solid #bacdc1;padding:20px;border-radius:4px 20px 4px 4px;}
body #main#main#main[data-dn-service-system] .sf-surface :is(.site-card-grid,.site-link-grid,.brand-feature-list)>article :is(h3,p,a,strong) {color:#0b1d3a;}
body #main#main#main[data-dn-service-system] .sf-surface .wfp-book-page .dn-section-opening :is(h2,p) {color:#0b1d3a;}
body #main#main#main[data-dn-service-system] .sf-surface .google-review :is(.review-source,.review-author) :is(span,p,strong) {color:#465267;}
body #main#main#main[data-dn-service-system] .sf-surface .google-review .review-source {color:#465267;}
body #main#main#main[data-dn-service-system] .sf-surface .cp-journey-example ol>li>span {color:#00675f;}
body #main#main#main[data-dn-service-system] > #ai-seo-packages[data-service-surface] .scp-package-layout .dn-section-opening :is(h2,p) {color:var(--service-ink);}
body #main#main#main[data-dn-service-system] > #ai-seo-packages[data-service-surface] .scp-package-offer {--service-ink:#0b1d3a;}
body #main#main#main[data-dn-service-system] > #ai-seo-packages[data-service-surface] .scp-package-offer :is(p,h3,strong,a) {color:#0b1d3a;}
@media(max-width:1000px) {
 body #main#main[data-dn-service-system] .site-hero-grid {gap:24px;}
 body #main#main[data-dn-service-system] .service-team-layout {gap:28px;}
}
@media(max-width:900px) {
 body #main#main[data-dn-service-system] .service-team-layout {grid-template-columns:minmax(0,1fr);}
 body #main#main[data-dn-service-system] :is(.site-finale,#talk-about-your-growth)>.container {grid-template-columns:minmax(0,1fr);gap:22px;}
 body #main#main[data-dn-service-system] :is(.site-finale,#talk-about-your-growth) :is(.dn-section-opening,.dn-section-actions,.ai-story-actions,.ai-story-reassurance) {grid-column:auto;grid-row:auto;}
}
@media(max-width:700px) {
 body #main#main[data-dn-service-system] > .site-hero {padding-block:18px 30px;}
 body #main#main[data-dn-service-system] .site-hero h1 {font-size:clamp(34px,8.8vw,46px);max-width:22ch;}
 body #main#main[data-dn-service-system] .site-hero .site-intro {font-size:16px;}
 body #main#main[data-dn-service-system] > section.sf-surface {padding-block:36px;}
 body #main#main[data-dn-service-system] .sf-surface .dn-section-opening h2 {font-size:32px;}
 body #main#main[data-dn-service-system] .sf-surface .dn-section-intro {font-size:16px;}
 body #main#main[data-dn-service-system] #our-markets :is(.market-grid,.ai-story-city-grid) {grid-template-columns:minmax(0,1fr);gap:18px;}
 body #main#main[data-dn-service-system] #questions :is(.accordion,.ai-story-faq) {grid-template-columns:minmax(0,1fr);gap:0;}
 body #main#main[data-dn-service-system] #questions summary {min-height:68px;}
 body #main#main[data-dn-service-system] .service-team-portraits {gap:16px;max-width:460px;}
 body #main#main[data-dn-service-system] .service-team-portraits figcaption strong {font-size:18px;}
}
