/* Explicit service-tab icons and graphics; loaded after theme styles. */
#services .tabs button::before,#services .tabs button::after{content:none}
#services .tabs button{background-color:#fff;background-image:radial-gradient(circle at calc(100% - 14px) 14px,#35b5e580 0 2px,transparent 3px),radial-gradient(circle at 110% 115%,transparent 0 38px,#35b5e530 39px 48px,transparent 49px 59px,#68bd9c50 60px 62px,transparent 63px)}
#services .tabs .service-tab-icon{display:block;flex:0 0 34px;width:34px;height:34px;margin:0;object-fit:contain}
#services .tabs .service-tab-label{position:relative;z-index:1;white-space:nowrap}
#services .tabs button[aria-selected="true"]{background-image:radial-gradient(circle at 110% 115%,transparent 0 38px,#35b5e525 39px 48px,transparent 49px 59px,#68bd9c35 60px 62px,transparent 63px),linear-gradient(115deg,#bdeafa,#d9f6dc);background-color:#c9f0e7;border-bottom-color:#006b47;color:#083d30}
#services .tabs button:hover{background-color:#e6f6ef}
@media(max-width:760px){#services .tabs .service-tab-icon{flex-basis:29px;width:29px;height:29px}}

/* Calculator preview: half the standard service photo height, same width. */
#service-panel .service-card-visual.compact-calculator-visual{aspect-ratio:32/9;height:auto}

/* Unified shallow image area for every service card. */
#service-panel .service-card-visual{aspect-ratio:32/9;height:auto}
#service-panel .service-card-photo{object-position:center 55%}

.service-card-main{display:block;color:inherit;text-decoration:none}.service-card-more{display:inline-block;position:relative;z-index:1;margin:0 18px 14px;color:#075b88;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.service-card-main:focus-visible,.service-card-more:focus-visible{outline:3px solid #075b88;outline-offset:3px}

/* Soft-outline frame separates the complete service centre from nearby sections. */
#services.section.wrap{box-sizing:border-box;margin-block:20px;padding:22px;border:1px solid #c9dfeb;border-radius:18px;background:#fff;box-shadow:0 6px 20px #1456790b}
#services.section.wrap>.section-top{margin-bottom:16px}
@media(max-width:680px){#services.section.wrap{padding:16px 14px;border-radius:14px;margin-block:16px}}

/* One padding rhythm for both single-link and multi-link service cards. */
#service-panel .service-card{padding:16px;gap:12px}
#service-panel .service-card-main{display:flex;flex:1;flex-direction:column;gap:12px;min-width:0}
#service-panel .service-card-visual{margin:0;border-radius:8px}
#service-panel .service-card>h3,#service-panel .service-card-main>h3{margin:0;font-size:17px;line-height:1.4;color:#3276b1}
#service-panel .service-card>p,#service-panel .service-card-main>p{margin:0;font-size:13px;line-height:1.6}
#service-panel .service-card>.arrow,#service-panel .service-card-main>.arrow{align-self:flex-end;flex:none;margin:auto 0 0;font-size:18px;line-height:1;color:#006b47}
#service-panel .service-card-more{margin:0;font-size:13px}
.service-slider-frame{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-width:0}
.service-slider-frame>#service-panel{min-width:0;width:100%}
.service-slider-frame.service-slider-static{grid-template-columns:minmax(0,1fr)}
.service-slider-arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #b5d8e9;border-radius:50%;background:#eef8ff;color:#0d709a;font-size:30px;line-height:1;cursor:pointer;transition:background .18s,transform .18s}
.service-slider-arrow:hover:not(:disabled){background:#d9f0fc;transform:scale(1.04)}
.service-slider-arrow:disabled{opacity:.38;cursor:default}
.service-slider-arrow[hidden]{display:none}
.service-slider-arrow:focus-visible{outline:3px solid #188260;outline-offset:3px}
@media(max-width:600px){#service-panel .service-card{padding:14px;gap:12px}.service-slider-frame:not(.service-slider-static)>#service-panel{grid-column:1/-1;grid-row:2}.service-slider-frame:not(.service-slider-static)>.service-slider-prev{grid-column:1;grid-row:1}.service-slider-frame:not(.service-slider-static)>.service-slider-next{grid-column:3;grid-row:1}}
@media(prefers-reduced-motion:reduce){.service-slider-arrow{transition:none}.service-slider-arrow:hover:not(:disabled){transform:none}}