/* LIVE 2026-09-26 · homepage "Our Services" = 06 Edge to Edge (✦✦ Triple surprise of round 4, /doctor/h4-svc.html).
   Copied from h4-svc/d-master.css with the preview class `html.d4-master` replaced by `html:not(.svc-edge-off)`,
   the same specificity, so the live cascade matches the preview exactly. Sits on top of home-services-filmstrip/.
   Undo: delete the <link> + <script> lines marked "Edge to Edge" in index.html, or restore
   index.before-services-edge.html.bak. Edit h4-svc/d-master.css, then re-run the copy (home-services-edge/build.py). */
/* h4-svc · master — generated; scoped to html:not(.svc-edge-off), inside the live svcfilm layer.
   06 · Triple surprise · Edge to Edge — the master composition: each service's colour enters from the page's
   left edge as a soft chapter plate and its drawings run to the page's right edge on large white cards; one strict
   heavy/light type hierarchy; tabs as a soft colour index; a sky, lavender, blush, mint and peach mood. */
@layer svcfilm {

html:not(.svc-edge-off) body #svc3#svc3#svc3 *, html:not(.svc-edge-off) body #svc3#svc3#svc3 *::before, html:not(.svc-edge-off) body #svc3#svc3#svc3 *::after {transition:none !important; animation:none !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-strip {scroll-behavior:auto !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .sv-explore:hover svg {transform:none !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-fill {display:none !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .sv-explore i {box-shadow:none !important}

html:not(.svc-edge-off) body #svc3#svc3#svc3 #h1-google-ads, html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-seg:nth-child(1) {--ml:#DFE9FB !important; --mp:#EEF3FD !important; --md:#C9D9F7 !important; --mi:#1B3E8A !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 #h1-meta-ads, html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-seg:nth-child(2) {--ml:#E9E4FA !important; --mp:#F4F1FD !important; --md:#D8CEF5 !important; --mi:#48319A !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 #h1-social-media, html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-seg:nth-child(3) {--ml:#F9E3EA !important; --mp:#FCF1F4 !important; --md:#F1CDDA !important; --mi:#8C2150 !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 #h1-landing-pages, html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-seg:nth-child(4) {--ml:#DFF2E6 !important; --mp:#EFF8F3 !important; --md:#C4E5D2 !important; --mi:#1B6742 !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 #h1-websites, html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-seg:nth-child(5) {--ml:#FAE9DC !important; --mp:#FDF4EC !important; --md:#F0D5BF !important; --mi:#7B4419 !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 section.s3-svc {background:#F6F8FB !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .s3-head .s3-eyebrow {font-family:inherit !important; font-size:14px !important; font-weight:650 !important; letter-spacing:.01em !important; text-transform:none !important; color:#5A6678 !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 #svcTitle {font-size:48px !important; font-weight:800 !important; letter-spacing:-.042em !important; line-height:1.04 !important; color:#0E1E35 !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 #svcTitle i {color:#A9BCEB !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .s3-head .s3-sub {font-size:18px !important; font-weight:300 !important; line-height:1.55 !important; color:#33425A !important; max-width:600px !important}


html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-map {background:#F6F8FB !important; gap:4px !important; height:60px !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-seg {background:var(--mp) !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-sl {padding:0 18px !important; gap:12px !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-sl .sv-mark {background:transparent !important; width:24px !important; height:24px !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-sl .sv-mark svg {width:21px !important; height:21px !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-sl b {font-size:15.5px !important; font-weight:400 !important; color:#33425A !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-seg[aria-current="true"] {background:var(--md) !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-seg[aria-current="true"] .g4-sl b {color:var(--mi) !important; font-weight:800 !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-seg:hover:not([aria-current="true"]) {background:var(--ml) !important}


html:not(.svc-edge-off) body #svc3#svc3#svc3 .h1-block > .g4-chap {width:auto !important; margin-left:calc(-1 * var(--lane)) !important; padding:34px 28px 28px calc(var(--lane) + 28px) !important; background:var(--ml) !important; color:#0E1E35 !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-ct .sv-mark {width:50px !important; height:50px !important; background:transparent !important; justify-items:start !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-ct .sv-mark svg {width:46px !important; height:46px !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-chap h3.g4-title {margin-top:34px !important; font-size:33px !important; font-weight:800 !important; line-height:1.07 !important; letter-spacing:-.034em !important; color:#0E1E35 !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-chap .sv-prim {background:#fff !important; color:var(--mi) !important; letter-spacing:.12em !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-chap > p:not(.g4-flabel):not(.g4-note) {margin-top:16px !important; font-size:17px !important; font-weight:300 !important; line-height:1.55 !important; color:#1D2B42 !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-chap .sv-plats {gap:6px !important; margin-top:22px !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-chap .sv-plats .s3-chip {height:36px !important; padding:0 13px !important; background:#fff !important; border:0 !important; gap:10px !important; font-size:14px !important; font-weight:650 !important; color:#1D2B42 !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-chap .sv-plats .s3-chip svg, html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-chap .sv-plats .s3-lg {width:18px !important; height:18px !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-chap > p + .sv-plats {margin-bottom:20px !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-chap .g4-flabel {color:var(--mi) !important; letter-spacing:.14em !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-chap .g4-filter {background:var(--mp) !important; box-shadow:none !important; padding:4px !important; gap:4px !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-chap .g4-filter button {color:#33425A !important; font-weight:400 !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-chap .g4-filter button:hover {background:#fff !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-chap .g4-filter button[aria-pressed="true"] {background:#fff !important; color:var(--mi) !important; font-weight:800 !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-chap .g4-filter button:focus-visible {outline-color:var(--mi) !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-chap .g4-note {color:#33425A !important; font-weight:300 !important; font-size:16px !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-chap .sv-explore {align-self:stretch !important; justify-content:space-between !important; height:58px !important; padding:0 0 0 22px !important; background:#fff !important; color:#0E1E35 !important; font-size:16.5px !important; font-weight:800 !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-chap .sv-explore i {background:var(--md) !important; width:58px !important; height:58px !important; color:var(--mi) !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-chap .sv-explore svg {width:20px !important; height:20px !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-chap .sv-explore:hover {background:var(--mp) !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-chap .sv-explore:focus-visible {outline:2px solid var(--mi) !important; outline-offset:-4px !important}


html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-card {width:420px !important; background:#fff !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-card .s3-mock {margin:26px 26px 0 !important; width:calc(100% - 52px) !important; box-shadow:0 0 0 26px var(--ml) !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-cb {padding:50px 26px 28px !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-cb h4 {font-size:23px !important; font-weight:800 !important; letter-spacing:-.026em !important; line-height:1.18 !important; color:#0E1E35 !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-cb .g4-cu {margin-top:12px !important; font-size:16px !important; font-weight:750 !important; line-height:1.35 !important; color:#0E1E35 !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-cb .g4-cu b {display:block !important; margin-bottom:2px !important; font-size:14px !important; font-weight:800 !important; letter-spacing:0 !important; text-transform:none !important; color:var(--mi) !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-cb .g4-cd {margin-top:12px !important; font-size:15.5px !important; font-weight:300 !important; line-height:1.55 !important; color:#1D2B42 !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-cb .sv-specs {padding-top:18px !important; gap:12px !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-cb .sv-spec {grid-template-columns:122px minmax(0,1fr) !important; gap:12px !important; padding:0 !important; border-top:0 !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-cb .sv-spec:last-child {padding-bottom:0 !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-cb .sv-spec dt {font-size:11.5px !important; letter-spacing:.07em !important; line-height:1.5 !important; color:var(--mi) !important; padding-top:2px !important}
html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-cb .sv-spec dd {font-size:14.5px !important; font-weight:650 !important; line-height:1.45 !important; color:#0E1E35 !important}

@media (max-width:1240px) {
  html:not(.svc-edge-off) body #svc3#svc3#svc3 .h1-block > .g4-chap {width:auto !important}
}
@media (max-width:760px) {
  html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-map {height:52px !important}
  html:not(.svc-edge-off) body #svc3#svc3#svc3 .h1-block {background:var(--mp) !important}
  html:not(.svc-edge-off) body #svc3#svc3#svc3 .h1-block > .g4-chap {margin-left:0 !important; padding:28px 16px 22px !important}
  html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-ct .sv-mark {width:44px !important; height:44px !important}
  html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-ct .sv-mark svg {width:40px !important; height:40px !important}
  html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-chap h3.g4-title {margin-top:22px !important; font-size:28px !important}
  html:not(.svc-edge-off) body #svc3#svc3#svc3 .h1-block > .g4-strip {padding-top:14px !important; padding-bottom:18px !important}
  html:not(.svc-edge-off) body #svc3#svc3#svc3 .h1-block .g4-card {background:#fff !important; width:calc(100% - 46px) !important; flex:0 0 calc(100% - 46px) !important}
  html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-card .s3-mock {margin:14px 14px 0 !important; width:calc(100% - 28px) !important; box-shadow:0 0 0 14px var(--ml) !important}
  html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-cb {padding:34px 18px 22px !important}
  html:not(.svc-edge-off) body #svc3#svc3#svc3 .g4-cb .sv-spec {grid-template-columns:minmax(0,1fr) !important; gap:2px !important}
}

}