/* Impact and review components inherit the same theme tokens as womply.com. */
:root{--paper:var(--surface-primary);--ink:var(--text-primary);--muted:var(--text-secondary);--rule:var(--border-default);--red:var(--accent);--soft:var(--surface-inset);--body:var(--font-body);--display:var(--font-display);--quote:var(--font-serif);--impact-wash:var(--surface-inset);--impact-line:var(--border-default);--dot:var(--accent)}
body{font-size:16px;line-height:1.5}
.kicker,.brand small{font-family:var(--font-label)}
.impact-shell,.shell{max-width:1360px}
.state-shapes path{fill:var(--surface-inset)}
.state-shapes a:hover path,.state-shapes a:focus path{fill:var(--border-default)}
.story-chapter .chapter-feature{background:var(--surface-inset)}
.story-chapter.tone-green .chapter-feature{background:var(--ink);color:var(--paper)}
.tone-green .chapter-heading>p,.tone-green .chapter-heading .kicker,.tone-green .chapter-feature .impact-voice>div span,.tone-green .chapter-feature .text-link{color:var(--paper)}
.impact-ending{background:var(--text-primary);color:var(--surface-primary)}
.impact-ending p,.impact-ending .kicker{color:var(--surface-primary)}
html[data-theme="pandemic"] .story-chapter .chapter-feature,html[data-theme="pandemic"] .reviews-grid .featured-voice{border-radius:var(--card-radius)}
.directory-search input,.directory-filters input,.directory-filters select,.state-chooser-label select{font-size:16px;min-height:46px}
.directory-search{height:auto;min-height:48px}
.directory-search button,.directory-filters>button{font-size:13px;min-height:46px}
.text-link,.reviews-grid .impact-voice .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;padding:8px 0}
.more-voices,.back-top,.impact-footer a,.directory-pagination a,.pagination a,.record-source a{display:inline-flex;align-items:center;min-height:44px}
.method summary{min-height:44px;padding:8px 0;font-size:13px}
.impact-footer{font-size:12px;flex-wrap:wrap}
.impact-footer nav{flex-wrap:wrap;gap:4px 22px}
.breadcrumbs{flex-wrap:wrap;gap:4px 14px}
.breadcrumbs a{display:inline-flex;align-items:center;min-height:36px}
.loan-table td:first-child>a{display:inline-block;padding:5px 0}
dialog .close{display:grid;place-items:center;width:44px;height:44px;top:6px;right:6px}
.loan-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:740px){
 .impact-intro h1{font-size:clamp(36px,10.8vw,48px)}
 .impact-metrics span{font-size:12px}.impact-metrics small{font-size:11px}
 .map-toolbar p,.map-readout span,.map-bottom p{font-size:12px;line-height:1.6}
 .impact-intro .kicker{font-size:10px}.impact-intro>p{font-size:15px}
 .map-readout strong{font-size:20px}.state-item small{font-size:11px}
 .state-item span{font-size:15px}.state-chooser-label{font-size:12px}
 .reviews-topics a{display:flex;align-items:center;min-height:44px;font-size:13px}
 .reviews-topics{gap:4px 16px}.reviews-proof p{flex-wrap:wrap;gap:4px 10px;font-size:12px}
 .reviews-proof>a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
 .reviews-grid .impact-voice>div,.impact-voice>div{font-size:12px}
 .impact-voice>div span,.loan-table small{font-size:11px}
 .results-title{flex-wrap:wrap}.results-title span{font-size:12px}
 .directory-pagination{font-size:13px}.place-intro h1{font-size:clamp(32px,9vw,48px)}
 .place-metrics{gap:18px;flex-wrap:wrap}.place-metrics>div{min-width:135px}
 .place-metrics strong{font-size:35px}.place-metrics span{font-size:12px}
 .loan-table{min-width:0;table-layout:fixed}.loan-table th{font-size:11px;padding-right:12px}
 .loan-table td{font-size:12px;padding-right:12px;overflow-wrap:anywhere}
 .loan-table td:first-child,.loan-table th:first-child{width:49%}
 .loan-table td:nth-child(2),.loan-table th:nth-child(2){width:25%}
 .loan-table td:last-child,.loan-table th:last-child{width:26%;padding-right:0;text-align:right}
 .loan-table .amount{white-space:normal}.loan-table td:first-child>a{min-height:44px}
 .loan-detail{gap:24px}.loan-amount strong{font-size:clamp(35px,10vw,54px)}
 .loan-detail dl>div{font-size:13px;gap:12px}.record-source p,.quiet{font-size:13px}
}
@media(max-width:360px){.reviews-intro h1{font-size:37px}.impact-intro h1{font-size:38px}.impact-metrics>div:first-child strong{font-size:48px}.womply-record{display:none}}