/* Layout values follow the existing PC Clinic service-category template. */
html body #dc-root .mi-service-hub{max-width:none;margin:0;padding:0;color:var(--mi-text,#0c1f33);font:400 16px/1.65 Inter,system-ui,sans-serif}
.mi-service-hub .wrap{box-sizing:border-box;width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(20px,4vw,52px)}
.mi-service-hub h1,.mi-service-hub h2{font-family:Georgia,serif;font-weight:500;letter-spacing:-.025em;text-wrap:balance}
.mi-service-hub h1{font-size:clamp(36px,4.4vw,58px);line-height:1.04;margin:0}
.mi-service-hub h2{font-size:clamp(28px,3.2vw,42px);line-height:1.1;margin:0 0 22px}
.mi-service-hub h3{font:600 18px/1.4 Inter,system-ui,sans-serif;margin:0 0 12px}
.mi-service-hub p{margin:0 0 18px;color:var(--mi-muted,#33475a)}
.mi-service-hub .mi-hub-hero{padding-block:clamp(12px,2vw,22px) clamp(24px,3vw,40px)}
.mi-service-hub .mi-hub-breadcrumb{font:400 14px/1.5 Inter,system-ui,sans-serif;color:var(--mi-muted,#526372);margin-bottom:18px}
.mi-service-hub .mi-hub-breadcrumb a{color:inherit;text-underline-offset:3px}
.mi-service-hub .mi-hub-hero-grid{display:flex;flex-wrap:wrap;gap:clamp(28px,4vw,56px);align-items:stretch}
.mi-service-hub .mi-hub-hero-copy{flex:1 1 400px;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.mi-service-hub .mi-hub-kicker{font:400 13px/1.4 Inter,system-ui,sans-serif;margin:22px 0 14px}
.mi-service-hub .mi-hub-lead{font:400 18px/1.65 Inter,system-ui,sans-serif;max-width:500px}
.mi-service-hub .mi-hub-choice-label{font-weight:700;font-size:15px;margin-bottom:10px}
.mi-service-hub .mi-hub-chips{display:flex;flex-wrap:wrap;gap:8px}
.mi-service-hub .mi-hub-chips a{display:inline-flex;align-items:center;min-height:42px;box-sizing:border-box;padding:10px 15px;border:1px solid var(--mi-border,#b7c3c8);border-radius:24px;color:var(--mi-text,#0c1f33);font:500 14px/1.4 Inter,system-ui,sans-serif;text-decoration:none!important}
.mi-service-hub .mi-hub-feature{flex:1 1 440px;min-width:0;border-radius:18px;overflow:hidden;background:var(--mi-surface,#fff);box-shadow:none!important;display:flex;flex-direction:column}
.mi-service-hub .mi-hub-feature>img{display:block;width:100%;height:clamp(210px,21vw,300px);object-fit:cover;flex-shrink:0}
.mi-service-hub .mi-hub-feature-copy{padding:clamp(24px,3vw,32px);display:flex;flex-direction:column;flex:1}
.mi-service-hub .mi-hub-feature-copy h2{font-size:clamp(26px,2.6vw,34px)}
.mi-service-hub .mi-hub-feature-copy p{font-size:16px;line-height:1.7}
.mi-service-hub .mi-hub-feature-links{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--mi-border,#d5dee2);padding-top:18px;margin-top:auto}
.mi-service-hub .mi-hub-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}
.mi-service-hub .mi-hub-actions a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:46px;padding:12px 16px;border-radius:9px;font:600 14px/1.45 Inter,system-ui,sans-serif;text-decoration:none!important;max-width:100%}
.mi-service-hub .mi-hub-primary{background:var(--mi-action-bg,#0c1f33);color:var(--mi-action-fg,#fff)!important}
.mi-service-hub .mi-hub-secondary{border:1px solid var(--mi-border,#8ca6b3);color:var(--mi-link,#174f86)}
.mi-service-hub .mi-hub-text-link{font:600 14px/1.5 Inter,system-ui,sans-serif;color:var(--mi-link,#174f86);text-underline-offset:4px}
.mi-service-hub .mi-hub-service-links{padding-block:clamp(28px,3.5vw,48px)}
.mi-service-hub .mi-hub-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.mi-service-hub .mi-hub-service-card{display:flex;flex-direction:column;align-items:flex-start;padding:24px;background:var(--mi-surface,#fff);border:1px solid var(--mi-border,#d5dee2);border-radius:14px;text-decoration:none!important;color:var(--mi-text,#0c1f33)}
.mi-service-hub .mi-hub-service-card:hover{background:var(--mi-feature,#e9f1f0)}
.mi-service-hub .mi-hub-service-card p{font-size:15px;line-height:1.7}
.mi-service-hub .mi-hub-service-card .mi-hub-text-link{margin-top:auto}
.mi-service-hub .mi-hub-number{font:600 12px/1.4 Inter,system-ui,sans-serif;color:var(--mi-muted,#526372);margin-bottom:14px}
.mi-service-hub .mi-hub-process{position:relative;isolation:isolate;color:#fff;background:#0c1f33}
.mi-service-hub .mi-hub-process>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.mi-service-hub .mi-hub-process:after{content:'';position:absolute;inset:0;background:rgba(12,31,51,.88);z-index:-1}
.mi-service-hub .mi-hub-process .wrap{padding-block:clamp(32px,4vw,56px)}
.mi-service-hub .mi-hub-process h2{max-width:20ch;color:#fff}
.mi-service-hub .mi-hub-process ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:22px;margin:26px 0 0;padding:0;list-style:none;border-top:2px solid #ffffff40}
.mi-service-hub .mi-hub-process li{position:relative;padding-top:20px}
.mi-service-hub .mi-hub-process li:before{content:'';position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:#fff}
.mi-service-hub .mi-hub-process h3{font-size:17px;color:#fff}
.mi-service-hub .mi-hub-process p{font-size:15px;color:#c9d8e0;margin:0}
.mi-service-hub .mi-hub-detail{padding-block:clamp(30px,4vw,54px)}
.mi-service-hub .mi-hub-detail:nth-of-type(even){background:var(--mi-feature,#e9e6df)}
.mi-service-hub .mi-hub-detail-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,56px)}
.mi-service-hub .mi-hub-detail p{font-size:16px;line-height:1.85;max-width:780px}
.mi-service-hub .mi-hub-comparison{padding-block:clamp(32px,4vw,56px);background:var(--mi-surface,#fff)}
.mi-service-hub .mi-hub-table-scroll{overflow-x:auto}
.mi-service-hub table{width:100%;border-collapse:collapse;text-align:left;font-size:15px;min-width:520px}
.mi-service-hub th,.mi-service-hub td{padding:18px 16px;vertical-align:top;border-bottom:1px solid var(--mi-border,#c4cdd2)}
.mi-service-hub th{font-weight:600}.mi-service-hub thead{background:var(--mi-feature,#e9f1f0)}
.mi-service-hub td a{color:var(--mi-link,#174f86);text-underline-offset:3px}
.mi-service-hub .mi-hub-faq{padding-block:clamp(32px,4vw,56px)}
.mi-service-hub .mi-hub-faq-list{max-width:900px}
.mi-service-hub .mi-hub-next{padding-block:clamp(32px,4vw,56px);background:var(--mi-feature,#e9f1f0)}
.mi-service-hub .mi-hub-next-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,4vw,56px)}
@media(max-width:700px){.mi-service-hub .mi-hub-detail-grid,.mi-service-hub .mi-hub-next-grid{grid-template-columns:1fr;gap:18px}.mi-service-hub .mi-hub-service-grid{grid-template-columns:1fr}.mi-service-hub .mi-hub-hero-copy{flex-basis:100%}.mi-service-hub .mi-hub-feature{flex-basis:100%}.mi-service-hub .mi-hub-hero-grid{gap:28px}.mi-service-hub .mi-hub-process ol{gap:26px 18px}.mi-service-hub .mi-hub-actions{align-items:stretch}.mi-service-hub .mi-hub-actions a{width:100%}}
@media(prefers-reduced-motion:reduce){.mi-service-hub *{scroll-behavior:auto!important}}
.mi-service-hub[data-mi-service-hub="security"] .mi-hub-feature>img{object-position:50% 22%}

/* Use the existing category pill/FAQ states rather than a second interaction style. */
html body #dc-root .mi-service-hub .mi-hub-chips a.pill{padding:0 16px;min-height:42px;border-color:rgba(12,31,51,.22);font-weight:500}
html body #dc-root .mi-service-hub .mi-hub-faq details[open]>summary:after{transform:rotate(45deg)}
html body #dc-root .mi-service-hub .mi-hub-chips a.pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box;text-align:center!important;min-height:42px;padding:10px 16px!important;line-height:20px!important;gap:0}
html body #dc-root .mi-service-hub .mi-hub-chips a.pill>span{display:block;margin:0;padding:0;font:inherit;line-height:20px;transform:none;translate:none}
/* One readable CTA state owner; inherited shine layers must not cover its label. */
html body #dc-root .mi-service-hub a.mi-hub-primary{background:#0c1f33!important;color:#fff!important;background-image:none!important;filter:none!important;opacity:1!important}
html body #dc-root .mi-service-hub a.mi-hub-primary:is(:hover,:focus-visible,:active){background:#174f86!important;color:#fff!important;background-image:none!important;filter:none!important;opacity:1!important}
html body #dc-root .mi-service-hub a.mi-hub-primary *,html body #dc-root .mi-service-hub a.mi-hub-primary:is(:hover,:focus-visible,:active) *{color:inherit!important;opacity:1!important}
html body #dc-root .mi-service-hub a.mi-hub-primary:before,html body #dc-root .mi-service-hub a.mi-hub-primary:after{display:none!important;content:none!important}
html[data-mi-theme=dark] body #dc-root .mi-service-hub a.mi-hub-primary{background:#82dced!important;color:#082333!important}
html[data-mi-theme=dark] body #dc-root .mi-service-hub a.mi-hub-primary:is(:hover,:focus-visible,:active){background:#fff!important;color:#082333!important}
html[data-mi-theme=dark] body #dc-root .mi-service-hub a.mi-hub-primary *,html[data-mi-theme=dark] body #dc-root .mi-service-hub a.mi-hub-primary:is(:hover,:focus-visible,:active) *{color:#082333!important}
/* Clearly visible text-link feedback in both themes, shared by table and body links. */
html body #dc-root .mi-service-hub a.mi-hub-text-link,html body #dc-root .mi-service-hub td a{display:inline-block;box-sizing:border-box;padding:7px 10px;margin:-7px -10px;border-radius:7px;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:4px;transition:background-color .2s ease,color .2s ease!important}
html body #dc-root .mi-service-hub a.mi-hub-text-link:is(:hover,:focus-visible),html body #dc-root .mi-service-hub td a:is(:hover,:focus-visible){background:#d7eaf3!important;color:#0c3656!important;text-decoration-thickness:2px!important;filter:none!important;box-shadow:none!important}
html[data-mi-theme=dark] body #dc-root .mi-service-hub a.mi-hub-text-link:is(:hover,:focus-visible),html[data-mi-theme=dark] body #dc-root .mi-service-hub td a:is(:hover,:focus-visible){background:#34596b!important;color:#fff!important}
.mi-service-hub .mi-hub-service-card p{overflow-wrap:normal!important;word-break:normal!important;hyphens:auto}
html body #dc-root .mi-service-hub .mi-hub-faq div.faq details.faq>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;width:100%;padding:18px 0!important;box-sizing:border-box}
html body #dc-root .mi-service-hub .mi-hub-faq summary>.mi-faq-question{flex:1 1 auto;min-width:0;font:inherit;color:inherit!important;line-height:inherit}
html body #dc-root .mi-service-hub .mi-hub-faq summary:after{display:grid!important;place-items:center;flex:0 0 28px;margin-left:auto;align-self:center}
html body #dc-root main.mi-service-hub{padding-bottom:clamp(32px,4vw,56px)}

html body #dc-root .mi-service-hub a.mi-hub-primary{transition:background-color 180ms ease,color 180ms ease!important;box-shadow:none!important}

html body #dc-root .mi-service-hub .mi-hub-actions>a{border-radius:var(--mi-radius-control,10px)!important;min-height:48px!important;box-shadow:none!important;transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease!important}
html body #dc-root .mi-service-hub a.mi-hub-secondary{background:transparent!important;color:#153549!important;border:1px solid #8ca6b3!important}
html body #dc-root .mi-service-hub a.mi-hub-secondary:is(:hover,:focus-visible){background:#e1eef2!important;color:#153549!important;filter:none!important}
html[data-mi-theme=dark] body #dc-root .mi-service-hub a.mi-hub-secondary{background:transparent!important;color:#82dced!important;border-color:#59788a!important}
html[data-mi-theme=dark] body #dc-root .mi-service-hub a.mi-hub-secondary:is(:hover,:focus-visible){background:#34596b!important;color:#fff!important;border-color:#8ddce9!important}