/* Original diagrams, 2026-10-20. Text is always present, including without JS. */
.service-map{margin:0 0 28px;padding:24px 28px;background:#f7f5ee;border-radius:4px}.service-map figcaption{font:500 22px/1.6 var(--serif);margin-bottom:18px}.map-layout{display:grid;grid-template-columns:1fr 138px 1fr;align-items:center;gap:20px}.map-label{font-size:11px;font-weight:600;color:var(--accent);display:block}.map-options{display:flex;align-items:center;gap:25px;margin-top:9px}.map-options>a{display:grid;grid-template-columns:42px auto;gap:0 12px;align-items:center;flex:1}.map-options svg{width:42px;grid-row:1/3;color:var(--green)}.map-options strong{font-size:15px;white-space:nowrap}.map-options a>span{font-size:11px;color:var(--muted)}.map-or{font-size:10px;color:var(--muted)}.map-bridge{text-align:center;color:var(--green);font-size:11px}.map-bridge i{display:block;position:relative;border-top:1px dashed #739580;margin:10px 0 4px}.map-bridge i:after{content:'';position:absolute;right:0;top:-4px;width:6px;height:6px;border-top:1px solid;border-right:1px solid;transform:rotate(45deg)}.map-bridge small{font-size:10px;color:var(--muted)}.map-monthly{display:flex;gap:16px;align-items:center;border:1px dashed #98ab9e;padding:16px 20px;border-radius:4px}.map-monthly svg{width:43px;flex-shrink:0;color:var(--green)}.map-monthly strong{display:block;font-size:18px}.map-monthly div>span:last-child{font-size:11px;color:var(--muted)}.map-note{font-size:11px;color:var(--muted);margin-top:18px;line-height:1.8}.work>.wrap{display:block}.work .work-heading{margin-bottom:25px}.practice-flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:54px}.practice-flow li{position:relative;min-width:0}.step-art{height:98px;background:#f8fbf6;border-bottom:2px solid #bfd1c3;display:flex;align-items:center;justify-content:center;position:relative}.step-art svg{width:58px;height:58px;color:var(--green)}.step-number{position:absolute;left:15px;top:12px;font:italic 20px Georgia,serif;color:var(--accent)}.practice-flow li:not(:last-child):after{content:'→';position:absolute;top:29px;right:-37px;font-size:25px;color:#658572}.practice-flow h3{font-size:18px;line-height:1.6;margin-top:14px}.practice-flow p{font-size:12px;line-height:1.85;color:var(--muted);margin-top:5px}.flow-footer{display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid #c8d4ca;margin-top:25px;padding-top:18px}.flow-footer p{font-size:11px;color:var(--muted)}.flow-footer .text-link{font-size:11px;white-space:nowrap;color:var(--green)}
@media(prefers-reduced-motion:no-preference){.practice-flow.is-seen .step-art{animation:step-emphasis 700ms ease-out both}.practice-flow.is-seen li:nth-child(2) .step-art{animation-delay:180ms}.practice-flow.is-seen li:nth-child(3) .step-art{animation-delay:360ms}@keyframes step-emphasis{0%{transform:translateY(6px);border-color:#236449;background:#d4e5d7}100%{transform:translateY(0);border-color:#bfd1c3;background:#f8fbf6}}}
@media(max-width:850px){.map-layout{grid-template-columns:1fr 100px 1fr;gap:15px}.map-options{gap:12px}.map-options>a{display:block}.map-options svg{display:block;margin-bottom:5px}.map-options a>span{display:block}.map-monthly{padding:12px;gap:10px}.map-monthly strong{font-size:16px}.flow-footer{display:block}.flow-footer .text-link{display:inline-block;margin-top:14px}}
@media(max-width:600px){.service-map{padding:19px 17px;margin-bottom:22px}.service-map figcaption{font-size:19px;margin-bottom:15px}.map-layout{grid-template-columns:1fr;gap:12px}.map-options{gap:15px;margin-top:8px}.map-options>a{display:grid;grid-template-columns:34px auto;gap:0 9px}.map-options svg{width:34px;margin:0}.map-options strong{font-size:14px}.map-label{font-size:11px}.map-options a>span{font-size:11px}.map-bridge{display:flex;align-items:center;gap:10px;padding-left:14px;text-align:left}.map-bridge i{order:-1;height:25px;border-top:0;border-left:1px dashed #739580;margin:0 6px}.map-bridge i:after{right:-3px;top:auto;bottom:0;transform:rotate(135deg)}.map-bridge small{font-size:10px}.map-monthly{gap:13px;padding:11px 14px}.map-monthly svg{width:35px}.map-monthly strong{font-size:17px}.map-note{margin-top:12px;font-size:11px}.work .work-heading{margin-bottom:20px}.practice-flow{grid-template-columns:1fr;gap:20px}.practice-flow li{display:grid;grid-template-columns:78px 1fr;column-gap:17px;align-items:center}.step-art{grid-row:1/3;height:80px;border-bottom:0;border-left:2px solid #bfd1c3}.step-art svg{width:40px;height:40px;margin-top:12px}.step-number{font-size:15px;left:7px;top:3px}.practice-flow h3{font-size:17px;margin:0;align-self:end}.practice-flow p{font-size:12px;margin-top:3px;align-self:start}.practice-flow li:not(:last-child):after{content:'↓';left:33px;right:auto;top:auto;bottom:-23px;font-size:19px;line-height:24px}.flow-footer{margin-top:22px;padding-top:16px}.flow-footer p{font-size:11px}.flow-footer br{display:none}}
@media(max-width:350px){.service-map{padding:17px 13px}.service-map figcaption{font-size:17px}.map-options{gap:8px}.map-options>a{grid-template-columns:27px auto;gap:0 6px}.map-options svg{width:27px}.map-options strong{font-size:12px}.practice-flow li{grid-template-columns:65px 1fr;column-gap:12px}.practice-flow h3{font-size:15px}.practice-flow p{font-size:11px}.practice-flow li:not(:last-child):after{left:27px}}
.service-map figcaption span{display:inline-block}.service-map figcaption span+span{margin-left:.3em}
@media(max-width:600px){.service-map figcaption{font-size:18px}.service-map figcaption span{display:block}.service-map figcaption span+span{margin-left:0}.map-note,.map-bridge,.map-label,.map-monthly div>span:last-child,.map-options a>span{font-size:12px}.practice-flow p{font-size:14px}.flow-footer p{font-size:12px}}
@media(max-width:350px){.service-map figcaption{font-size:16px}.practice-flow p{font-size:13px}.practice-flow p br{display:none}.map-options a>span{font-size:11px}}
