#view-directory .reference-states{background:var(--bg);padding:25px 0 27px;border-top:1px solid var(--border)}
#view-directory .reference-state-label{display:flex;align-items:center;gap:7px;color:var(--blue);font:800 13px/1.3 Manrope,sans-serif;margin:0 0 13px}
#view-directory .reference-state-label svg{width:15px;height:15px;flex:none}
#view-directory .reference-states .wrap{max-width:1300px}
#view-directory .reference-states h2{display:flex;align-items:center;gap:10px;font:800 21px/1.2 Manrope,sans-serif;color:var(--ink);margin:0 0 19px}
#view-directory .reference-states h2 svg{width:25px;height:25px;color:var(--blue);flex:none}
#view-directory .reference-states-row{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:22px;align-items:center}
#view-directory .reference-state-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:14px 8px;align-items:center}
#view-directory .reference-state-links a,#view-directory .reference-state-links button{height:42px;border:1px solid #d9e3d4;background:#fffefa;border-radius:24px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 9px;min-width:0;color:var(--ink);font-size:11px;font-weight:700;white-space:nowrap;text-decoration:none;box-shadow:0 2px 6px #3b4d360d;cursor:pointer}
#view-directory .reference-state-links a:hover,#view-directory .reference-state-links button:hover{background:#e9eee6;border-color:#a9c2a8}
#view-directory .reference-state-links svg{width:14px;height:17px;color:var(--blue);flex:none}
#view-directory .reference-state-links span{min-width:0;overflow:hidden;text-overflow:ellipsis}
#view-directory .reference-state-links small{font-size:9px;color:var(--muted);flex:none;font-weight:700}
#view-directory .reference-state-links button{color:var(--blue);font-weight:800;font-size:12px}
#view-directory .reference-state-map{width:230px;height:168px;position:relative}
#view-directory .reference-state-map:before{content:"";position:absolute;inset:0;background-image:url('images/state-map-reference.webp');background-size:1075px 382px;background-position:-805px -39px;background-repeat:no-repeat;filter:hue-rotate(-65deg) saturate(.65);mix-blend-mode:multiply}
#view-directory .reference-all-states{display:none;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px 13px;border-top:1px solid var(--border);margin-top:20px;padding-top:17px}
#view-directory .reference-all-states.open{display:grid}
#view-directory .reference-all-states a{color:var(--blue);font-size:11px;text-decoration:none}
#view-directory .reference-all-states a:hover{text-decoration:underline}
@media(max-width:1150px){#view-directory .reference-states-row{grid-template-columns:minmax(0,1fr) 205px;gap:12px}#view-directory .reference-state-links{grid-template-columns:repeat(4,1fr)}#view-directory .reference-state-map{width:205px;height:150px}#view-directory .reference-state-map:before{background-size:958px 341px;background-position:-717px -35px}#view-directory .reference-all-states{grid-template-columns:repeat(5,1fr)}}
@media(max-width:720px){#view-directory .reference-states{padding:26px 0}#view-directory .reference-states-row{grid-template-columns:1fr}#view-directory .reference-state-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#view-directory .reference-state-links a,#view-directory .reference-state-links button{justify-content:flex-start;padding:0 12px}#view-directory .reference-state-map{justify-self:center;width:205px;height:150px}#view-directory .reference-all-states{grid-template-columns:repeat(2,1fr)}}#view-directory .reference-state-map:not(.in-view):before{background-image:none!important}