/* whois 专用，依赖 /home.css 变量与 /tool.css */
.dq { flex: 1 1 18em; min-width: 0; max-width: 32em; }

/* 结果标题：大号域名（结果色）+ 状态标记 + 复制 */
.who-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 16px 0 4px; }
.who-name { min-width: 0; font: 700 clamp(24px, 3.6vw, 36px)/1.15 var(--mono); color: var(--result); overflow-wrap: anywhere; }
.who-state { padding: 3px 8px; border: 1px solid var(--ink); font: 600 12px/1.2 var(--mono); color: var(--ink); white-space: nowrap; }
.who-state.is-other { border-color: var(--ink-2); color: var(--ink-2); }

.hint { margin: 8px 0 0; font: 12px/1.6 var(--sans); color: var(--ink-2); }
#note { font-size: 13px; color: var(--ink); }

/* 说明性的值（未提供、已隐藏）不是结果，用次要文字色；过期的到期日期用提醒色 */
.kv td.muted { color: var(--ink-2); font-weight: 400; }
.kv td.warn { color: var(--accent); }
.kv td a { color: inherit; text-underline-offset: 3px; text-decoration-color: var(--rule); }
.kv td a:hover { color: var(--accent); text-decoration-color: currentColor; }
.who-list { display: inline-block; margin: 0; padding: 0; list-style: none; vertical-align: top; }
.who-list li + li { margin-top: 2px; }

.who-sub { margin-top: 28px; }
.who-role { margin: 14px 0 0; font: 600 12px/1.4 var(--mono); color: var(--ink-2); letter-spacing: .06em; }
.who-role:first-child { margin-top: 0; }
.who-none { margin: 0; padding: 10px 8px; border-bottom: 1px solid var(--rule); font: 13px/1.5 var(--mono); color: var(--ink-2); }

/* 原始数据：默认折叠，是回显的原文不是结果，用墨色常规字重 */
.who-raw { margin-top: 28px; border-top: 1px solid var(--ink); }
.who-raw details { border-bottom: 1px solid var(--rule); }
.who-raw summary { padding: 12px 0; font: 600 13px/1.4 var(--mono); cursor: pointer; }
.who-raw summary:hover { color: var(--accent); }
.who-raw summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.who-raw .pane-head { justify-content: flex-end; }
.who-pre {
  max-height: 480px;
  margin: 0 0 14px;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid var(--rule);
  background: var(--hover);
  color: var(--ink);
  font: 12px/1.55 var(--mono);
  white-space: pre-wrap;
  word-break: break-all;
}

@media (max-width: 760px) {
  .dq { max-width: none; flex-basis: 100%; }
}
