/* silmera-research.css -- research 10-05: verified research (js/silmera-research.js), the tab and the note panel.
   Uses the page's colour tokens (silmera.css); light and dark follow them. */
.rs textarea#rs-q { width: 100%; box-sizing: border-box; margin: 6px 0; font: inherit; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--card); color: var(--ink); resize: vertical; }
.rs-panel { margin-top: 14px; padding-top: 10px; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 6px; }
.rs-name { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: var(--ink2); margin: 2px 0; }
.rs-name input { margin-top: 3px; }
.rs-plan { margin-top: 8px; padding: 10px 12px; border: 1px solid var(--line-soft); border-left: 3px solid var(--accent); border-radius: 8px; background: rgba(var(--accent-rgb), 0.04); display: flex; flex-direction: column; gap: 6px; }
.rs-plan h4, .rs-answer h4 { margin: 6px 0 2px; font-size: 12.5px; font-weight: 600; color: var(--ink2); }
.rs-q { margin: 4px 0; padding-left: 18px; }
.rs-q code, .rs-hosts code { font-size: 12px; overflow-wrap: anywhere; }
.rs-hosts code { display: inline-block; margin: 2px 4px 2px 0; padding: 0 6px; border: 1px solid var(--line); border-radius: 4px; }
.rs-answer { margin-top: 10px; display: flex; flex-direction: column; gap: 6px; }
.rs-text { margin: 0; line-height: 1.6; color: var(--ink); }
.rs-text sup, .rs-conflicts sup { color: var(--accent); font-size: 10.5px; margin-left: 1px; }
.rs-none { border-left: 3px solid var(--abs, var(--muted)); padding-left: 8px; }
.rs-tag { display: inline-block; padding: 0 6px; border-radius: 4px; font-size: 11px; border-left: 3px solid var(--muted); background: rgba(var(--ink-rgb), 0.04); color: var(--ink2); }
.rs-tag.rs-law { border-left-color: var(--ok); }
.rs-tag.rs-guidance { border-left-color: var(--accent); }
.rs-tag.rs-secondary { border-left-color: var(--rev); }
.rs-tag.rs-firm { border-left-color: var(--muted); }
.rs-warn { display: inline-block; padding: 0 5px; border-radius: 4px; font-size: 11px; color: var(--rev-ink); background: rgba(var(--rev-rgb), 0.10); }
.rs-warn.rs-w-contradicted, .rs-warn.rs-w-unreadable { color: var(--bad-ink); background: rgba(var(--bad-rgb), 0.08); }
.rs-conflicts { padding: 6px 10px; border-left: 3px solid var(--rev); background: rgba(var(--rev-rgb), 0.06); border-radius: 6px; }
.rs-conflicts ul, .rs-unconfirmed ul { margin: 4px 0; padding-left: 18px; }
.rs-src { margin: 4px 0; padding-left: 0; list-style: none; }
.rs-src li { padding: 4px 0; border-bottom: 1px solid var(--line-soft); overflow-wrap: anywhere; font-size: 13px; }
.rs-n { color: var(--muted); font-variant-numeric: tabular-nums; }
.rs-unconfirmed { padding: 6px 10px; border-left: 3px solid var(--bad); background: rgba(var(--bad-rgb), 0.04); border-radius: 6px; }
.rs-u-text { color: var(--ink2); text-decoration: line-through; text-decoration-color: rgba(var(--bad-rgb), 0.5); }
.rs-cert { margin-top: 6px; font-size: 12.5px; }
.rs-cert summary { cursor: pointer; color: var(--ink2); }
.rs-cert-t { width: 100%; border-collapse: collapse; margin-top: 6px; }
.rs-cert-t th, .rs-cert-t td { text-align: left; vertical-align: top; padding: 4px 8px; border-bottom: 1px solid var(--line-soft); overflow-wrap: anywhere; }
.rs-cert-t th { width: 28%; font-weight: 500; color: var(--ink2); }
.rs-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 6px; }
.rs-flash { color: var(--ok-ink); }
@media (max-width: 640px) { .rs-cert-t th { width: auto; display: block; border: 0; padding-bottom: 0; } .rs-cert-t td { display: block; } }