/* Homepage service families share one tab sequence, grouped for easier scanning. */
.service-explorer .service-tabs-grouped{display:grid;grid-template-columns:minmax(210px,.85fr) minmax(0,3fr);gap:22px;padding:22px;border:1px solid #dbe5dc;border-bottom:3px solid #44b735;background:#f7faf5}
.service-tab-group{min-width:0}
.service-tab-group-label{margin:0 0 12px;font:700 10px/1.5 var(--body);letter-spacing:1px;text-transform:uppercase;color:#4f6456}
.service-tab-group-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.service-tab-group:first-child .service-tab-group-options{grid-template-columns:1fr}
.service-explorer .service-tabs-grouped button{display:flex;align-items:center;min-width:0;min-height:78px;gap:10px;padding:12px 11px;border:1px solid #dce6db;border-radius:6px;text-align:left;font-size:15px;line-height:1.3;background:#fff}
.service-explorer .service-tabs-grouped button>.icon{flex:0 0 25px;width:25px;height:25px;margin:0}
.service-explorer .service-tabs-grouped button>span{min-width:0;overflow-wrap:break-word}
.service-explorer .service-tabs-grouped small{display:block;font:400 9px/1.5 var(--body);margin-top:5px}
.service-explorer .service-tabs-grouped button:hover{background:#edf5e9;border-color:#9ac28e}
.service-explorer .service-tabs-grouped [aria-selected=true],.service-explorer .service-tabs-grouped [aria-selected=true]:hover{background:linear-gradient(115deg,#0f5034,#17793e);border-color:#16653a;box-shadow:inset 0 -3px var(--logo-green);color:#fff}
.service-explorer .service-tabs-grouped button:focus-visible{outline:3px solid #16733d;outline-offset:3px;z-index:1}
.service-explorer .service-art{padding:32px}
.service-explorer .component-controls{gap:10px}
.service-explorer .component-choice{min-height:74px;padding:12px 15px;gap:13px}
.service-explorer .component-choice>span{min-width:0;font-size:16px}
.service-explorer .component-choice>.icon{flex:0 0 29px;width:29px;height:29px}
.service-explorer .component-choice small{font-size:10px;line-height:1.5}
.service-explorer .component-choice::after{flex-shrink:0}
.service-explorer .component-board-note{margin-bottom:18px}
.service-explorer .component-actions .button{min-height:44px;white-space:normal}
html:not(.js) .service-explorer .service-tabs-grouped{display:none}
@media(max-width:1199px) and (min-width:768px){
 .service-explorer .service-tabs-grouped{grid-template-columns:minmax(180px,.8fr) minmax(0,2.5fr);gap:16px;padding:18px}
 .service-tab-group-options{grid-template-columns:repeat(3,minmax(0,1fr))}
 .service-explorer .service-tabs-grouped button{min-height:74px;font-size:14px}
 .service-explorer .service-tabs-grouped button>.icon{flex-basis:22px;width:22px;height:22px}
 .service-explorer .service-art{padding:26px}
}
@media(max-width:767px){
 .service-explorer .service-tabs-grouped{grid-template-columns:1fr;gap:16px;padding:16px}
 .service-tab-group-options,.service-tab-group:first-child .service-tab-group-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .service-tab-group-label{font-size:9px;margin-bottom:9px}
 .service-explorer .service-tabs-grouped button{min-height:57px;padding:10px;gap:9px;font-size:13px}
 .service-explorer .service-tabs-grouped button>.icon{flex-basis:23px;width:23px;height:23px}
 .service-explorer .service-tabs-grouped small{display:none}
 .service-explorer .service-art{padding:24px 20px}
 .service-explorer .component-choice{min-height:69px;padding:12px 14px}
 .service-explorer .component-choice>span{font-size:15px}
 .service-explorer .component-board-header{gap:12px}
 .service-explorer .component-board-header>span:last-child{text-align:right;max-width:130px}
 .service-explorer .component-actions{gap:15px}
 .service-explorer .component-actions .button{font-size:12px;padding:12px 13px}
}
@media(max-width:359px){
 .service-explorer .service-tabs-grouped{padding:12px}
 .service-explorer .service-tabs-grouped button{font-size:12px;gap:6px;padding:9px 7px}
 .service-explorer .service-tabs-grouped button>.icon{width:20px;height:20px;flex-basis:20px}
}

/* Original category tiles; only topic details expand inline on mobile. */
@media(max-width:767px){
 .is-mobile-explorer .service-tab-panel[data-component-board]{min-height:0;border:0;grid-template-columns:1fr}
 .is-mobile-explorer .service-panel-copy{grid-row:1;padding:16px 16px 8px}
 .is-mobile-explorer .service-panel-copy>.eyebrow,.is-mobile-explorer .component-board-header,.is-mobile-explorer .component-board-foot,.is-mobile-explorer .component-guide-jump{display:none}
 .is-mobile-explorer .service-panel-copy>h3{font-size:21px;margin:0;line-height:1.35}
 .is-mobile-explorer .service-art{grid-row:2;min-height:0;padding:12px;background:#fff}
 .is-mobile-explorer .component-board{max-width:none;padding:12px;border:0;border-radius:6px;box-shadow:none;background:#12382a}
 .is-mobile-explorer .component-board-note{margin:0 0 10px;font-size:13px}
 .is-mobile-explorer .component-controls{gap:6px}
 .is-mobile-explorer .component-choice{min-height:52px;padding:10px;gap:9px}
 .is-mobile-explorer .component-choice>span{font-size:15px}
 .is-mobile-explorer .component-choice small{display:none}
 .is-mobile-explorer .component-detail{padding:14px;background:#f8fbf9;color:#24372d;border:0;border-radius:5px;margin:0 0 5px}
 .is-mobile-explorer .component-detail-heading{display:none}
 .is-mobile-explorer .component-explanation{font-size:14px;line-height:1.7;margin:0 0 12px;color:#334d40}
 .is-mobile-explorer .component-prep-label{font-size:13px;color:#31543d;margin:0 0 6px}
 .is-mobile-explorer .component-prep{font-size:13px;line-height:1.65;color:#334d40;margin-bottom:14px}
 .is-mobile-explorer .component-actions{display:flex;flex-wrap:wrap;gap:10px}
 .is-mobile-explorer .component-actions .button{font-size:13px;min-height:44px;padding:10px 12px}
 .is-mobile-explorer .component-call{color:#17613b;min-height:44px;display:inline-flex;align-items:center}
}
