/* FoldScout v4 — restrained green/neutral visual system and accessible filters. */
:root{--bg:#fafbfa;--paper:#fff;--ink:#1b2d26;--muted:#62736a;--line:#e4e9e5;--accent:#16a574;--dark:#123c2a}
html{scroll-padding-top:87px}
body{background:var(--bg)}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #42ae86!important;outline-offset:3px}
.hero{padding-top:43px!important;padding-bottom:48px!important}
.hero-visual{background:linear-gradient(145deg,#18353a 0%,#12362e 63%,#174338 100%);border-color:#36584b;box-shadow:0 17px 40px rgba(25,63,44,.095)}
.workflows{padding-top:79px;padding-bottom:83px}
.workflow-card{background:#fff;border-color:#e6eae6;box-shadow:0 4px 18px rgba(18,43,30,.025)}
.workflow-card:hover{border-color:#accfbd;box-shadow:0 12px 32px rgba(18,43,30,.055)}
.finder-section{background:#f9fbfa;border-color:#e6eae7}
.directory-section{background:#f4f6f5;border-color:#e7ebea;padding-top:80px;padding-bottom:88px}
.tool-card{border-color:#e4e9e8;box-shadow:0 6px 22px rgba(21,38,31,.025)}
.tool-card:hover{box-shadow:0 15px 34px rgba(17,53,34,.07)}
.sponsor-placement{background:linear-gradient(117deg,#fff 4%,#fcfefd 62%,#f0f8f2 100%);border-color:#d9e7de}
.stat-band{border-color:#e7eae7}
.watch-update{background:#1c3940}
.s2s-section{background:#183934}
.footer{background:#fff}
.section-kicker,.hero-eyebrow{color:#216a50}
.fee-explainer{color:#687a6e;max-width:920px}
.fee-explainer strong{color:#275d43}
.filter-group{border-color:#e1e9e4}
.filter-group:focus-within{border-color:#48a984;box-shadow:0 0 0 2px #d8efe1}
.filter-row{position:relative}
.mobile-filter-toggle{display:none}
.evidence-strip{display:flex;gap:13px;align-items:center;margin:25px 0 20px;padding:15px 17px;border:1px solid #e4eae8;border-radius:9px;background:#fff}
.evidence-mark{width:27px;height:27px;display:grid;place-items:center;flex:0 0 27px;border-radius:8px;background:#eaf6ef;color:#208757;font-size:16px;font-weight:800}
.evidence-strip p{font-size:11px;line-height:1.8;color:#61746a;flex:1;margin:0}
.evidence-strip p strong{color:#254837}
.evidence-strip a{flex:0 0 auto;font:750 11px "DM Sans",sans-serif;color:#268257;padding:8px 12px;border:1px solid #d9e9df;border-radius:7px;background:#fdfefd}
.evidence-strip a:hover{background:#edf8f1}
.tool-grid{gap:18px}
.index-watch{padding-top:85px;padding-bottom:92px}
.footer-grid{padding-top:63px;padding-bottom:58px}
.fs-profile-head{background:linear-gradient(118deg,#1b3940,#1e463a);box-shadow:0 15px 35px rgba(22,57,46,.10)}
.tool-page .tp-sec{box-shadow:0 3px 12px rgba(20,45,28,.025);border-color:#e4e9e6}
.tool-page .toc{box-shadow:0 5px 22px rgba(20,45,28,.025)}
:root[data-theme="dark"]{--bg:#101b18;--paper:#18261f;--ink:#eaf2ec;--muted:#a4b7ab;--line:#2d4536;--accent:#75dfad;--dark:#0c211b}
html[data-theme="dark"] .directory-section,html[data-theme="dark"] .finder-section{background:#131f19;border-color:#2b4735}
html[data-theme="dark"] .workflow-card,html[data-theme="dark"] .tool-card,html[data-theme="dark"] .evidence-strip{background:#182a20;border-color:#2d4937}
html[data-theme="dark"] .evidence-strip p{color:#b1c6b8}
html[data-theme="dark"] .evidence-strip p strong{color:#def6e6}
html[data-theme="dark"] .evidence-strip a{background:#24402f;border-color:#345c43;color:#a1efc3}
html[data-theme="dark"] .sponsor-placement{background:linear-gradient(115deg,#1c3226,#172d22);border-color:#345e43}
html[data-theme="dark"] .s2s-section{background:#102820}
html[data-theme="dark"] .footer{background:#13221a}
@media (max-width:900px){
 .workflows{padding-top:67px;padding-bottom:66px}
 .directory-section{padding-top:65px;padding-bottom:75px}
 .evidence-strip{align-items:flex-start;flex-wrap:wrap}
 .evidence-strip p{flex:1 1 calc(100% - 48px)}
 .evidence-strip a{margin-left:40px}
}
@media (max-width:760px){
 .mobile-filter-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 17px;margin-top:14px;background:#fff;border:1px solid #d9e7df;border-radius:8px;color:#214d35;font:750 13px "DM Sans",sans-serif;cursor:pointer;min-height:46px}
 .mobile-filter-toggle #mobile-filter-count{font:800 11px "IBM Plex Mono",monospace;color:#238154;margin-left:5px}
 .mobile-filter-toggle[aria-expanded="true"]{border-color:#8acdad;border-radius:8px 8px 0 0}
 .mobile-filter-chevron{font-size:20px;transition:transform .18s}
 .mobile-filter-toggle[aria-expanded="true"] .mobile-filter-chevron{transform:rotate(180deg)}
 #filter-options{display:none!important}
 #filter-options.is-open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px;margin-top:0;border:1px solid #d9e7df;border-top:0;border-radius:0 0 9px 9px;background:#fff}
 #filter-options .filter-label{grid-column:1/-1;color:#627c69;font-size:10px}
 #filter-options .filter-group{display:grid;grid-template-columns:1fr;align-items:stretch;gap:8px;min-width:0;margin:0;padding:11px 12px}
 #filter-options .filter-group label{font-size:10px;color:#5f7265}
 #filter-options .filter-group select{font-size:12px;width:100%;max-width:none;min-height:27px}
 .category-wrap{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;gap:7px;padding-bottom:10px;-webkit-overflow-scrolling:touch}
 .category-wrap .cat-chip{flex:0 0 auto;white-space:nowrap}
 .evidence-strip{margin:20px 0;padding:15px 14px}
 .evidence-strip a{margin-left:0}
 html[data-theme="dark"] .mobile-filter-toggle,html[data-theme="dark"] #filter-options{background:#1e3226;border-color:#3a634b;color:#cef4d9}
 html[data-theme="dark"] #filter-options .filter-group{background:#192c20;border-color:#2c4b37}
}
@media (max-width:480px){
 .directory-section{padding-top:58px}
 #filter-options.is-open{grid-template-columns:1fr}
 .evidence-strip p{font-size:11px}
 .results-bar{gap:12px}
}
@media (prefers-reduced-motion:reduce){.mobile-filter-chevron{transition:none}}
/* Keep intrinsic card and label content from expanding the mobile viewport. */
@media (max-width:760px){
  .explorer,.directory-section .shell,.tool-grid{min-width:0;max-width:100%}
  .tool-grid{grid-template-columns:minmax(0,1fr)!important;width:100%}
  .tool-card{min-width:0;max-width:100%;overflow-wrap:anywhere}
  .tc-head,.tc-info,.tc-maker,.tc-desc,.tc-bottom{min-width:0;max-width:100%;overflow-wrap:anywhere}
  .category-wrap{max-width:100%}
}