/* 検証ページ専用。quake-map-core.css の変数（--tx --tx2 --q --n --a1 --a2 --a3）を使う。
   core 側に無い場合の保険として、最低限のフォールバックを置く。 */
:root{
  --vok:#1d9e75;
  --vng:#a32d2d;
  --vline:rgba(128,128,128,.4);
}
@media (prefers-color-scheme:dark){
  :root{ --vok:#5dcaa5; --vng:#f09595; }
}

/* このセクションは文章主体の記事ページなので、地図ダッシュボード用の
   方眼背景（quake-map-core.css の body background-image）を外す。
   文字色・地色はそのまま var(--bg) を維持。 */
body{background-image:none}

.crumb{font-size:12.5px;color:var(--tx2);margin:14px 0 0}
.crumb a{color:var(--tx2)}

.lead{margin:14px 0 20px;line-height:2;font-size:15px}
.lead p{margin:0 0 12px}

.vh{font-size:15px;margin:0 0 12px;font-weight:600}
h2{font-size:16px;margin:28px 0 12px}
h3{font-size:14.5px;margin:22px 0 8px}

.verdict{margin:18px 0}
.vlist{list-style:none;padding:0;margin:0}
.vlist li{position:relative;padding:0 0 0 26px;margin:0 0 14px;line-height:1.9;font-size:14px}
.vlist li:last-child{margin-bottom:0}
.vlist li::before{position:absolute;left:0;top:0;width:20px;font-weight:700}
.vlist li.ok::before{content:"○";color:var(--vok)}
.vlist li.ng::before{content:"×";color:var(--vng)}

.toc{list-style:none;counter-reset:t;padding:0;margin:0 0 24px}
.toc li{counter-increment:t;margin:0 0 8px}
.toc a{display:flex;gap:12px;align-items:baseline;padding:13px 15px;
  background:var(--card);border:1px solid var(--line);border-radius:10px;text-decoration:none;color:inherit}
.toc a:hover{border-color:var(--tx2)}
.toc a::before{content:counter(t);font-size:12px;color:var(--tx2);min-width:14px}
.toc a b{font-size:14.5px;font-weight:600}
.toc a span{font-size:12.5px;color:var(--tx2);margin-left:auto;text-align:right}
@media(max-width:520px){
  .toc a{flex-wrap:wrap}
  .toc a span{margin-left:26px;text-align:left;width:100%}
}

.note{font-size:12.5px;line-height:1.9;margin:12px 0 0}

table.v{width:100%;border-collapse:collapse;font-size:13px;margin:14px 0;
  background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden}
table.v th,table.v td{padding:8px 10px;border-bottom:1px solid var(--vline);text-align:left}
table.v tr:last-child td{border-bottom:none}
table.v th:first-child,table.v td:first-child{padding-left:14px}
table.v th:last-child,table.v td:last-child{padding-right:14px}
table.v th{font-weight:600;color:var(--tx2);font-size:12.5px;white-space:nowrap}
table.v td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
table.v tr.hl td{font-weight:600}
.ok{color:var(--vok)}
.ng{color:var(--vng)}

/* 警告ボックス（quake-map-core.css の .warn は半透明の色付き背景のみで、
   グリッド地の上だと輪郭が沈むため、このページでは不透明カード＋色帯に変える） */
.warn{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--a2)}
.warn.severe{background:var(--card);border-color:var(--line);border-left-color:var(--a3)}

.figcap{font-size:12px;color:var(--tx2);line-height:1.8;margin:8px 0 20px}

.pager{display:flex;gap:10px;margin:32px 0 0;font-size:13.5px}
.pager a{flex:1;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:10px;
  text-decoration:none;color:inherit;line-height:1.6}
.pager a:hover{border-color:var(--tx2)}
.pager a span{display:block;font-size:11.5px;color:var(--tx2)}
.pager a.next{text-align:right}

.q{font-size:15px;font-weight:600;margin:26px 0 10px}
p{line-height:2;font-size:14px;margin:0 0 14px}