/* backoffice-log 共通スタイル
   ライト/ダーク両対応。装飾は最小限にし、表と数字の可読性を最優先する。 */

:root{
  --bg:#ffffff; --fg:#1a1d21; --muted:#5b6470; --line:#e3e7ec;
  --accent:#1e5aa8; --accent-soft:#eef4fb;
  --warn:#8a5a00; --warn-bg:#fff8e6; --warn-line:#f0dca8;
  --up:#a3341f; --up-bg:#fdf1ee;
  --card:#ffffff; --shadow:0 1px 3px rgba(16,24,40,.06);
  --maxw:940px;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#14171a; --fg:#e8ebee; --muted:#9aa4b0; --line:#2a2f36;
    --accent:#6fa8e8; --accent-soft:#1a2532;
    --warn:#e8c46a; --warn-bg:#2b2415; --warn-line:#4a3d1c;
    --up:#f0917c; --up-bg:#2e1d19;
    --card:#1a1e22; --shadow:none;
  }
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--fg); line-height:1.8;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif;
}

/* ---- ヘッダー / フッター ---- */
.site-head{border-bottom:1px solid var(--line);background:var(--card)}
.site-head .inner,.site-foot .inner,main{max-width:var(--maxw);margin:0 auto;padding:0 18px}
.site-head .inner{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.brand{font-weight:700;font-size:1.02rem;text-decoration:none;color:var(--fg);letter-spacing:.01em}
.brand span{color:var(--muted);font-weight:400;font-size:.8rem;margin-left:8px}
.nav{display:flex;gap:16px;margin-left:auto;flex-wrap:wrap}
.nav a{font-size:.88rem;color:var(--muted);text-decoration:none}
.nav a:hover{color:var(--accent)}

.site-foot{margin-top:56px;border-top:1px solid var(--line);padding:22px 0 60px;font-size:.82rem;color:var(--muted)}
.site-foot p{margin:0 0 8px}

main{padding-top:30px;padding-bottom:10px}

/* ---- 見出し ---- */
h1{font-size:1.62rem;line-height:1.45;margin:0 0 10px;letter-spacing:.005em}
h2{font-size:1.14rem;margin:40px 0 14px;padding-bottom:8px;border-bottom:2px solid var(--line)}
h3{font-size:1rem;margin:26px 0 8px}
.lede{color:var(--muted);font-size:.95rem;margin:0 0 26px}

p{margin:0 0 14px}
a{color:var(--accent)}
strong{font-weight:700}

/* ---- PR表記（全ページ必須・ステマ規制対応） ---- */
.pr-notice{
  font-size:.78rem;color:var(--muted);background:var(--accent-soft);
  border-radius:6px;padding:7px 11px;margin:0 0 22px;
}

/* ---- 表 ---- */
.scroll{overflow-x:auto;margin:0 0 18px}
table{border-collapse:collapse;width:100%;font-size:.9rem;min-width:520px}
th,td{border:1px solid var(--line);padding:8px 11px;text-align:left;vertical-align:top}
th{background:var(--accent-soft);font-weight:600;white-space:nowrap}
td.num,th.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.up{color:var(--up);font-weight:700}
caption{caption-side:top;text-align:left;font-size:.82rem;color:var(--muted);padding:0 0 6px}

/* ---- 注意ボックス ---- */
.note{
  border:1px solid var(--warn-line);background:var(--warn-bg);color:var(--warn);
  border-radius:8px;padding:12px 15px;margin:0 0 20px;font-size:.9rem;
}
.note strong{color:inherit}
.note p:last-child{margin-bottom:0}

/* ---- カード / リンク集 ---- */
.cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));margin:0 0 22px}
.card{
  border:1px solid var(--line);border-radius:11px;padding:16px 17px;
  background:var(--card);box-shadow:var(--shadow);
}
.card h3{margin:0 0 6px;font-size:1rem}
.card p{font-size:.88rem;color:var(--muted);margin:0 0 10px}
.card a.go{font-size:.88rem;font-weight:600;text-decoration:none}
.card a.go::after{content:" →"}

/* ---- 出典・信頼度 ---- */
.src{font-size:.8rem;color:var(--muted);margin:0 0 20px}
.src a{color:var(--muted)}
.badge{
  display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.03em;
  border-radius:4px;padding:1px 6px;vertical-align:2px;
}
.badge-a{background:var(--accent);color:#fff}
.badge-b{background:var(--muted);color:#fff}
.badge-c{background:transparent;color:var(--muted);border:1px solid var(--line)}

.updated{font-size:.8rem;color:var(--muted);margin:0 0 24px}