/* V6.1: only the service overview and its two detail pages opt in. */
.v61-service-overview .page-hero-content { align-items:center; }
.v61-hero-summary { align-self:center; max-width:30em; padding-top:30px; }
.v61-hero-summary p { font-size:1.0625rem; line-height:1.95; color:var(--muted); }
.v61-hero-summary .inline-link { margin-top:24px; font-size:1rem; }
.v61-service-overview .masthead-photo { height:320px; margin-left:20%; }
.v61-service-overview .masthead-photo img { object-position:center 40%; }
.v61-route-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:10%; }
.v61-route-intro h2,.v61-connection-intro h2 { font:500 clamp(2.25rem,2.8vw,3rem)/1.4 var(--serif); letter-spacing:-.025em; margin:24px 0 30px; }
.v61-route-intro>p:not(.eyebrow) { font-size:1.0625rem; line-height:1.95; color:var(--muted); max-width:31em; }
.v61-route-intro figure { margin-top:32px; }
.v61-route-intro img { width:100%; height:255px; object-fit:cover; }
.v61-route-intro figcaption { font-size:.8125rem; line-height:1.8; color:var(--muted); margin-top:8px; }
.v61-start-routes article { padding:0 0 30px; border-bottom:1px solid var(--line); }
.v61-start-routes article+article { padding-top:30px; }
.v61-start-routes article:last-child { border-bottom:0; padding-bottom:0; }
.v61-start-routes .small-caps { color:var(--green); font-size:.875rem; }
.v61-start-routes h3 { font:500 1.625rem/1.6 var(--serif); margin:14px 0 14px; }
.v61-start-routes p { font-size:1rem; line-height:1.9; color:var(--muted); }
.v61-start-routes .inline-link { margin-top:18px; font-size:.9375rem; }
.v61-reading { margin-top:24px; border-block:1px solid var(--line); }
.v61-reading summary { display:flex; align-items:center; justify-content:space-between; gap:24px; cursor:pointer; list-style:none; padding:22px 0; font-size:1rem; line-height:1.7; }
.v61-reading summary::-webkit-details-marker { display:none; }
.v61-reading summary>span { font-size:1.25rem; color:var(--green); flex-shrink:0; transition:transform .15s; }
.v61-reading[open] summary>span { transform:rotate(45deg); }
.v61-reading>div { padding:0 0 24px; }
.v61-reading p { font-size:1rem; line-height:1.9; color:var(--muted); }
.v61-reading p+p { margin-top:16px; }
.v61-reading .v61-small-note { font-size:.875rem; }
.v61-panel-note { margin-top:22px; font-size:.9375rem; line-height:1.9; color:var(--muted); }
.v61-service-overview .service-row-actions.v61-actions { display:flex; gap:18px 32px; flex-wrap:wrap; align-items:center; }
.v61-connection-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:10%; }
.v61-connection-intro { align-self:start; }
.v61-connection-intro h2 { color:#fff; }
.v61-connection-intro>p:not(.eyebrow) { font-size:1.0625rem; line-height:1.95; color:#c8dfe2; }
.v61-connection-intro .v61-connection-label { color:#8adaca!important; font-size:.9375rem!important; margin-top:28px; }
.v61-connection-intro .v61-small-note { font-size:.9375rem!important; margin-top:10px; }
.v61-system-journey { list-style:none; counter-reset:journey; }
.v61-system-journey li { border-top:1px solid #42636d; padding:26px 0; display:grid; grid-template-columns:140px minmax(0,1fr); gap:26px; }
.v61-system-journey li:last-child { border-bottom:1px solid #42636d; }
.v61-system-journey li>span { font-size:.9375rem; color:#8adaca; line-height:1.8; }
.v61-system-journey h3 { font:500 1.5rem/1.5 var(--serif); color:#fff; margin-bottom:14px; }
.v61-system-journey p { color:#d4e5e8; font-size:1rem; line-height:1.9; }
.v61-system-journey small { display:block; color:#9fc8cc; font-size:.875rem; line-height:1.9; margin-top:14px; }
.v61-system-footnote { border-top:1px solid #42636d; margin-top:48px; padding-top:30px; display:grid; grid-template-columns:1fr 1fr; gap:8%; }
.v61-system-footnote h3 { font-size:1.0625rem; color:#fff; margin-bottom:16px; }
.v61-system-footnote p { color:#c8dfe2; font-size:.9375rem; line-height:1.9; }
.v61-system-footnote .v61-reading { margin:0; border-color:#42636d; }
.v61-system-footnote summary { color:#e1edef; }
.v61-system-footnote .inline-link { color:#8adaca; margin-top:20px; }
.v61-detail-example { border-block:1px solid #c5d2d6; padding-block:34px; }
.v61-detail-example>.eyebrow { color:var(--green); font-size:.875rem; margin-bottom:18px; }
.v61-working-fragment { margin-top:28px; }
.v61-working-fragment>div { display:grid; grid-template-columns:170px minmax(0,1fr); gap:28px; padding:23px 0; border-top:1px solid var(--line); }
.v61-working-fragment dt { font-size:1.0625rem; line-height:1.9; font-weight:500; color:var(--ink); }
.v61-detail-example .v61-working-fragment dd { font-size:1rem; line-height:1.95; }
.v61-detail-example .inline-link { margin-top:24px; }
.v61-example-decision { padding:24px 28px; margin-top:22px; background:#eff4f3; }
.v61-example-decision h3 { font:500 1.5rem/1.6 var(--serif); margin-bottom:14px; }
.v61-detail-example .v61-example-decision p { font-size:1rem; }
@media(max-width:1100px) { .v61-route-layout,.v61-connection-layout { gap:6%; } .v61-system-journey li { grid-template-columns:1fr; gap:10px; } }
@media(max-width:700px) { .v61-route-layout,.v61-connection-layout,.v61-system-footnote { grid-template-columns:1fr; gap:40px; } .v61-working-fragment>div { grid-template-columns:1fr; gap:12px; } .v61-reading summary { gap:12px; } .v61-example-decision { padding:20px; } }
@media(prefers-reduced-motion:reduce) { .v61-reading summary>span { transition:none; } }
@media(max-width:700px) { .v61-hero-summary { padding-top:0; } .v61-service-overview .masthead-photo { height:240px; margin-left:0; } }