.state-pcs-other-page .spi-hero h1{font-size:clamp(2.3rem,3.8vw,3.55rem)}
@media (max-width:767px){.state-pcs-other-page .spi-hero{padding:28px 0 25px}.state-pcs-other-page .spi-hero h1{margin:12px 0 9px;font-size:clamp(1.85rem,9vw,2.5rem);line-height:1.04}.state-pcs-other-page .spi-hero p{font-size:.88rem;line-height:1.55}.state-pcs-other-page .spi-hero-actions{margin-top:17px}.state-pcs-other-page .spi-hero-actions .spi-btn{min-height:44px;padding-inline:15px;font-size:.8rem}.state-pcs-other-page .spi-facts{gap:8px;padding:10px}.state-pcs-other-page .spi-facts div{min-height:64px;padding:10px}.state-pcs-other-page .spi-facts strong{margin-top:5px;font-size:.82rem;line-height:1.32}}
/* State guide pages: keep the shared desktop menu on one clean row. */
@media (min-width:768px){.state-pcs-other-page .header .menu ul{display:flex;float:none;align-items:center;justify-content:flex-end;flex-wrap:nowrap}.state-pcs-other-page .header .menu ul li{float:none;flex:0 0 auto}.state-pcs-other-page .header .menu ul li>a{padding:9px 7px;font-size:.9rem;white-space:nowrap}.state-pcs-other-page .header .menu-parent-row{display:flex;align-items:center}.state-pcs-other-page .header .submenu-toggle{flex:0 0 auto}}
/* Use CSS character escapes so symbol rendering does not depend on response encoding. */
.state-pcs-other-page .spi-checklist li:before{content:"\2713"}.state-pcs-other-page .spi-faq details[open] summary:after{content:"\2212"}