/* supplementtracker.app - tokens follow davka.app (site/style.css); standalone, loads nothing external.
   CSP style-src 'self': no <style>, no style="" anywhere. */
:root{--canvas:#E9F0E9;--ink:#2E362F;--body:#5C665E;--muted:#6B776E;--card:rgba(255,255,255,.55);--card-border:rgba(46,54,47,.1);--accent:#2E5C46;--track:#D5E0D6}
@media (prefers-color-scheme:dark){:root{--canvas:#131418;--ink:#E4E7EC;--body:#A7B0A9;--muted:#8B948D;--card:#1B1D22;--card-border:rgba(255,255,255,.08);--accent:#7FC9A4;--track:#263630}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--body);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,sans-serif;font-size:17px;line-height:1.55}
main{max-width:1080px;margin:0 auto;padding:32px 16px 64px}
h1{color:var(--ink);font-size:clamp(30px,5vw,46px);line-height:1.1;letter-spacing:-.02em;font-weight:800;margin:8px 0 16px;text-wrap:balance}
h2{color:var(--ink);font-size:26px;letter-spacing:-.01em;font-weight:800;margin:48px 0 12px;scroll-margin-top:16px}
p{margin:0 0 14px;max-width:70ch}
a{color:var(--accent);text-underline-offset:2px}
.lead{font-size:19px;color:var(--copy-ink,var(--ink))}
.box{background:var(--card);border:1.5px solid var(--card-border);border-radius:18px;padding:14px 18px;font-size:15px}
.scroll{overflow-x:auto;border:1.5px solid var(--card-border);border-radius:18px;background:var(--card)}
table{border-collapse:collapse;width:100%;min-width:680px;table-layout:fixed;font-size:14px;line-height:1.4}
thead th:nth-child(1){width:30%}thead th:nth-child(2){width:20%}thead th:nth-child(3){width:34%}thead th:nth-child(4){width:16%}
th,td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--card-border)}
thead th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);vertical-align:bottom;overflow-wrap:normal}
tbody th.app{color:var(--ink);font-weight:700}
th,td{overflow-wrap:break-word}
.stores{display:block;font-weight:500;font-size:13px;margin-top:4px}
.stores a+a{margin-left:10px}
tr.group td{background:var(--track);color:var(--ink);font-weight:700;font-size:13px}
tbody:last-child tr:last-child>*{border-bottom:0}
ul.fit{list-style:none;padding:0;margin:0;max-width:78ch}
ul.fit li{padding:10px 0;border-bottom:1px solid var(--card-border)}
ul.fit b{color:var(--ink)}
h3{color:var(--ink);font-size:18px;font-weight:700;line-height:1.3;margin:0 0 6px}
.q{max-width:78ch;padding:14px 0;border-bottom:1px solid var(--card-border)}
.q p{margin:0}
footer{margin-top:56px;color:var(--muted);font-size:14px}
@media (max-width:759px){
 main{padding-top:24px}
 .scroll{overflow:visible;background:none;border:0;border-radius:0}
 table,tbody,tr{display:block;min-width:0;width:100%;table-layout:auto}
 thead{display:none}
 tr{background:var(--card);border:1.5px solid var(--card-border);border-radius:18px;margin-bottom:12px;padding:6px 0 8px}
 tr.group{background:none;border:0;padding:0;margin:20px 0 8px}
 tr.group td{background:none;padding:0 4px;font-size:15px}
 th,td{display:block;border-bottom:0;padding:4px 14px}
 tbody th.app{padding-top:8px;font-size:17px}
 td::before{content:attr(data-label);display:block;font-size:12px;font-weight:800;color:var(--ink)}
 td:not([data-label])::before{content:none}
 th,td{overflow-wrap:anywhere}
}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}