.p-hero{padding-bottom:clamp(3rem,6vw,4.5rem)}
.p-hero h1{font-size:var(--text-2xl);max-width:22ch}

.explain-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,5rem);align-items:start;margin-bottom:clamp(2rem,4vw,3rem)}
.explain-body p{max-width:64ch;margin-bottom:1rem;color:#2c3550}
.explain-note{background:var(--cream);border-left:4px solid var(--gold);padding:1rem 1.25rem}
.legend-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);background:#fff;counter-reset:s}
.legend-steps li{padding:1.5rem 1.5rem 1.6rem;position:relative}
.legend-steps li+li{border-left:1px solid var(--line)}
.legend-steps li:not(:last-child)::after{content:"";position:absolute;right:-9px;top:1.65rem;width:16px;height:16px;background:#fff;border-top:1px solid var(--line);border-right:1px solid var(--line);transform:rotate(45deg);z-index:1}
.legend-steps p{font-size:var(--text-sm);color:var(--muted);margin-top:.7rem}

.status{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .65rem;border-radius:999px;white-space:nowrap}
.s-proposed{background:#e8edf7;color:var(--navy);border:1px solid #c3cde3}
.s-process{background:#fff1c9;color:#7a4b00;border:1px solid #e3c27a}
.s-adopted{background:#e3f3ea;color:#1f6b45;border:1px solid #b9dfc9}

.p-list{background:var(--cream)}
.pol-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.pol{background:#fff;border:1px solid var(--line);padding:1.6rem 1.75rem;display:flex;flex-direction:column}
.pol[hidden]{display:none}
.pol-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}
.pol-cat{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.pol h3{font-size:var(--text-xl);margin-bottom:.6rem}
.pol-sum{color:#2c3550;font-size:var(--text-sm);line-height:1.65;flex:1}
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:1.25rem 0 1rem}
.steps li{font-size:.7rem;font-weight:600;color:#5f6778;text-transform:uppercase;letter-spacing:.06em}
.steps li::before{content:"";display:block;height:6px;background:#e7e2d6;border-radius:3px;margin-bottom:.4rem}
.steps li.on::before{background:var(--navy)}
.steps li.on{color:var(--navy)}
.pol[data-status="adopted"] .steps li.on::before{background:#2f8a5b}
.steps li.cur span{font-weight:700}
.pol-more{border-top:1px solid var(--line);padding-top:.85rem}
.pol-more summary{cursor:pointer;font-weight:600;font-size:var(--text-sm);color:var(--navy);list-style:none}
.pol-more summary::-webkit-details-marker{display:none}
.pol-more summary::after{content:" +";color:var(--red)}
.pol-more[open] summary::after{content:" \2013"}
.pol-more h4{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--navy);margin:1rem 0 .4rem}
.pol-more ul{padding-left:1.1rem;font-size:var(--text-sm);color:#2c3550}
.pol-more li{margin:.25rem 0}
.pol-why{background:var(--cream);padding:.9rem 1.1rem;margin-top:1rem}
.pol-why h4{margin-top:0}
.pol-why p{font-size:var(--text-sm);color:#2c3550}
.p-cta{padding-top:0;background:var(--cream)}
.p-cta .h-cta{margin-top:0}
.p-cta .fine-note a{color:var(--navy)}

@media (max-width:900px){
  .explain-grid,.pol-grid{grid-template-columns:1fr}
  .legend-steps{grid-template-columns:1fr}
  .legend-steps li+li{border-left:0;border-top:1px solid var(--line)}
  .legend-steps li:not(:last-child)::after{display:none}
  .pol{padding:1.4rem}
}
.p-note{margin-top:2rem}.p-note a{color:var(--navy)}