/* Service browser; shared structure, responsive to each brand and layout. */
.service-explorer{--service-radius:var(--radius,10px);--service-focus:var(--brand,#d7323b);margin-top:30px;isolation:isolate;color:var(--ink,#0f0a08)}
.service-explorer-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;border-top:1px solid var(--line,#cbd0d4);margin-bottom:18px;font-family:Arial,Helvetica,sans-serif}
.service-explorer-heading-copy{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px}
.service-explorer-kicker{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--muted,#5a636c)}
.service-explorer-count{font-size:12px;font-weight:600}
.service-view-toggle{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;padding:8px 0;color:var(--ink,#0f0a08);border:0;border-bottom:1px solid currentColor;background:none;white-space:nowrap;border-radius:0}
.service-view-toggle:hover{color:var(--brand,#d7323b)}
.service-explorer-body{display:grid;grid-template-columns:minmax(200px,.72fr) minmax(0,1.6fr);gap:24px;align-items:start}
.service-selector{display:flex;flex-direction:column;border-top:1px solid var(--line,#cbd0d4)}
.service-selector-button{display:grid;grid-template-columns:23px minmax(0,1fr) 15px;align-items:center;gap:10px;text-align:left;width:100%;padding:19px 14px;background:transparent;color:var(--ink,#0f0a08);border:0;border-bottom:1px solid var(--line,#cbd0d4);border-left:3px solid transparent;font-family:Arial,Helvetica,sans-serif;line-height:1.4;transition:background .18s,color .18s,border-color .18s;border-radius:0}
.service-selector-title{font-size:13px;font-weight:700;letter-spacing:-.015em}
.service-selector-index{font-size:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted,#5a636c)}
.service-selector-arrow{font-size:16px;color:var(--muted,#5a636c);transition:transform .18s}
.service-selector-button:hover{background:var(--surface,#fff)}
.service-selector-button.is-selected{background:var(--surface,#fff);border-left-color:var(--brand,#d7323b)}
.service-selector-button.is-selected .service-selector-title,.service-selector-button.is-selected .service-selector-index,.service-selector-button.is-selected .service-selector-arrow{color:var(--brand,#d7323b)}
.service-selector-button.is-selected .service-selector-arrow{transform:translate(2px,-2px)}
body .service-explorer .service-detail-panels{display:block;min-width:0;border:0;margin:0;gap:0}
body .service-explorer .service-detail-panels>.service-tile{display:grid;grid-template-columns:1fr;grid-column:auto;border:1px solid var(--line,#cbd0d4);border-radius:var(--service-radius);background:var(--surface,#fff);box-shadow:none;min-height:0;overflow:hidden}
body .service-explorer .service-detail-panels>.service-tile[hidden]{display:none!important}
body .service-explorer .service-detail-panels .tile-photo{height:clamp(210px,23vw,340px);min-height:0;max-height:none;width:100%;position:relative;order:0}
body .service-explorer .service-detail-panels .tile-photo img{height:100%;width:100%;object-fit:cover;transition:none;filter:none}
body .service-explorer .service-detail-panels .tile-content{padding:clamp(24px,3vw,39px);min-width:0;order:1}
body .service-explorer .service-detail-panels .tile-content .serial{font-family:Arial,Helvetica,sans-serif;color:var(--brand,#d7323b);font-size:10px;letter-spacing:.12em}
body .service-explorer .service-detail-panels .tile-content h3{font-size:clamp(27px,3vw,40px);line-height:1.08;letter-spacing:-.045em;margin:12px 0 15px;color:var(--ink,#0f0a08)}
body .service-explorer .service-detail-panels .tile-content p{color:var(--muted,#5a636c);font-size:15px;line-height:1.6;margin-bottom:22px;max-width:600px}
.service-useful-details{font-family:Arial,Helvetica,sans-serif;border-top:1px solid var(--line,#cbd0d4);padding-top:17px;margin:20px 0 24px}
.service-useful-label{font-size:10px;letter-spacing:.12em;font-weight:750;text-transform:uppercase;color:var(--muted,#5a636c)}
.service-useful-list{display:flex;gap:7px 17px;flex-wrap:wrap;padding:0;margin:9px 0 0;list-style:none;font-size:12px;line-height:1.5;color:var(--ink,#0f0a08)}
.service-useful-list li{display:flex;align-items:baseline;gap:7px}
.service-useful-list li:before{content:'+';color:var(--brand,#d7323b);font-weight:800}
body .service-explorer .service-detail-cta{background:var(--brand,#d7323b);color:white;border:1px solid var(--brand,#d7323b);border-radius:min(var(--service-radius),6px);font-family:Arial,Helvetica,sans-serif;font-size:13px;padding:13px 18px;font-weight:750;max-width:100%;line-height:1.4;width:fit-content;text-decoration:none;letter-spacing:0}
body .service-explorer .service-detail-cta:hover{opacity:1;filter:brightness(.93)}
.service-intent-notice{display:grid;gap:5px;background:var(--paper,#f5f6f5);border:1px solid var(--line,#cbd0d4);border-left:3px solid var(--brand,#d7323b);padding:15px 17px;font-family:Arial,Helvetica,sans-serif;border-radius:3px;color:var(--ink,#0f0a08)}
.service-intent-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:750;color:var(--muted,#5a636c)}
.service-intent-value{font-size:14px;line-height:1.4}
.service-intent-detail{font-size:12px;line-height:1.5;color:var(--muted,#5a636c)}
.service-explorer.is-all .service-explorer-body{grid-template-columns:1fr}
.service-explorer.is-all .service-selector{display:none}
body .service-explorer.is-all .service-detail-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body .service-explorer.is-all .service-detail-panels>.service-tile{display:flex;flex-direction:column}
body .service-explorer.is-all .service-detail-panels .tile-content{display:flex;flex-direction:column;flex:1}
body .service-explorer.is-all .service-detail-panels .tile-content h3{font-size:27px}
body .service-explorer.is-all .service-detail-panels .tile-photo{height:230px}
body .service-explorer.is-all .service-detail-cta{margin-top:auto}
.concept-counter .service-explorer{--service-radius:0px}
.concept-counter .service-explorer-body{grid-template-columns:minmax(175px,.65fr) minmax(0,1.65fr)}
.concept-counter .service-selector-button{padding-top:22px;padding-bottom:22px}
.concept-counter .service-selector-title{text-transform:uppercase;font-size:11px;letter-spacing:.04em}
.concept-counter .service-explorer-heading{border-top-width:2px}
.concept-field-manual .service-explorer{--service-radius:0px}
.concept-field-manual .service-explorer-heading{border-top:2px solid var(--ink,#0f0a08)}
.concept-field-manual .service-selector-title{font-family:Georgia,serif;font-size:17px;font-weight:400}
.concept-field-manual .service-selector-button{border-left:0;padding-left:5px}
.concept-field-manual .service-selector-button.is-selected{box-shadow:inset 0 -2px var(--brand,#d7323b);background:transparent}
.concept-field-manual .service-detail-panels>.service-tile{box-shadow:5px 5px 0 var(--line,#cbd0d4)}
.concept-start-here .service-explorer{--service-radius:var(--radius,14px)}
.concept-start-here .service-selector{border-top:0;gap:8px}
.concept-start-here .service-selector-button{border:1px solid var(--line,#cbd0d4);border-radius:min(var(--service-radius),10px);background:var(--surface,#fff);padding:16px 13px}
.concept-start-here .service-selector-button.is-selected{border-color:var(--brand,#d7323b);box-shadow:inset 3px 0 var(--brand,#d7323b)}
.concept-start-here .service-selector-index{display:none}
.concept-start-here .service-selector-button{grid-template-columns:1fr 15px}
@media(min-width:1350px){body .service-explorer:not(.is-all) .service-detail-panels>.service-tile{grid-template-columns:.85fr 1fr}body .service-explorer:not(.is-all) .service-detail-panels .tile-photo{height:100%;min-height:400px}body .service-explorer:not(.is-all) .service-detail-panels .tile-content{padding:32px}.concept-field-manual .service-explorer:not(.is-all) .service-detail-panels>.service-tile{grid-template-columns:1fr}}
@media(max-width:800px){.service-explorer-body,.concept-counter .service-explorer-body{grid-template-columns:1fr;gap:18px}.service-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:0;gap:7px}.service-selector-button{border:1px solid var(--line,#cbd0d4);border-radius:4px;padding:12px 10px;grid-template-columns:18px 1fr}.service-selector-button .service-selector-arrow{display:none}.service-selector-button.is-selected{border-color:var(--brand,#d7323b);box-shadow:inset 0 -2px var(--brand,#d7323b)}.service-selector-title{font-size:12px}.concept-counter .service-selector-button{padding-top:12px;padding-bottom:12px}.concept-field-manual .service-selector-button{padding:12px 10px;border:1px solid var(--line,#cbd0d4)}.concept-field-manual .service-selector-button.is-selected{border-color:var(--brand,#d7323b)}.concept-field-manual .service-selector-title{font-size:15px}.concept-start-here .service-selector-button{grid-template-columns:1fr}.service-explorer-heading-copy{gap:6px;flex-direction:column}.service-explorer-heading{gap:14px}.service-view-toggle{font-size:11px}body .service-explorer .service-detail-panels .tile-photo{height:260px}body .service-explorer .service-detail-panels .tile-content{padding:25px}body .service-explorer.is-all .service-detail-panels{grid-template-columns:1fr}.service-explorer-count{font-size:11px}}
@media(max-width:360px){.service-selector{grid-template-columns:1fr}.service-explorer-heading{align-items:flex-end}.service-view-toggle{white-space:normal;text-align:right;max-width:100px}}
@media(prefers-reduced-motion:reduce){.service-selector-button,.service-selector-arrow{transition:none}}

html[data-motion="off"] .service-selector-button,html[data-motion="off"] .service-selector-arrow{transition:none}
