/* URLの判定結果の見た目。url-check と qr-check の両方が読む */
.verdict { border: 1px solid var(--line); border-left-width: 6px; border-radius: var(--radius); padding: 12px 14px; display: grid; gap: 6px; }
.verdict p { margin: 0; }
.verdict .chip { justify-self: start; font-size: 16px; font-weight: 700; padding: 2px 12px; }
.verdict.high { border-color: var(--bad); }
.verdict.high .chip { color: var(--bad); border-color: var(--bad); }
.verdict.warn { border-color: var(--warn); background: var(--warn-soft); }
.verdict.warn .chip { color: var(--warn); border-color: var(--warn); }
.verdict.none { border-color: var(--ok); }
.verdict.none .chip { color: var(--ok); border-color: var(--ok); }
.whereto p { margin: 0; }
.hostline { font-size: 20px; line-height: 1.4; overflow-wrap: anywhere; word-break: break-all; }
.hostline .sub { color: var(--muted); }
.hostline .reg { color: var(--ink); background: var(--accent-soft); padding: 0 4px; border-radius: 4px; }
.flags { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.flags li { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; background: var(--surface); }
.flags li p { margin: 2px 0 0; font-size: 14px; color: var(--muted); overflow-wrap: anywhere; }
.flags li b { overflow-wrap: anywhere; }
.flags li.high .chip { color: var(--bad); border-color: var(--bad); }
.flags li.warn .chip { color: var(--warn); border-color: var(--warn); }
.flags li.info .chip { color: var(--muted); }
.parts summary { cursor: pointer; font-weight: 700; }
.parts dl { display: grid; grid-template-columns: minmax(7em, auto) 1fr; gap: 6px 12px; margin: 10px 0 0; font-size: 14px; }
.parts dt { color: var(--muted); overflow-wrap: anywhere; }
.parts dd { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-all; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
@media (max-width: 560px) {
  .parts dl { grid-template-columns: 1fr; gap: 0; }
  .parts dd { margin-bottom: 8px; }
  .hostline { font-size: 17px; }
}