.plan {padding-block:clamp(32px,5vw,78px)}
.plan header {max-width:735px;margin-bottom:32px}
.plan small {color:#446d56;font-weight:700;letter-spacing:.09em}
.plan h1 {margin:12px 0;font-size:clamp(32px,4vw,58px)}
.plan-layout {display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:clamp(16px,3vw,44px);align-items:start}
.plan-picture {position:relative}
.plan-picture img {width:100%;height:auto;border-radius:10px}
.plan-pin {position:absolute;display:block;transform:translate(-50%,-50%);width:max(44px,3.8%);aspect-ratio:1;border-radius:50%}
.plan-pin:hover,.plan-pin[aria-current],.plan-pin:focus-visible {outline:2px solid #235b40;background:#faffeb22}
.plan-caption {font-size:14px;margin:8px 0 14px}
.plan-options,.plan-links {display:flex;flex-wrap:wrap;gap:8px}
.plan-options a {border:1px solid #a8b9a4;padding:10px 13px;border-radius:4px}
.plan-options a[aria-current],.plan-options a:hover {background:#21483e;color:white}
.plan-detail {background:#efeee3;border-top:3px solid #477257;padding:clamp(20px,3vw,38px)}
.plan-detail article {scroll-margin-top:100px}
.plan-detail h2 {font-size:clamp(23px,2.4vw,34px);margin:12px 0}
.plan-detail p {line-height:1.9}
@media(max-width:800px){.plan-layout{grid-template-columns:1fr}.plan-options a{font-size:14px}.plan-pin{width:44px}}
