@charset "UTF-8";
/* ==========================================================================
   gi-trouble.css ─ 障害・メンテナンス情報（wind/news/trouble.html）専用
   2026年9月の整理で追加。共通の gi-legacy.css の上に重ねる。
   HTML には印（■〇●）や style を書かず、見た目はすべてここで付ける。
   ========================================================================== */

.gi-legacy .tr-page .legacy-entry-title { margin-bottom: 16px; }
.gi-legacy .tr-page .tr-lead { font-size: 17px; margin: 0 0 20px; }

/* 接続できないときは */
.gi-legacy .tr-guide { margin: 0 0 8px; padding: 18px 22px 6px; background: #f4f7fa; border-left: 3px solid var(--gi-navy); }
.gi-legacy .tr-page .tr-guide > h2 { margin: 0 0 8px; padding: 0; border: 0; font-size: 18px; }
.gi-legacy .tr-guide p { margin: 0 0 12px; font-size: 15px; }
.gi-legacy .tr-dns { margin: 0 0 12px; border: 1px solid var(--gi-line); border-radius: 4px; background: #fff; }
.gi-legacy .tr-dns > summary { padding: 10px 14px; cursor: pointer; color: var(--gi-navy); font-size: 15px; font-weight: 700; }
.gi-legacy .tr-dns[open] > summary { border-bottom: 1px solid var(--gi-line-soft); }
.gi-legacy .tr-dns > p, .gi-legacy .tr-dns > .table-container { margin: 12px 14px; }
.gi-legacy .tr-dns__table { font-size: 14px; }
.gi-legacy .tr-dns__table td:nth-child(2), .gi-legacy .tr-dns__table td:nth-child(3) { white-space: nowrap; font-family: ui-monospace, Menlo, Consolas, monospace; }

/* 年の見出し */
.gi-legacy .tr-page .tr-year > h2,
.gi-legacy .tr-page .tr-past > h2 { margin-top: 48px; }

/* 記事 1件 */
.gi-legacy .tr-item { padding: 22px 0 20px; border-bottom: 1px solid var(--gi-line); }
.gi-legacy .tr-year > h2 + .tr-item { padding-top: 4px; }
.gi-legacy .tr-item[id] { scroll-margin-top: 24px; }
.gi-legacy .tr-item:target { background: #fffbea; box-shadow: 0 0 0 12px #fffbea; }
.gi-legacy .tr-page .tr-item__title { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0 0 10px; font-size: 18px; line-height: 1.6; }
.gi-legacy .tr-item > p { margin: 0 0 10px; font-size: 15px; line-height: 1.85; }

/* 種別の札 */
.gi-legacy .tr-badge { flex: 0 0 auto; padding: 0 10px; border-radius: 3px; color: #fff; font-size: 12px; font-weight: 700; line-height: 24px; letter-spacing: .04em; }
.gi-legacy .tr-badge--shogai { background: var(--gi-alert); }
.gi-legacy .tr-badge--maint { background: var(--gi-maint); }
.gi-legacy .tr-badge--kaifuku { background: #2e7d4f; }

/* 項目（発生日時・影響範囲など） */
.gi-legacy .tr-fields { display: grid; grid-template-columns: 10em minmax(0, 1fr); margin: 0 0 10px; border-top: 1px solid var(--gi-line-soft); font-size: 15px; line-height: 1.8; }
.gi-legacy .tr-fields dt, .gi-legacy .tr-fields dd { margin: 0; padding: 8px 0; border-bottom: 1px solid var(--gi-line-soft); }
.gi-legacy .tr-fields dt { padding-right: 12px; color: var(--gi-navy); font-weight: 700; }
.gi-legacy .tr-fields dd { min-width: 0; }
.gi-legacy .tr-dd-note { color: var(--gi-sub); font-size: 14px; }
.gi-legacy .tr-item .tr-note { color: var(--gi-sub); font-size: 14px; }

/* 過去の情報（年ごとに折りたたむ） */
.gi-legacy .tr-past__lead { color: var(--gi-sub); font-size: 15px; }
.gi-legacy .tr-archive { margin: 0 0 10px; border: 1px solid var(--gi-line); border-radius: 4px; background: #fff; }
.gi-legacy .tr-archive > summary {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 18px; cursor: pointer; list-style: none;
  color: var(--gi-navy); font-size: 17px; font-weight: 700;
}
.gi-legacy .tr-archive > summary::-webkit-details-marker { display: none; }
.gi-legacy .tr-archive > summary::after { content: "＋"; font-weight: 400; }
.gi-legacy .tr-archive[open] > summary::after { content: "－"; }
.gi-legacy .tr-archive > summary:hover { background: #f4f7fa; }
.gi-legacy .tr-archive > .tr-item { margin: 0 18px; }
.gi-legacy .tr-archive > .tr-item:last-child { border-bottom: 0; }

@media (max-width: 767px) {
  .gi-legacy .tr-page .tr-lead { font-size: 16px; }
  .gi-legacy .tr-guide { padding: 16px 16px 4px; }
  .gi-legacy .tr-page .tr-item__title { font-size: 17px; }
  /* 項目は縦に積む */
  .gi-legacy .tr-fields { grid-template-columns: 1fr; }
  .gi-legacy .tr-fields dt { padding: 8px 0 0; border-bottom: 0; font-size: 14px; }
  .gi-legacy .tr-fields dd { padding: 0 0 8px; }
  .gi-legacy .tr-archive > .tr-item { margin: 0 12px; }
}