/* r37 /finance/states-that-require-personal-finance/ (DRAFT ONLY). Loaded only by that page. Map fills are SVG
   presentation attributes (patterns in the map's <defs>), so status never depends on colour alone. */
.pf-draft{margin:.25rem 0 .25rem}
.pf-article{margin-top:1.5rem}
.pf-article a,.pf-article li{overflow-wrap:anywhere}
.pf-stamp{color:var(--muted);font-size:.95rem;margin:.25rem 0 1rem}
.pf-map{position:relative;margin:1rem 0 1.5rem;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:.5rem}
.pf-map svg{display:block;width:100%;height:auto}
/* v1.0.18.1 top-gap hotfix (Scott, Oct 27, 10:52 AM PT): the floated Short must not sit beside the map card. Without this the
   card's box runs under the float and its full-width SVG drops below the Short, leaving ~250px of empty white at the
   top of the card at desktop widths. Clearing starts the card below the Short, so the box fits the SVG (padding only).
   Applies only where a Short precedes the map (the aid map has none and is unchanged in layout). */
.video-short~.pf-map{clear:both}
.pf-lead{margin-top:0}
.pf-st{cursor:pointer}
.pf-st path,.pf-st circle,.pf-st rect{stroke:#55626d;stroke-width:.75}
.pf-st:hover path,.pf-st:hover circle,.pf-st:hover rect{stroke:var(--ink);stroke-width:2}
.pf-st:focus{outline:none}
.pf-st:focus-visible path,.pf-st:focus-visible circle,.pf-st:focus-visible rect{stroke:var(--ink);stroke-width:3}
.pf-st text{fill:var(--ink);font:700 20px var(--sans)}
.pf-sep{fill:none;stroke:#8a949c;stroke-width:1}
.pf-hi{fill:none;pointer-events:none}
.pf-hi.o{stroke:var(--ink);stroke-width:4}
.pf-hi.i{stroke:#fff;stroke-width:1.5}
.pf-pop{position:absolute;z-index:5;width:min(20rem,calc(100% - 1rem));background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:8px;padding:.75rem 1rem;box-shadow:0 6px 18px rgba(31,42,51,.25);max-height:26rem;overflow:auto}
.pf-pop[hidden]{display:none}
.pf-pop.peek{pointer-events:none}
.pf-pop h3{margin:0 2.5rem .5rem 0;font-size:1.1rem}
.pf-pop dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;font-size:.95rem}
.pf-pop dt{font-weight:600}
.pf-pop dd{margin:0}
.pf-pop .pf-x{position:absolute;top:.4rem;right:.4rem;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font:600 1rem var(--sans);cursor:pointer}
.pf-pop:focus{outline:none}
.pf-pop:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.pf-pop .label{margin-bottom:.5rem}
.pf-legend{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
.pf-legend li{display:flex;align-items:center;gap:.5rem}
.pf-legend svg{flex:none;width:36px;height:22px}
.pf-legend rect{stroke:#55626d;stroke-width:1}
.pf-ico{display:inline-block;min-width:1.4em;text-align:center;font-weight:700}
.pf-table td,.pf-table th{vertical-align:top}
/* r37.1: long reader text (citation, trackers differ, notes, tracker notes) gets room; the table scrolls sideways instead */
.pf-table tr>:nth-child(7),.pf-table tr>:nth-child(8){min-width:12rem}
.pf-table tr>:nth-child(n+11){min-width:26rem}
.pf-table tbody tr:target{background:var(--money-soft);outline:3px solid var(--money);outline-offset:-3px}
.pf-none{color:var(--muted)}
.pf-help{font-size:.95rem;color:var(--muted)}
@media (max-width:40rem){
 .pf-pop{position:relative;left:auto;top:auto;width:auto;margin-top:.75rem;box-shadow:none}
}


/* r45: Common questions on the map pages (FAQPage schema) */
.faq { margin: 1.75rem 0 2rem; }
.faq-item { margin: 0 0 1.15rem; }
.faq-item h3 { font-size: 1.05rem; margin: 0 0 0.35rem; }
.faq-item p { margin: 0; }