:root{--ink:#1e222a;--soft:#5b6472;--mute:#8a93a1;--paper:#fafaf7;--card:#fff;
  --line:#e4e4dc;--acc:#0e9f6e;--a:#15803d;--b:#1d4ed8;--c:#92400e;--d:#b91c1c;--e:#6b21a8;--f:#6b7280}
*{box-sizing:border-box}
body{margin:0;font:16px/1.6 system-ui,-apple-system,sans-serif;background:var(--paper);color:var(--ink)}
.top{display:flex;align-items:center;gap:24px;padding:16px 24px;border-bottom:1px solid var(--line)}
.brand{font-weight:800;font-size:19px;text-decoration:none;color:var(--ink)}
.brand span{color:var(--acc)}
nav a{margin-right:14px;color:var(--soft);text-decoration:none;font-weight:600;font-size:14.5px}
nav a:hover{color:var(--ink)}
main{max-width:840px;margin:0 auto;padding:32px 20px 60px}
h1{font-size:1.9rem;line-height:1.2;margin:0 0 6px}
.sub{color:var(--soft);margin:0 0 26px}
.lane{margin:26px 0 8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-weight:700}
.item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:15px 17px;margin-bottom:10px}
.item h3{margin:0 0 6px;font-size:15.5px;line-height:1.35}
.item h3 a{color:var(--ink);text-decoration:none}
.item h3 a:hover{text-decoration:underline}
.item p{margin:0;font-size:14px;color:var(--soft)}
.meta{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;color:var(--mute)}
.grade{display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:11px;border-radius:999px;padding:2px 9px;color:#fff;line-height:1.5}
.grade.A{background:var(--a)}.grade.B{background:var(--b)}.grade.C{background:var(--c)}
.grade.D{background:var(--d)}.grade.E{background:var(--e)}.grade.F{background:var(--f)}
.disclaimer{max-width:840px;margin:0 auto;padding:14px 20px;font-size:13px;color:var(--soft);
  border-top:1px solid var(--line)}
footer{max-width:840px;margin:0 auto;padding:10px 20px 40px;font-size:12.5px;color:var(--mute)}
.gap{font-size:13px;color:var(--mute);font-style:italic;margin:14px 0}
.draft{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:8px 14px;font-size:13.5px;margin-bottom:20px}
.grade.N{background:#fff;color:var(--soft);border:1px solid var(--line);font-weight:600;font-size:12px}
.pr{display:inline-flex;align-items:center;font-size:11px;font-weight:600;border-radius:999px;padding:2px 9px;line-height:1.5;background:#fff}
.pr.y{color:var(--a);border:1px solid var(--a)}
.pr.n{color:var(--mute);border:1px solid var(--line)}
.tt{display:inline-flex;align-items:center;font-size:11px;font-weight:800;border-radius:999px;padding:2px 9px;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--soft);line-height:1.5}
.tt-nct{background:#0369a1}.tt-pmid{background:#166534}.tt-oa{background:#4d7c0f}
.tt-nih{background:#92400e}.tt-yt{background:#b91c1c}

.src{color:var(--mute)}
.meta a{color:var(--soft)}

.statrow{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 30px}
.stat{flex:1;min-width:130px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px 15px}
.stat b{display:block;font-size:24px;line-height:1.1}
.stat b.ok{color:var(--a)}.stat b.wait{color:var(--c)}.stat b.todo{color:var(--mute)}
.stat span{font-size:11.5px;color:var(--mute)}
.srch{font-size:1.05rem;margin:30px 0 4px}
.srch span{font-size:12px;color:var(--mute);font-weight:600}
.srctab{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--card);
  border:1px solid var(--line);border-radius:12px;overflow:hidden}
.srctab th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--mute);padding:9px 13px;border-bottom:1px solid var(--line);font-weight:700}
.srctab td{padding:11px 13px;border-bottom:1px solid var(--line);vertical-align:top}
.srctab tr:last-child td{border-bottom:0}
.srctab a{color:var(--soft);font-size:12px;word-break:break-all}
.srctab code{font-size:11.5px;color:var(--soft);background:var(--paper);padding:1px 5px;border-radius:4px;word-break:break-all}
.note{font-size:11.5px;color:var(--c)}
.tt-pubmed{background:#166534}.tt-clinicaltrials{background:#0369a1}.tt-openalex{background:#4d7c0f}
.tt-reporter{background:#92400e}.tt-youtube{background:#b91c1c}.tt-rss{background:#c2410c}
.tt-page{background:#57534e}.tt-x{background:#1e293b}.tt-todo{background:var(--mute)}
@media(max-width:640px){.srctab th:nth-child(3),.srctab td:nth-child(3){display:none}}
.blurb{font-size:13px;color:var(--soft);margin:0 0 12px}
.srclist{list-style:none;padding:0;margin:0 0 8px;border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
.srclist li{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;padding:9px 14px;border-bottom:1px solid var(--line);font-size:13.5px}
.srclist li:last-child{border-bottom:0}
.srclist li:nth-child(even){background:var(--paper)}
.sname{font-weight:600;flex:0 0 auto}
.shandle{color:var(--mute);font-size:12px;word-break:break-all;flex:1 1 auto}
a.shandle:hover{color:var(--acc)}
.srclist .tt{flex:0 0 auto;min-width:74px;justify-content:center}
.tt-person{background:#7c3aed}
@media(max-width:600px){.srclist li{gap:6px}.shandle{flex-basis:100%}}

.brand i{font-style:normal;font-size:.45em;font-weight:600;color:var(--mute);letter-spacing:.02em;vertical-align:baseline}
.gaps{margin-top:44px;padding:16px 18px;border:1px dashed var(--line);border-radius:12px;background:var(--card)}
.gaps h2{margin:0 0 6px;font-size:.95rem;color:var(--soft)}
.gaps p{margin:0 0 10px;font-size:12.5px;color:var(--mute)}
.gaps ul{margin:0;padding-left:18px}
.gaps li{font-size:12.5px;color:var(--soft);margin-bottom:4px}
.gaps .more{margin:12px 0 0}
.gaps .more a{color:var(--acc);font-size:12.5px;font-weight:600}

.grade.A{background:var(--a)}
.grade.B{background:var(--b)}
.grade.C{background:var(--c)}
.grade.D{background:var(--d)}

/* The explanation page is where a grade is the subject, so it is set large
   there and stays chip-sized everywhere else. */
.gradekey .grade{font-size:22px;padding:6px 18px;margin-right:10px}
.gradekey h3{display:flex;align-items:center;font-size:1.05rem}

.tt-trial{background:#0369a1}.tt-article{background:#166534}.tt-paper{background:#4d7c0f}
.tt-grant{background:#92400e}.tt-video{background:#b91c1c}.tt-preprint{background:#6d28d9}

.lede{font-size:1.05rem;line-height:1.65;margin:0 0 8px}
.lane .src{font-weight:400;text-transform:none;letter-spacing:0;margin-left:8px}

.dhead{font-family:inherit;font-size:1.45rem;line-height:1.3;font-weight:700;margin:18px 0 14px;letter-spacing:-.01em}
.takeaways{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:9px}


.takeaways a{color:var(--ink);text-decoration:none}
.takeaways a:hover{color:var(--acc)}
.lede{font-size:15px;line-height:1.65;color:var(--soft);margin:0 0 8px}
@media(max-width:600px){.dhead{font-size:1.2rem}}

.tk{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--acc);
  border-radius:10px;padding:12px 15px}
.tk-tags{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:7px}
.tk-lane{font-family:inherit;font-size:11px;font-weight:600;color:var(--mute);
  text-transform:uppercase;letter-spacing:.06em}
.tk-text{font-size:15px;line-height:1.55;font-weight:500}
.tt-overall{background:var(--soft)}

.asked{font-size:11px;color:var(--acc);font-style:normal;font-weight:600;border:1px solid var(--acc);border-radius:999px;padding:1px 8px;flex:0 0 auto}

.nugget{border:1px solid #e3e8ee;border-left:4px solid #2f9e6b;border-radius:10px;padding:1rem 1.2rem;margin:1rem 0;background:#fbfdfc}
.nugget h2{margin:.1rem 0 .4rem;font-size:1.15rem;line-height:1.3}
.nugget .nug{margin:.2rem 0;font-size:1.02rem}
.nugget .why{margin:.4rem 0;color:#39516a;font-size:.95rem}
.nugget .meta{margin-top:.5rem}
.sub.howmade{margin-top:1.5rem;font-size:.85rem;color:#6b7a8d;border-top:1px dashed #dde;padding-top:.8rem}

.story{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:14px}
.story h3{margin:10px 0 4px;font-size:1.15rem}
.scond{font-weight:500;font-size:.85rem;color:var(--soft);margin-left:8px}
.vtag{display:inline-flex;font-size:11px;font-weight:700;border-radius:999px;padding:2px 10px;color:#fff}
.vtag.V1{background:var(--a)}.vtag.V2{background:#0369a1}.vtag.V3{background:var(--mute)}
.traj{display:inline-flex;font-size:11px;font-weight:700;border-radius:999px;padding:2px 10px;border:1.5px solid var(--acc);color:var(--acc)}
.mchip{display:inline-flex;font-size:11px;font-weight:600;border-radius:999px;padding:2px 10px;background:var(--paper);border:1px solid var(--line);color:var(--soft);text-transform:capitalize}
.ba{display:flex;gap:14px;align-items:stretch;margin:10px 0 12px;font-size:14px}
.ba>div{flex:1;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:9px 13px}
.ba .arr{flex:0 0 auto;display:flex;align-items:center;border:0;background:none;font-size:20px;color:var(--acc);font-weight:700}
.ba em{display:block;font-style:normal;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:2px}
.story blockquote{margin:10px 0;padding:8px 14px;border-left:3px solid var(--line-strong,#ddd);color:var(--soft);font-style:italic;font-size:14px}
.rflag{font-size:12.5px;color:var(--c);background:#fef3c7;border-radius:8px;padding:6px 11px;display:inline-block}

.sauthors{font-size:12.5px;color:var(--soft);margin:8px 0 0}
.sauthors a{color:var(--soft);font-weight:600}
.sauthors a:hover{color:var(--acc)}
.srctab a{color:var(--ink)}

.abtn{display:inline-flex;background:var(--acc);color:#fff !important;font-weight:700;font-size:12.5px;border-radius:8px;padding:5px 13px;text-decoration:none}
.abtn:hover{filter:brightness(.95)}