/* Match the sticky-header offset used by the existing sections. */
.indicator-section,.scenario-section,.advantage-section,.participate-section{scroll-margin-top:90px}
/* Additional interactive features — isolated preview only. */
.indicator-section{background:linear-gradient(145deg,#f6f5ed 0%,#edf3ed 100%)}
.indicator-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(30px,6vw,82px);align-items:stretch;border-top:1px solid #d3dfd6;border-bottom:1px solid #d3dfd6;padding:30px 0}
.indicator-tabs{display:grid;align-content:start}
.indicator-tab{display:flex;align-items:center;gap:18px;text-align:left;padding:17px 14px;border:0;border-bottom:1px solid #dce5dc;background:transparent;color:#607572;font:600 13px var(--display);cursor:pointer;transition:color .2s,padding .2s,background .2s}
.indicator-tab span{font:700 10px var(--display);color:#9aaca1}
.indicator-tab:hover,.indicator-tab.is-active{color:#315f5c;background:rgba(255,255,255,.52);padding-left:21px}
.indicator-tab.is-active span{color:#b77955}
.indicator-detail{padding:8px 0 4px 16px}
.indicator-detail-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.indicator-eyebrow,.indicator-status,.indicator-method span{font-size:8px;letter-spacing:.16em;font-weight:700}
.indicator-eyebrow{color:#58877a}
.indicator-status{color:#9a704f;border:1px solid #ddc9ae;padding:8px 10px}
.indicator-detail h3{font:700 clamp(22px,3vw,30px)/1.2 var(--display);letter-spacing:-.04em;color:#365a55;margin:27px 0 12px}
.indicator-detail>p{font-size:12px;line-height:1.85;color:#6c7e77;max-width:640px}
.indicator-method{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:22px 0;margin-top:18px;border-top:1px solid #d9e3da;border-bottom:1px solid #d9e3da}
.indicator-method>div{display:grid;gap:9px;align-content:start}
.indicator-method span{color:#8a9c91}
.indicator-method b{font:600 11px/1.65 var(--font);color:#476b63}
.indicator-detail .indicator-footnote{font-size:10px;color:#87958b;margin:17px 0 0}
.scenario-section{background:linear-gradient(135deg,#e6eee7 0%,#eef2e9 52%,#e3ece6 100%)}
.scenario-shell{border-top:1px solid #cbdacf;border-bottom:1px solid #cbdacf;padding:25px 0 22px}
.scenario-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.scenario-tab{border:1px solid #c8d8ce;background:transparent;color:#627b72;padding:11px 15px;border-radius:2px;font:600 11px var(--font);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.scenario-tab:hover,.scenario-tab.is-active{background:#4d7770;color:#f8f7ef;border-color:#4d7770}
.scenario-content{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,85px);align-items:start}
.scenario-label{font-size:8px;letter-spacing:.17em;font-weight:700;color:#b17952}
.scenario-copy h3{font:700 clamp(23px,3vw,34px)/1.2 var(--display);letter-spacing:-.045em;color:#365c55;margin:18px 0 14px;max-width:460px}
.scenario-copy p{font-size:12px;line-height:1.9;color:#6b7e75;max-width:500px}
.scenario-steps{list-style:none;margin:0;padding:0;border-top:1px solid #cbdacf}
.scenario-steps li{display:grid;grid-template-columns:34px 1fr;gap:15px;padding:15px 0;border-bottom:1px solid #cbdacf}
.scenario-steps li>span{font:700 11px var(--display);color:#b17952;padding-top:2px}
.scenario-steps li div{display:grid;gap:4px}
.scenario-steps b{font:700 13px var(--display);color:#41655c}
.scenario-steps small{font:400 10px/1.65 var(--font);color:#74847c}
.scenario-disclaimer{margin-top:22px;padding-top:15px;border-top:1px solid #cbdacf;color:#8a978e;font-size:10px;line-height:1.7}
.advantage-section{background:linear-gradient(180deg,#f8f7f0 0%,#f0f3eb 100%)}
.advantage-list{border-top:1px solid #d7e0d7}
.advantage-item{display:grid;grid-template-columns:45px 1fr 44px;gap:22px;align-items:start;padding:30px 0;border-bottom:1px solid #d7e0d7}
.advantage-no{font:700 12px var(--display);color:#b17952;padding-top:3px}
.advantage-kicker{font-size:8px;letter-spacing:.16em;font-weight:700;color:#729187;margin-bottom:9px}
.advantage-item h3{font:700 21px var(--display);letter-spacing:-.035em;color:#3e6258;margin:0 0 9px}
.advantage-item p{font-size:11px;line-height:1.85;color:#718078;max-width:820px;margin:0 0 12px}
.advantage-item a{font-size:10px;font-weight:700;color:#9a714e;text-decoration:underline;text-underline-offset:3px}
.advantage-mark{font:400 27px var(--display);color:#9ab4a6;justify-self:end;padding-top:5px}
.advantage-note{font-size:10px;line-height:1.75;color:#8a978d;margin:20px 0 0;max-width:900px}
.participate-section{background:linear-gradient(130deg,#e4eee7 0%,#f1f1e8 100%)}
.participate-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(35px,7vw,100px);align-items:start}
.participate-intro h2{max-width:480px}
.participate-intro>p{font-size:12px;line-height:1.9;color:#687c73;max-width:440px;margin:24px 0}
.participate-promise{display:grid;grid-template-columns:30px 1fr;gap:12px;padding-top:18px;border-top:1px solid #cbdacf;max-width:450px}
.participate-promise span{font:700 11px var(--display);color:#b17952}
.participate-promise p{font-size:10px;line-height:1.8;color:#7a8980;margin:0}
.proposal-form{display:grid;gap:9px;border-top:1px solid #cbdacf;padding-top:18px}
.proposal-form label{font-size:10px;font-weight:700;color:#496c61;margin-top:8px}
.proposal-form label span{font-weight:400;color:#89968d}
.proposal-form input,.proposal-form select,.proposal-form textarea{width:100%;border:1px solid #cbdacf;border-radius:2px;background:rgba(255,255,255,.5);padding:12px 13px;color:#3f6159;font:400 12px/1.5 var(--font);outline:none;transition:border-color .2s,background .2s}
.proposal-form input:focus,.proposal-form select:focus,.proposal-form textarea:focus{border-color:#739d8c;background:#fff}
.proposal-form textarea{resize:vertical;min-height:118px}
.proposal-form input::placeholder,.proposal-form textarea::placeholder{color:#9aa69c}
.proposal-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:9px}
.proposal-submit{display:inline-flex;align-items:center;gap:18px;border:0;background:#527a70;color:#fff;padding:14px 17px;font:700 11px var(--font);cursor:pointer;transition:background .2s,transform .2s}
.proposal-submit:hover{background:#3f685f;transform:translateY(-2px)}
.proposal-submit span{font-size:16px;color:#d8e7d8}
.proposal-copy{border:0;border-bottom:1px solid #9eb5a8;background:transparent;padding:9px 0;color:#607d71;font:600 10px var(--font);cursor:pointer}
.proposal-status{font-size:10px;line-height:1.7;color:#87958c;margin:4px 0 0}
.proposal-status.is-success{color:#477968}
.proposal-status.is-error{color:#a15f48}
@media(max-width:900px){
 .indicator-layout{grid-template-columns:.8fr 1.2fr;gap:28px}
 .indicator-method{grid-template-columns:1fr 1fr}
 .scenario-content{gap:30px}
 .participate-layout{gap:35px}
}
@media(max-width:680px){
 .indicator-layout,.scenario-content,.participate-layout{grid-template-columns:1fr;gap:23px}
 .indicator-tabs{grid-template-columns:1fr 1fr;gap:0 10px}
 .indicator-tab{padding:13px 6px;font-size:11px;gap:9px}
 .indicator-tab:hover,.indicator-tab.is-active{padding-left:10px}
 .indicator-detail{padding:8px 0 0}
 .indicator-detail h3{margin-top:20px}
 .indicator-method{grid-template-columns:1fr 1fr;gap:16px}
 .scenario-tabs{display:grid;grid-template-columns:1fr;gap:7px}
 .scenario-tab{text-align:left;padding:12px}
 .scenario-copy h3{font-size:25px}
 .advantage-item{grid-template-columns:28px 1fr 25px;gap:12px;padding:23px 0}
 .advantage-item h3{font-size:18px}
 .advantage-item p{font-size:11px}
 .participate-intro>p{margin:17px 0}
 .proposal-actions{align-items:stretch;flex-direction:column}
 .proposal-submit{justify-content:center;min-height:46px}
 .proposal-copy{align-self:flex-start}
}
@media(max-width:360px){
 .indicator-tabs{grid-template-columns:1fr}
 .indicator-method{grid-template-columns:1fr}
 .advantage-item{grid-template-columns:24px 1fr}
 .advantage-mark{display:none}
}
@media(prefers-reduced-motion:reduce){
 .indicator-tab,.scenario-tab,.proposal-submit,.proposal-form input,.proposal-form select,.proposal-form textarea{transition:none}
}