/* VitaQon Research Library (research.html). Uses the tokens of site.css. */
.rl-filters{display:grid;gap:var(--s3);padding:var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin-bottom:var(--s4)}
.rl-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rl-grow{flex:1 1 auto}
.rl-chip,.rl-hzb,.rl-clear{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.rl-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:var(--f-display);font-size:.8rem;font-weight:600;letter-spacing:.08em}
.rl-chip .rl-dot{width:9px;height:9px;border-radius:50%;background:var(--c)}
.rl-chip:hover{border-color:var(--ink)}
.rl-chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.rl-chip[aria-pressed="true"][style]{background:color-mix(in srgb,var(--c) 16%,var(--surface));border-color:var(--c);color:var(--ink)}
.rl-count{font-size:.88rem;color:var(--muted)}
.rl-clear{min-height:44px;padding:0 10px;border:0;background:none;color:var(--brand-a);font-size:.88rem;font-weight:500;text-decoration:underline;text-underline-offset:3px}
.rl-sub{display:grid;gap:8px;padding-top:var(--s3);border-top:1px solid var(--tint)}
.rl-hzrow{display:flex;flex-wrap:wrap;gap:6px}
.rl-hzb{min-height:44px;min-width:44px;padding:0 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--c) 25%,var(--surface));background:color-mix(in srgb,var(--c) 8%,var(--surface));color:var(--c);font-family:var(--f-mono);font-size:.82rem;font-variant-numeric:tabular-nums}
.rl-hzb:hover{border-color:var(--c)}
.rl-hzb[aria-pressed="true"]{background:var(--c);border-color:var(--c);color:#fff}
.rl-hzb[hidden]{display:none}
.rl-legend{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:var(--s3);border-top:1px solid var(--tint)}
.rl-legend .label{margin-inline-end:4px}
.rl-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.74rem;font-weight:600;white-space:nowrap}
.rl-badge.f-syn{background:#DCF0E4;color:#1B5E3E}
.rl-badge.f-rct{background:#D6EDF0;color:#13545D}
.rl-badge.f-act{background:#DDE9F7;color:#1E4C80}
.rl-badge.f-pil{background:#FCEEDA;color:#77470B}
.rl-badge.f-mix{background:#FBE3DB;color:#8A2E16}
.rl-badge.f-phy{background:#E6EBED;color:#34474F}
.rl-badge.f-tra{background:#ECE6F7;color:#523B86}

/* masonry */
.rl-grid{columns:310px;column-gap:var(--s4)}
.rl-card{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;display:grid;gap:12px;margin:0 0 var(--s4);padding:var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);transition:border-color .2s}
.rl-card:hover{border-color:color-mix(in srgb,var(--c) 55%,var(--line))}
.rl-card[hidden]{display:none}
.rl-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.rl-top .rl-badge{margin-inline-start:auto}
.rl-hz{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;background:color-mix(in srgb,var(--c) 13%,var(--surface));color:var(--c);font-family:var(--f-mono);font-size:.86rem;font-weight:500;font-variant-numeric:tabular-nums}
.rl-card h3{font-size:1.06rem;line-height:1.3}
.rl-card p{font-size:.95rem;color:#3D4F56}
.rl-card .rl-meta{font-size:.8rem;color:var(--muted);text-align:start}
html[dir="rtl"] .rl-card .rl-meta{text-align:end}
.rl-src{display:flex;align-items:center;gap:8px;min-height:44px;padding-top:10px;border-top:1px solid var(--tint);text-decoration:none;color:var(--brand-a);font-size:.88rem;font-weight:500}
.rl-src:hover span:first-child{text-decoration:underline;text-underline-offset:3px}
.rl-dom{flex:1 1 auto;min-width:0;color:var(--muted);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[dir="rtl"] .rl-src svg{transform:scaleX(-1)}
.rl-empty{padding:var(--s5) 0;text-align:center;color:var(--muted);max-width:none}
.rl-disc{margin-top:var(--s3);padding:var(--s4);border-radius:var(--r);background:var(--tint)}
.rl-disc p{font-size:.92rem;color:#33444B;max-width:80ch}

/* link from frequencies.html */
.rl-golib{margin-top:var(--s3)}
.rl-golib a{display:inline-flex;gap:8px;align-items:center;min-height:44px;font-weight:500;color:var(--brand-a);text-underline-offset:3px}

@media (max-width:640px){
  .rl-filters{padding:var(--s3)}
  .rl-grid{columns:1}
}