/* Service experience 02: service identity, visual explanation, then deeper reading. */
.service-experience { --experience-accent:#08765a; --experience-dark:#082e40; --experience-mist:#edf3f4; }
.service-experience .services { background:#f3f6f6; }
.service-experience .service-picker { gap:0; border:0; background:#e5ecee; padding:6px; margin-bottom:46px; }
.service-experience .service-picker button { padding:20px 22px; border:0; margin:0; gap:12px; transition:background .18s,color .18s; }
.service-experience .service-picker strong { font:600 1.1875rem/1.55 var(--sans); }
.service-experience .service-picker button[aria-selected=true] { background:var(--experience-dark); color:white; }
.service-experience .service-picker button[aria-selected=true] small,.service-experience .service-picker button[aria-selected=true]>span { color:#c9e5df; }
.service-experience .service-picker button:hover:not([aria-selected=true]) { background:#d9e5e5; }
.experience-main { display:grid; grid-template-columns:.8fr 1.2fr; gap:7%; align-items:center; }
.service-feature-copy { padding:22px 0; min-width:0; }
.experience-label { font:600 .875rem/1.6 var(--sans); letter-spacing:.09em; color:var(--experience-accent); margin-bottom:20px; }
.service-experience .study-service .service-feature-copy h3 { font:600 clamp(2.2rem,3.3vw,3.5rem)/1.25 var(--sans); letter-spacing:-.045em; margin:0 0 25px; text-wrap:balance; }
.experience-question { font:500 1.5rem/1.65 var(--sans); margin:0 0 22px; color:var(--ink); }
.service-experience .service-feature-copy .service-situation { font-size:1rem; line-height:1.85; color:#526873; max-width:30em; text-wrap:pretty; }
.service-experience .service-feature-copy .service-row-actions { border:0; padding:0; margin-top:24px; }
.service-experience .service-feature-copy .inline-link { font-size:1rem; color:var(--experience-accent); border-bottom:1px solid #8fb8a7; padding-bottom:8px; }
.experience-tags { display:flex; gap:12px; margin-top:35px; }
.experience-tags span { padding:7px 15px; background:#e2ece8; color:#315f50; font-size:.875rem; }
.report-example { background:var(--experience-dark); color:#fff; padding:26px 30px 22px; min-width:0; }
.example-caption { display:flex; gap:14px; justify-content:space-between; font-size:.75rem; line-height:1.6; color:#a9c7cd; }
.example-caption>span:first-child { color:#91e0c3; font-size:.875rem; }
.example-origin { margin:28px auto 0; text-align:center; }
.example-origin>span { font-size:.875rem; color:#a9c7cd; }
.example-origin strong { display:block; font:600 clamp(1.5rem,2.2vw,2rem)/1.4 var(--sans); margin-top:9px; }
.example-origin p { color:#c5dbe0; font-size:.875rem; margin-top:9px; }
.example-branches { display:none; height:42px; margin:0 16.6667%; position:relative; }
.explainer-ready .example-branches { display:block; }
.example-branches::before { content:''; position:absolute; height:18px; top:0; left:50%; border-left:1px solid #6b9e9b; }
.example-branches::after { content:''; position:absolute; top:18px; left:0; right:0; border-top:1px solid #6b9e9b; }
.example-branches span { position:absolute; top:18px; height:24px; border-left:1px solid #6b9e9b; }
.example-branches span:first-child { left:0; }
.example-branches span:nth-child(2) { left:50%; }
.example-branches span:last-child { right:0; }
.example-switch { display:flex; gap:8px; }
.example-switch button { flex:1; min-width:0; padding:15px 10px; background:#214758; color:#dae9ee; font:500 1rem/1.5 var(--sans); border:1px solid #426674; }
.example-switch button>span { display:block; font-size:.75rem; color:#afcbd0; margin-bottom:4px; }
.example-switch button[aria-selected=true] { background:#a1e7cc; color:#073529; border-color:#a1e7cc; }
.example-switch button[aria-selected=true]>span { color:#25654f; }
.example-switch button:hover { border-color:#abebd3; }
.example-result { display:grid; grid-template-columns:.95fr 1.05fr; gap:12px 24px; background:white; color:#163d4b; padding:25px; margin-top:14px; }
.example-result>div>span { display:block; font-size:.875rem; color:#4d6a77; margin-bottom:10px; }
.example-result p { font:400 1rem/1.8 var(--sans); margin:0; }
.example-result .result-category { grid-column:1/-1; font-size:.875rem; color:#08765a; }
.explainer-ready .result-category { display:none; }
.result-task { padding-left:24px; border-left:1px solid #c8dcd6; }
.result-task strong { font:600 1.0625rem/1.8 var(--sans); color:#08694f; }
.example-foot { font-size:.75rem; line-height:1.75; color:#bbd1d7; margin:17px 0 0; }
.experience-reading-pair { display:grid; grid-template-columns:1fr 1fr; gap:7%; margin-top:34px; }
.experience-reading { border-top:1px solid #bfcfd3; }
.experience-reading summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 0; cursor:pointer; list-style:none; font:500 1rem/1.6 var(--sans); color:#184656; }
.experience-reading summary::-webkit-details-marker { display:none; }
.experience-reading summary>span { font-size:1.4rem; color:var(--experience-accent); }
.experience-reading[open] summary>span { transform:rotate(45deg); }
.experience-reading>div { padding:0 0 28px; }
.experience-reading p,.experience-reading dd { font-size:1rem; line-height:1.9; color:#516b77; }
.experience-reading p+p { margin-top:16px; }
.experience-reading .v61-small-note { font-size:.875rem; }
.service-experience .report-example button:focus-visible { outline:3px solid #fff; outline-offset:3px; }
@media(max-width:1100px) { .service-experience .service-picker button { padding:17px 14px; } .experience-main { gap:5%; } .report-example { padding:24px; } .example-result { padding:22px 18px; gap:16px; } .result-task { padding-left:16px; } }
@media(max-width:800px) { .experience-main,.experience-reading-pair { grid-template-columns:1fr; gap:24px; } .service-experience .service-picker button { flex-basis:45%; } .example-caption { flex-wrap:wrap; } }
@media(max-width:480px) { .example-result { grid-template-columns:1fr; } .result-task { padding-left:0; padding-top:18px; border-left:0; border-top:1px solid #c8dcd6; } .example-switch button { font-size:.875rem; } }
@media(prefers-reduced-motion:reduce) { .service-experience * { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
.service-experience .v61-start { padding-block:58px; }
.service-experience .v61-route-layout { grid-template-columns:.9fr 1.1fr; gap:10%; }
.service-experience .v61-route-intro h2 { font:600 clamp(1.8rem,2.25vw,2.5rem)/1.4 var(--sans); margin:18px 0 20px; }
.service-experience .v61-route-intro>p:not(.eyebrow) { max-width:31em; }
.model-choice { border-bottom:1px solid #ccd9dd; }
.model-choice:first-child { border-top:1px solid #ccd9dd; }
.model-choice summary { display:grid; grid-template-columns:1fr 20px; gap:6px 18px; cursor:pointer; list-style:none; padding:18px 0; }
.model-choice summary::-webkit-details-marker { display:none; }
.service-experience .model-choice .small-caps { padding:0; color:#08765a; font:500 .875rem/1.5 var(--sans); }
.model-choice summary strong { grid-column:1; font:500 1.1875rem/1.6 var(--sans); color:#123c4f; }
.model-choice summary i { grid-column:2; grid-row:1/3; align-self:center; color:#08765a; font-style:normal; font-size:1.4rem; }
.model-choice[open] summary i { transform:rotate(45deg); }
.model-choice>div { padding:0 0 20px; }
.model-choice p { font-size:1rem; line-height:1.9; }
.service-experience .model-choice .inline-link { font-size:.9375rem; margin-top:8px; }
.service-experience .services { padding-block:65px 60px; }
.service-experience .section-heading { align-items:center; margin-bottom:22px; }
.service-experience .section-heading h2 { font:600 clamp(2.4rem,3.2vw,3.3rem)/1.3 var(--sans); margin:10px 0 15px; letter-spacing:-.035em; }
.experience-section-lead { font:400 1.1875rem/1.7 var(--sans); color:#4d6875; }
.service-experience .scope-note { margin-bottom:28px; }
.experience-feature { display:grid; grid-template-columns:1fr 1fr; gap:7%; align-items:center; }
.service-experience .experience-feature .service-context-photo { margin:0; position:relative; }
.service-experience .experience-feature .service-context-photo img { display:block; width:100%; height:405px; object-fit:cover; }
.service-experience .feature-planning .service-context-photo img { height:350px; }
.photo-context { position:absolute; top:20px; left:20px; display:flex; gap:7px; }
.photo-context span { background:rgba(7,39,54,.88); color:white; font-size:.875rem; padding:8px 15px; }
.service-experience .experience-feature figcaption { font-size:.75rem; line-height:1.6; }
.experience-prep { padding-top:20px; border-top:1px solid #bfcfd3; }
.experience-prep .experience-label { margin:0 0 12px; }
.service-experience .experience-prep .v61-panel-note { margin:0; padding:0; border:0; font-size:1rem; line-height:1.9; }
.support-classification { padding:27px 32px 34px; background:#dfeee7; color:#113e35; }
.support-classification .example-caption { color:#507366; }
.support-classification .example-caption>span:first-child { color:#17694e; }
.classification-title { font:600 1.8rem/1.45 var(--sans); margin:35px 0 30px; letter-spacing:-.03em; }
.support-classification ul { list-style:none; }
.support-classification li { display:grid; grid-template-columns:1fr 24px 1.4fr; gap:12px; align-items:center; background:rgba(255,255,255,.7); padding:20px 18px; margin-top:10px; border-left:4px solid #208166; }
.support-classification li:nth-child(2) { border-color:#267b98; }
.support-classification li:nth-child(3) { border-color:#234558; }
.support-classification li>span { font-size:.9375rem; }
.support-classification li>strong { font-size:1rem; font-weight:500; }
.support-classification i { font-style:normal; color:#3d856d; }
.service-experience .v61-connections { padding-block:66px; }
.service-experience .v61-connection-intro { margin-bottom:35px; }
.service-experience .v61-connection-intro h2 { font:600 clamp(2rem,2.8vw,3rem)/1.4 var(--sans); letter-spacing:-.035em; }
.system-experience { margin-top:42px; }
.explainer-guide { display:none; font-size:.875rem; line-height:1.7; color:#b8d6d2; margin:0 0 25px; }
.explainer-ready .explainer-guide { display:block; }
.explainer-guide span { margin-left:9px; }
.journey-switch { gap:0; margin-bottom:24px; position:relative; }
.journey-switch::before { content:''; position:absolute; top:26px; left:26px; right:calc(25% - 26px); border-top:1px solid #547980; }
.journey-switch button { flex:1; display:grid; grid-template-columns:1fr auto; gap:12px; text-align:left; padding:0 20px 20px 0; background:transparent; border:0; position:relative; }
.journey-switch button>span { width:53px; height:53px; display:grid; place-items:center; grid-column:1; background:#143e4e; border:1px solid #587f84; border-radius:50%; font-size:1rem; margin:0; color:#cbdfdf; }
.journey-switch button>strong { grid-column:1; font:500 1.125rem/1.6 var(--sans); color:#c2d5da; }
.journey-switch button>i { grid-column:2; grid-row:2; font-style:normal; color:#8cbcb6; }
.journey-switch button[aria-selected=true] { background:transparent; border:0; }
.journey-switch button[aria-selected=true]>span { background:#9ee6c9; border-color:#9ee6c9; color:#07402f; }
.journey-switch button[aria-selected=true]>strong { color:#fff; }
.journey-switch button:hover>span { border-color:#c8f2e4; }
.journey-switch button:hover>strong { color:#fff; }
.journey-result { display:grid; grid-template-columns:1fr 1fr; gap:8%; padding:36px 40px; background:#eff7f5; color:#103b45; margin-top:20px; }
.journey-stage { font-size:.875rem; color:#317059; margin-bottom:16px; }
.service-experience .journey-question h3 { font:600 1.8rem/1.55 var(--sans); color:#103b45; margin:0; }
.journey-explanation>p { font-size:1.0625rem; line-height:1.9; color:#284e58; }
.journey-explanation .journey-responsibility { font-size:.875rem; line-height:1.8; color:#276e56; padding-top:18px; margin-top:20px; border-top:1px solid #bbd5ca; }
.journey-loop { color:#c5e3db; font-size:.875rem; line-height:1.85; margin-top:20px; }
.journey-loop>span { display:inline-block; margin-right:8px; }
.service-experience .v61-system-footnote { margin-top:38px; }
.service-experience .system-experience button:focus-visible { outline-color:#b5f0d6; }
.service-experience .route-connection h2 { font:600 clamp(1.8rem,2.5vw,2.6rem)/1.4 var(--sans); }
@media(max-width:1100px) { .support-classification { padding:24px; } .support-classification li { grid-template-columns:1fr 18px 1.3fr; gap:8px; padding:17px 12px; } .journey-result { padding:30px; } }
@media(max-width:800px) { .service-experience .v61-route-layout,.experience-feature,.journey-result { grid-template-columns:1fr; gap:26px; } .service-experience .v61-start { padding-block:40px; } .journey-switch button>strong { font-size:.875rem; } .journey-switch button>i { display:none; } .journey-switch button { display:block; padding-right:10px; } .journey-switch button>span { margin-bottom:15px; } }
@media print { .service-experience .example-switch,.service-experience .explainer-guide,.service-experience .example-branches { display:none; } .service-experience [data-explain-panel] { break-inside:avoid; } .service-experience .report-example { print-color-adjust:exact; } .service-experience .result-category { display:block; } }