/* 運営ページ（/operations/ /status/ /operator/ /policy/ /contact/ /takedown/ /participate/）。攻略ハブの gh- の上に、ops- 接頭辞だけを足す。
   DESIGN.md の流儀: 章は罫線と余白で分け、カード内カードを作らない。角丸は8px以下。色は共通トークンだけ。共通ヘッダー・フッターには触れない。 */
.ops-page .ops-summary { margin: 0 0 12px; font-size: 1rem; font-weight: 700; line-height: 1.7; }
.ops-page [data-ops-compact] .ops-summary { margin-bottom: 0; }

.ops-state { display: inline-block; padding: 1px 8px; border: 1px solid currentColor; border-radius: 4px; font-size: .78rem; font-weight: 700; line-height: 1.6; white-space: nowrap; }
.ops-state-ok { color: var(--accent-2); }
.ops-state-delayed, .ops-state-ongoing { color: var(--accent); }
.ops-state-unknown { color: var(--muted); }
.ops-state-resolved { color: var(--accent-2); }

.ops-incident { padding: 14px 0; border-top: 1px solid var(--line); }
.ops-incident:first-of-type { margin-top: 12px; }
.ops-incident h3 { margin: 0 0 6px; font-size: 1.05rem; line-height: 1.5; }
.ops-incident-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin: 0 0 8px; color: var(--muted); font-size: .85rem; }
.ops-facts { margin: 0 0 8px; }
.ops-facts > div { display: grid; grid-template-columns: 8.5rem minmax(0, 1fr); gap: 0 12px; padding: 6px 0; border-top: 1px dotted var(--line); }
.ops-facts dt { color: var(--muted); font-size: .85rem; font-weight: 700; }
.ops-facts dd { margin: 0; font-size: .95rem; line-height: 1.7; }
.ops-updates { margin: 6px 0 0; padding-left: 1.3em; color: var(--muted); font-size: .88rem; line-height: 1.7; }
.ops-recovered { margin: 8px 0 0; padding: 6px 10px; border-left: 3px solid var(--accent-2); font-size: .9rem; }

@media (max-width: 720px) {
  .ops-facts > div { grid-template-columns: minmax(0, 1fr); gap: 2px 0; }
}