のように付ける（is-xwide はさらに広い）*/
.article-body .mg-table.is-wide table { min-width: 760px; }
.article-body .mg-table.is-xwide table { min-width: 1000px; }
/* 横スクロールさせない（列が少ない簡単な表向け）。
既定の min-width:480px を解除し、狭い画面でも横スクロールせず収める。
2〜3列の「賞金」「配点」「項目｜内容」などの表に
と付ける。 */
.article-body .mg-table.is-narrow table { min-width: 0; }
/* タグ一覧 */
.tag-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0 0; }
.tag-list .pill {
font-size: .8rem; font-weight: 700;
color: var(--ink-soft);
background: var(--surface-2);
border: 1px solid var(--border);
border-radius: 999px;
padding: 5px 12px;
}
.tag-list .pill:hover { color: var(--primary); border-color: var(--primary); }
/* 記事ページのサイドバー */
.aside { display: grid; gap: 24px; position: sticky; top: 86px; }
.widget {
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 20px;
box-shadow: var(--shadow);
}
.widget h4 {
margin: 0 0 14px; font-size: .95rem; font-weight: 800;
display: flex; align-items: center; gap: 8px;
}
.widget h4 .bar { width: 5px; height: 18px; border-radius: 3px; background: var(--primary); }
.rank-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.rank-list li { display: flex; gap: 12px; align-items: flex-start; }
.rank-list .num {
flex: 0 0 24px; height: 24px; border-radius: 6px;
background: var(--surface-2); color: var(--ink-soft);
display: grid; place-items: center; font-weight: 800; font-size: .8rem;
}
.rank-list .num--top { background: var(--primary); color: #fff; }
.rank-list a { color: var(--ink); font-weight: 700; font-size: .9rem; line-height: 1.5; }
.rank-list a:hover { color: var(--primary); }
/* ============================================================
レスポンシブ（スマホ・タブレット対応）
============================================================ */
@media (max-width: 900px) {
.hero,
.two-col { grid-template-columns: 1fr; }
/* 記事ページは minmax(0, 1fr) にする。
1fr のままだと、横長の表など中身が広い要素が「列ごと」広がり、
ページ全体が横スクロールしてしまう。minmax(0, …) にすると列は画面幅を超えず、
はみ出す表は表の枠（.mg-table）の中だけで横スクロールするようになる。 */
.article-wrap { grid-template-columns: minmax(0, 1fr); }
.card-grid { grid-template-columns: repeat(2, 1fr); }
.aside { position: static; }
/* スマホ・タブレットでは上部メニューを隠し、ドロワー（左の開閉メニュー）に集約する。
WordPressが出力する
だけでなく、その外側の