/* ラボの本文の共通部品（2026-10-15〜）。.acmlt-doc を付けた本文の箱の中だけに効く。acm-lab-top.css の後に読む（依存）
   使っているページ：調査レポート（single-lab_report.php の .acmlr-body）、スピードテスト（page-acm-lab-speed.php の .acmlt-sp__docs と判定の欄）
   ■ 部品の見た目はここだけで決める。ページ側（acm-lab-report.css など）では配置だけを書き、部品の見た目を上書きしない
   ■ 新しいページで使うときは、本文の箱に class="acmlt-doc" を付け（見出しだけ合わせたい欄は .acmlt-sec-h の箱に付ける）、acmlt_use_doc() を呼ぶ（acm-lab-common.php）
   ■ H3 の縦線は「本文の段落と同じ並びの見出し」だけ（下の :is() に本文の箱を足す）。FAQ の質問やカードの中の見出しには付けない */

/* ---- 文章 ---- */
.acmlt-doc{min-width:0;font-size:16px;line-height:1.85;color:var(--acmlt-ink);overflow-wrap:break-word}
/* overflow-wrap:break-word：文字がそのままのURL（48114 の https://www.soumu.go.jp/johotsusintokei/… など）が行に収まらないとき、文の列の中で折り返す（スマホで横にはみ出さない）。
   anywhere ではなく break-word にする＝表の列の最小の幅は変えない（表の列が細くならない）（2026-10-15） */
/* min-width:0：本文の箱がグリッドの1列（スマホの調査レポート）に入ったとき、横に長い表（「数値を表で見る」を開いたときなど）に押し広げられてページ全体が横にはみ出さないように。はみ出す表は表の箱の中で横に流れる（2026-10-15 1-24） */
.acmlt-doc>*:first-child{margin-top:0}
/* 段落は本文の並びにあるものだけ（カードなど部品の中の文は部品側の見た目のまま） */
.acmlt-doc :is(.acmlr-main,.acmlr-lead,.acmlr-sec,.acmlt-sp__doc,.cap_box_content,.faq_a)>p{margin:0 0 1.1em;font-size:inherit;line-height:inherit;color:inherit}
.acmlt-doc a{text-decoration:underline;text-underline-offset:2px}
.acmlt-doc strong{font-weight:700;color:var(--acmlt-navy)}
.acmlt-doc img{max-width:100%;height:auto}
.acmlt-doc code{font-size:.85em;background:var(--acmlt-soft);border:1px solid var(--acmlt-line);border-radius:3px;padding:1px 6px}
.acmlt-doc .swl-marker{background:linear-gradient(transparent 62%,#fff4a1 62%)} /* 記事本文の黄色マーカー（強調の意味は残す） */
.acmlt-doc .u-fz-s{font-size:13px}
.acmlt-doc .p-toc{display:none} /* SWELL の目次は JS で組み立てる仕組みで、ラボでは JS を読まない＝空の枠になるので出さない */

/* ---- 見出し ---- */
/* H2：グラデーションの下線（左の濃い青緑から右へ消える 2px）。ラボの共通見出しの四角いアイコン・黄色の下線は本文では使わない */
.acmlt-doc h2,
.acmlt-doc .acmlt-sec-h h2,
.acmlt-doc .acmlr-lead .cap_box_ttl{position:static;margin:48px 0 18px;padding:0 0 12px;border:0;font-size:22px;font-weight:800;line-height:1.5;letter-spacing:0;color:var(--acmlt-navy);text-decoration:none;background:linear-gradient(90deg,var(--acmlt-blue) 0%,rgba(0,164,173,.35) 45%,rgba(0,164,173,0) 100%) no-repeat left bottom/100% 2px}
.acmlt-doc h2::before,.acmlt-doc h2::after{content:none}
.acmlt-doc .acmlt-sec-h,.acmlt-doc.acmlt-sec-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 16px;margin:48px 0 18px;padding:0;border:0}
.acmlt-doc .acmlt-sec-h h2{flex:1 1 auto;margin:0}
.acmlt-doc .acmlt-sr{background:none} /* 画面には出さない見出し（読み上げ用） */
/* H3：左の縦線 */
.acmlt-doc :is(.acmlr-main,.acmlt-sp__doc)>h3{margin:34px 0 14px;padding:2px 0 2px 12px;border:0;border-left:4px solid var(--acmlt-blue);font-size:18px;font-weight:800;line-height:1.5;color:var(--acmlt-navy)}
.acmlt-doc h4{margin:28px 0 10px;font-size:16px;font-weight:800;color:var(--acmlt-navy)}

/* ---- リスト（区切り線・独自の印は付けない）。クラス名に __ を含む部品のリスト（カードの一覧など）は対象外。acmlt-sp__list は本文のリストとして扱う ---- */
.acmlt-doc :is(ul,ol):not([class*="__"]),.acmlt-doc .acmlt-sp__list{display:block;margin:0 0 1.2em;padding:0 0 0 1.4em;border:0}
.acmlt-doc ul:not([class*="__"]),.acmlt-doc ul.acmlt-sp__list{list-style:disc}
.acmlt-doc ol:not([class*="__"]),.acmlt-doc ol.acmlt-sp__list{list-style:decimal}
.acmlt-doc :is(ul,ol):not([class*="__"])>li,.acmlt-doc .acmlt-sp__list>li{position:static;margin:0 0 .4em;padding:0;border:0;font-size:inherit;line-height:inherit;color:inherit}
.acmlt-doc :is(ul,ol):not([class*="__"])>li::before,.acmlt-doc .acmlt-sp__list>li::before{content:none}
.acmlt-doc :is(ul,ol):not([class*="__"])>li::marker,.acmlt-doc .acmlt-sp__list>li::marker{color:var(--acmlt-blue)}

/* ---- 表：角丸の外枠1本、行の区切りと列の間に細い線、見出し行は淡い面 ----
   枠（線・角丸・横スクロール）は表の箱に付ける。調査レポートの表（figure.acmlr-table）は、枠を中の .acmlr-tbox に付け、題名を枠の上・注記を枠の下に出す（下の「表の題名と注記」） */
.acmlt-doc figure.wp-block-table,.acmlt-doc .acmlt-tbl{margin:0 0 28px}
.acmlt-doc figure.wp-block-table:not(.acmlr-table),.acmlt-doc .acmlt-tbl,.acmlt-doc .acmlr-tbox{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--acmlt-line2);border-radius:9px;background:#fff}
.acmlt-doc table{width:100%;border-collapse:collapse;border:0;font-size:14px;line-height:1.6;background:transparent}
.acmlt-doc table thead,.acmlt-doc table tfoot{border:0} /* WP本体が後から書き込む表の指定（thead の下に3pxの黒線・tfoot の上の線）より強くする */
/* WP本体が表のブロックを使ったページに後から書き込む「.wp-block-table td{border:1px solid}」より強くする（table を挟む） */
.acmlt-doc table th,.acmlt-doc table td{padding:10px 16px;border:0;border-bottom:1px solid var(--acmlt-line);text-align:left;vertical-align:top;background:transparent;color:inherit}
.acmlt-doc tbody tr:last-child>*{border-bottom:0}
.acmlt-doc table tr>*+*{border-left:1px solid var(--acmlt-line)}
.acmlt-doc table thead th{padding-top:9px;padding-bottom:9px;background:var(--acmlt-soft);border-bottom-color:var(--acmlt-line2);font-size:12.5px;font-weight:700;letter-spacing:.04em;color:var(--acmlt-sub)}
.acmlt-doc tbody th{font-weight:700;color:var(--acmlt-navy)}
.acmlt-doc tbody tr:hover>*{background:#f7fbfd}
/* 数値の表（グラフの下の「数値を表で見る」）：割合の列は右揃え・桁そろえ */
.acmlt-doc .acmlr-tbl thead th:last-child,.acmlt-doc .acmlr-tbl tbody td:last-child{text-align:right;white-space:nowrap}
.acmlt-doc .acmlr-tbl tbody td:last-child{font-variant-numeric:tabular-nums;font-weight:700;color:var(--acmlt-navy)}

/* ---- 「数値を表で見る」の開閉（details）：ボタンは中央、開いた表は全幅 ---- */
.acmlt-doc .acmlr-tbl{margin:-4px 0 28px;text-align:center}
.acmlt-doc .acmlr-tbl>figure,.acmlt-doc .acmlr-tbl table{text-align:left}
.acmlt-doc .acmlr-tbl>summary{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--acmlt-line2);border-radius:999px;background:#fff;font-size:13px;font-weight:700;color:var(--acmlt-navy);cursor:pointer;list-style:none;user-select:none}
.acmlt-doc .acmlr-tbl>summary::-webkit-details-marker{display:none}
.acmlt-doc .acmlr-tbl>summary::after{content:"";width:7px;height:7px;margin-left:2px;border-right:2px solid var(--acmlt-blue);border-bottom:2px solid var(--acmlt-blue);transform:translateY(-2px) rotate(45deg);transition:transform .15s}
.acmlt-doc .acmlr-tbl[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.acmlt-doc .acmlr-tbl>summary:hover{background:var(--acmlt-soft)}
.acmlt-doc .acmlr-tbl>summary:focus-visible{outline:2px solid var(--acmlt-blue);outline-offset:2px}
.acmlt-doc .acmlr-tbl[open]>summary{margin-bottom:12px}
.acmlt-doc .acmlr-tbl figure.wp-block-table{margin-bottom:0}

/* ---- よくある質問：1問ずつカード。Q は塗りの丸、A は枠の丸（記事の FAQ ブロックと、ツールのページの FAQ の両方） ---- */
.acmlt-doc .swell-block-faq,.acmlt-doc .acmlt-sp__faq{display:block;margin:0 0 28px;border:0}
.acmlt-doc .swell-block-faq__item,.acmlt-doc .acmlt-sp__qa{display:block;margin:0 0 12px;padding:16px 18px 12px;background:#fff;border:1px solid var(--acmlt-line2);border-radius:10px;box-shadow:0 1px 2px rgba(11,42,74,.04)}
.acmlt-doc .faq_q,.acmlt-doc .acmlt-sp__qa h3{position:relative;margin:0 0 10px;padding:0 0 0 40px;min-height:28px;border:0;font-size:16px;font-weight:800;line-height:1.6;color:var(--acmlt-navy)}
.acmlt-doc .faq_a,.acmlt-doc .acmlt-sp__qa p{position:relative;margin:0;padding:12px 0 0 40px;border-top:1px dashed var(--acmlt-line);font-size:15px;line-height:1.85}
.acmlt-doc .faq_q::before,.acmlt-doc .acmlt-sp__qa h3::before,.acmlt-doc .faq_a::before,.acmlt-doc .acmlt-sp__qa p::before{position:absolute;left:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:14px;font-weight:800;box-sizing:border-box}
.acmlt-doc .faq_q::before,.acmlt-doc .acmlt-sp__qa h3::before{content:"Q";top:-1px;background:var(--acmlt-blue);color:#fff}
.acmlt-doc .faq_a::before,.acmlt-doc .acmlt-sp__qa p::before{content:"A";top:11px;border:2px solid var(--acmlt-blue);background:#fff;color:var(--acmlt-blue)}
.acmlt-doc .faq_a>p{margin:0 0 .6em}
.acmlt-doc .faq_a>*:last-child{margin-bottom:0}

/* ---- 要点の囲み（記事の「ポイント」）と注記 ---- */
.acmlt-doc .cap_box{margin:0 0 28px;border:1px solid var(--acmlt-line2);border-radius:9px;background:#fff;overflow:hidden}
.acmlt-doc .cap_box_ttl{padding:9px 16px;background:var(--acmlt-soft);border-bottom:1px solid var(--acmlt-line);font-size:14px;font-weight:800;color:var(--acmlt-navy)}
.acmlt-doc .cap_box_ttl strong{font-weight:800}
.acmlt-doc .cap_box_content{padding:14px 16px 4px}
.acmlt-doc .cap_box_content ul{margin-bottom:.8em}
.acmlt-doc .is-style-dent_box{padding:12px 16px;background:var(--acmlt-soft);border-radius:9px;color:var(--acmlt-sub)}

/* ---- 調査のグラフ ---- */
/* 記事の本文に入っているグラフ（acm-survey のサーバー描画） */
.acmlt-doc .acm-chart{margin:28px 0 16px}
.acmlt-doc .acm-chart__q{margin-top:0;margin-bottom:16px;padding-bottom:0;background:none} /* 設問名に下線は付けない（下線は H2 だけ） */
.acmlt-doc .acm-chart__src a{color:inherit;text-decoration:underline;text-decoration-color:var(--acmlt-line2);text-underline-offset:2px}
.acmlt-doc .acm-chart__src a:hover{color:var(--acmlt-blue);text-decoration-color:currentColor}
/* 調査のデータを本文の外から使うときは埋め込み（/survey-embed/ の iframe）で出す。手書きの表・図にしない。出典は直後の段落 */
.acmlt-doc .acmlt-embed{margin:8px 0 10px}
.acmlt-doc .acmlt-embed iframe{display:block;width:100%;max-width:100%;border:1px solid var(--acmlt-line2);border-radius:10px;background:#fff}

/* ---- ツールのページ（スピードテスト）の節：区切りは見出しの余白だけ（節の上の線・グリッドの間隔は使わない） ---- */
.acmlt-doc.acmlt-sp__docs,.acmlt-doc .acmlt-sp__doc{display:block;padding:0;border:0}
.acmlt-doc .acmlt-sp__doc>p{font-size:inherit;line-height:inherit}
.acmlt-doc .acmlt-sp__src{font-size:12.5px;line-height:1.7;color:var(--acmlt-sub)}

@media (max-width:600px){
	.acmlt-doc{font-size:15.5px}
	.acmlt-doc h2,.acmlt-doc .acmlt-sec-h h2,.acmlt-doc .acmlr-lead .cap_box_ttl{margin:38px 0 14px;padding-bottom:10px;font-size:19.5px}
	.acmlt-doc .acmlt-sec-h,.acmlt-doc.acmlt-sec-h{margin:38px 0 14px}
	.acmlt-doc .acmlt-sec-h h2{margin:0}
	.acmlt-doc :is(.acmlr-main,.acmlt-sp__doc)>h3{margin:28px 0 12px;padding-left:10px;font-size:17px}
	.acmlt-doc table{font-size:13.5px}
	.acmlt-doc table th,.acmlt-doc table td{padding:9px 12px}
	.acmlt-doc .swell-block-faq__item,.acmlt-doc .acmlt-sp__qa{padding:14px 14px 10px}
	.acmlt-doc .faq_q,.acmlt-doc .acmlt-sp__qa h3{padding-left:36px;font-size:15px}
	.acmlt-doc .faq_a,.acmlt-doc .acmlt-sp__qa p{padding-left:36px;font-size:14.5px}
	.acmlt-doc .faq_q::before,.acmlt-doc .acmlt-sp__qa h3::before,.acmlt-doc .faq_a::before,.acmlt-doc .acmlt-sp__qa p::before{width:26px;height:26px;font-size:13px}
}

@media print{
	.acmlt-doc{font-size:10pt;line-height:1.75}
	.acmlt-doc h2,.acmlt-doc .acmlt-sec-h h2,.acmlt-doc .acmlr-lead .cap_box_ttl{margin:22px 0 10px;padding-bottom:8px;font-size:13.5pt;break-after:avoid}
	.acmlt-doc :is(.acmlr-main,.acmlt-sp__doc)>h3{margin:16px 0 8px;font-size:11.5pt;break-after:avoid}
	.acmlt-doc p{orphans:3;widows:3}
	.acmlt-doc .acmlt-sec-h,.acmlt-doc.acmlt-sec-h{margin:22px 0 10px}
	.acmlt-doc .acmlt-sec-h h2{margin:0}
	.acmlt-doc .acm-chart,.acmlt-doc figure,.acmlt-doc .cap_box,.acmlt-doc .swell-block-faq__item,.acmlt-doc .acmlt-sp__qa,.acmlt-doc .is-style-dent_box,.acmlt-doc tr{break-inside:avoid}
	.acmlt-doc .acm-chart,.acmlt-doc .swell-block-faq__item,.acmlt-doc .acmlt-sp__qa{box-shadow:none !important}
	.acmlt-doc figure.wp-block-table,.acmlt-doc .acmlt-tbl,.acmlt-doc .acmlr-tbox{overflow:visible}
	.acmlt-doc table{font-size:9pt}
	.acmlt-doc table th,.acmlt-doc table td{padding:5px 10px}
	.acmlt-doc noscript{display:none !important}
	.acmlt-doc .acmlr-tbl>summary{display:none}
	.acmlt-doc .acmlr-tbl{margin:0 0 14px}
	.acmlt-doc a{color:inherit !important;text-decoration:none !important} /* 紙では下線は要らない（URLはページ側の指定で後ろに書く） */
}
/* 埋め込みの直下の出典（iframe の外の正式な出典リンク）：枠に寄せて小さく */
.acmlt-doc .acmlt-embed+.acmlt-sp__src{margin:-4px 0 18px}
/* ツールのページの節の中の部品（指標のカード・図・カードの一覧・表など）の下の間隔。節はグリッドの間隔を使わないので、部品の下に余白を持たせる（調査レポートの表と同じ 28px） */
.acmlt-doc .acmlt-sp__doc>:is(dl,figure,ul.acmlt-sp__svs,div:not(.acmlt-sec-h):not(.acmlt-embed)){margin-top:0;margin-bottom:28px}
@media (max-width:600px){.acmlt-doc .acmlt-sp__doc>:is(dl,figure,ul.acmlt-sp__svs,div:not(.acmlt-sec-h):not(.acmlt-embed)){margin-bottom:22px}}
/* 埋め込みの直下の出典（汎用） */
.acmlt-doc .acmlt-embed+.acmlt-embed__src{margin:-4px 0 22px;font-size:12.5px;line-height:1.7;color:var(--acmlt-sub)}

/* ===== 記事の SWELL 独自の部品（ラボでは SWELL の CSS・JS を読まないので、ここで見た目を持つ。動きは acm-lab-doc.js） ===== */
/* タブ：押したタブの中身だけ（印刷では全部出す） */
.acmlt-doc .swell-block-tab{margin:0 0 28px}
.acmlt-doc .swell-block-tab ul.c-tabList{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;list-style:none;border:0}
.acmlt-doc .swell-block-tab ul.c-tabList>li{margin:0;padding:0}
.acmlt-doc .swell-block-tab ul.c-tabList>li::marker{content:none}
.acmlt-doc .c-tabList__button{padding:7px 16px;border:1px solid var(--acmlt-line2);border-radius:999px;background:#fff;font:inherit;font-size:14px;font-weight:700;color:var(--acmlt-navy);cursor:pointer}
.acmlt-doc .c-tabList__button[aria-selected="true"]{background:var(--acmlt-blue);border-color:var(--acmlt-blue);color:#fff}
.acmlt-doc .c-tabList__button:focus-visible{outline:2px solid var(--acmlt-blue);outline-offset:2px}
.acmlt-doc .c-tabBody__item[aria-hidden="true"]{display:none}
/* アコーディオン（details）：枠つきの開閉 */
.acmlt-doc .swell-block-accordion{margin:0 0 24px}
.acmlt-doc .swell-block-accordion__item{margin:0 0 10px;border:1px solid var(--acmlt-line2);border-radius:9px;background:#fff;overflow:hidden}
.acmlt-doc .swell-block-accordion__title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;font-weight:700;color:var(--acmlt-navy);cursor:pointer;list-style:none}
.acmlt-doc .swell-block-accordion__title::-webkit-details-marker{display:none}
.acmlt-doc .swell-block-accordion__title::after{content:"";flex:none;width:8px;height:8px;border-right:2px solid var(--acmlt-blue);border-bottom:2px solid var(--acmlt-blue);transform:translateY(-2px) rotate(45deg);transition:transform .15s}
.acmlt-doc .swell-block-accordion__item[open]>.swell-block-accordion__title{border-bottom:1px solid var(--acmlt-line)}
.acmlt-doc .swell-block-accordion__item[open]>.swell-block-accordion__title::after{transform:translateY(2px) rotate(-135deg)}
.acmlt-doc .swell-block-accordion__title [class*="__icon"]{display:none} /* SWELL のアイコン（フォントを読まないので出さない） */
.acmlt-doc .swell-block-accordion__body{padding:14px 16px 4px}
/* 吹き出し：見た目は SWELL の CSS をそのまま使う（2026-10-15 ユーザー指示。ここで見た目を持たない例外）。
   SWELL 本体の blocks.css の c-balloon のルールと、SWELL の設定の色（data-col）を、acmlt_swell_balloon_css()（acm-lab-common.php）が
   .acmlt-doc の中だけに効くインライン CSS として出す。ここに書くのは、マガジンの本文と同じにするための分だけ */
.acmlt-doc .swell-block-balloon{margin:0 0 2em} /* 吹き出しどうしの間隔：マガジンの本文のブロックの間隔（--swl-block-margin:2em）と同じ */
.acmlt-doc .c-balloon__text strong{color:inherit} /* ラボの本文の太字は紺。マガジンの吹き出しの太字は文字と同じ色（太さだけ） */
/* ボタン（記事の「〜について」など）：枠線の控えめなボタン */
.acmlt-doc .swell-block-button{margin:14px 0 24px;text-align:center}
.acmlt-doc .swell-block-button__link{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border:1px solid var(--acmlt-blue);border-radius:999px;background:#fff;font-size:14px;font-weight:700;color:var(--acmlt-blue);text-decoration:none}
.acmlt-doc .swell-block-button__link:hover{background:var(--acmlt-soft)}
/* 段組み（SWELL と WP 本体） */
.acmlt-doc .swell-block-columns__inner,.acmlt-doc .wp-block-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:0 0 24px}
.acmlt-doc .swell-block-column,.acmlt-doc .wp-block-column{min-width:0;margin:0}
.acmlt-doc .swell-block-column>*:last-child,.acmlt-doc .wp-block-column>*:last-child{margin-bottom:0}
/* 本文の写真・図（キャプションつき） */
.acmlt-doc figure.wp-block-image{margin:0 0 24px}
.acmlt-doc figure.wp-block-image img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:6px}
.acmlt-doc figure.wp-block-image figcaption{margin-top:6px;font-size:12.5px;line-height:1.6;color:var(--acmlt-sub);text-align:center}
@media print{.acmlt-doc .c-tabBody__item[aria-hidden="true"]{display:block}.acmlt-doc .swell-block-tab ul.c-tabList{display:none}}

/* 記事の表の SWELL の設定（ラボでは SWELL の CSS を読まないので、ここで同じ意味を持たせる）
   td_to_th_：1列目を見出しとして見せる／is-all-centered：セルを中央揃え（数値の表の割合の列は右揃えのまま） */
.acmlt-doc figure.td_to_th_ table tbody tr>td:first-child{background:var(--acmlt-soft);font-weight:700;color:var(--acmlt-navy);white-space:nowrap}
.acmlt-doc figure.is-all-centered table th,.acmlt-doc figure.is-all-centered table td{text-align:center;vertical-align:middle}
.acmlt-doc .acmlr-tbl figure.is-all-centered table tbody td:last-child,.acmlt-doc .acmlr-tbl figure.is-all-centered table thead th:last-child{text-align:right}
@media (max-width:600px){.acmlt-doc figure.td_to_th_ table tbody tr>td:first-child{white-space:normal}}

/* ===== 調査レポートの見直しで見つかった SWELL の部品（2026-10-15）。ラボでは SWELL の CSS を読まないので、ここで意味の分かる最小限の見た目を持たせる ===== */
.acmlt-doc .c-scrollHint{display:none} /* 「スクロールできます」の案内（SWELL の JS 用。ラボの表は横に流れる） */
/* 引用 */
.acmlt-doc blockquote,.acmlt-doc .wp-block-quote{margin:0 0 24px;padding:14px 18px;border:0;border-left:4px solid var(--acmlt-line2);background:var(--acmlt-soft);color:var(--acmlt-ink)}
.acmlt-doc blockquote>*:last-child{margin-bottom:0}
.acmlt-doc blockquote cite{display:block;margin-top:6px;font-size:13px;font-style:normal;color:var(--acmlt-sub)}
/* 表のセルの中央そろえ（記事の指定）は、表の左そろえより優先する */
.acmlt-doc table :is(th,td).has-text-align-center{text-align:center}
.acmlt-doc table :is(th,td).has-text-align-right{text-align:right}
/* 調査レポートの表（テンプレートがラボの形に作り直したもの・2026-10-15）：行の見出しは淡い面、数字だけの列は右そろえ・桁そろえ */
.acmlt-doc table tbody th[scope="row"]{background:var(--acmlt-soft);white-space:nowrap}
.acmlt-doc table :is(td,th).is-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:600px){.acmlt-doc table tbody th[scope="row"]{white-space:normal}}
/* 文字の長い列（is-txt：数字でない6文字以上のセルがある列。テンプレートの acmlr_lab_table が付ける）は、スマホで1行に4文字以上入る幅（4文字＋左右の余白 12px×2）。
   数字の列は折り返さない（is-num）ので、列の多い表では文字の列が1〜2文字ずつに縮んでいた（48102 のランキングの「地点」）。表は箱の中で横に流れる（2026-10-15）
   7em（5文字）は、もともと画面に収まっていた4〜5列の表まで少しだけ横に流れるようになるので使わない（40本で確認） */
@media (max-width:600px){
	.acmlt-doc table :is(th,td).is-txt{min-width:calc(4em + 24px)}
	.acmlt-doc table.acmlr-wide :is(th,td).is-txt{min-width:calc(6em + 24px)} /* 7列以上の表（どのみち横に流れる）は1行に6文字（テンプレートが acmlr-wide を付ける） */
}
/* 記事の装飾を報告書の見た目にそろえたもの（2026-10-15・テンプレートが置き換える）
   注記（※の小さい文・淡い面・注意書き・枠つきの段落）／小見出し（【…】だけの段落・表やグラフの題名・タブの名前）／ボタンだったリンク */
.acmlt-doc .acmlr-note{margin:0 0 1.1em;padding:12px 16px;background:var(--acmlt-soft);border-radius:9px;font-size:13.5px;line-height:1.75;color:var(--acmlt-sub)}
.acmlt-doc .acmlr-note strong{color:inherit}
.acmlt-doc .acmlr-label{margin:26px 0 10px;font-size:16px;font-weight:800;line-height:1.5;color:var(--acmlt-navy)}
.acmlt-doc .cap_box_content>.acmlr-label:first-child,.acmlt-doc .c-tabBody__item>.acmlr-label:first-child{margin-top:4px}
.acmlt-doc .acmlr-link{margin:0 0 1.1em}
@media print{.acmlt-doc .acmlr-note{break-inside:avoid}}
/* 表の題名と注記（調査レポートの表。テンプレートの acmlr_table_frame が組み直す・2026-10-15 1-24）
   <figure class="wp-block-table acmlr-table">[figcaption.acmlr-tcap 題名]<div class="acmlr-tbox">表</div>[p.acmlr-tnote 注記…]</figure>
   ・題名は枠の上に太字の紺（枠の中には入れない）。注記は枠の下に小さく薄い文字（画像ではなく文字）
   ・「数値を表で見る」の中の表は、題名・注記も開閉の中。表のすぐ後ろの「※」の段落が開閉の外に残ったもの（グラフにもかかる注記）は、開閉のすぐ下に同じ見た目で */
.acmlt-doc figure.acmlr-table>figcaption.acmlr-tcap{margin:0 0 8px;padding:0;border:0;background:none;font-size:15px;font-weight:800;line-height:1.5;color:var(--acmlt-navy);text-align:left}
.acmlt-doc p.acmlr-tnote,.acmlt-doc .acmlr-main>p.acmlr-tnote{margin:8px 0 0;padding:0;font-size:12.5px;line-height:1.7;color:var(--acmlt-sub);text-align:left}
.acmlt-doc p.acmlr-tnote+p.acmlr-tnote{margin-top:2px}
.acmlt-doc p.acmlr-tnote strong{color:inherit}
.acmlt-doc .acmlr-main>p.acmlr-tnote{margin:-20px 0 28px} /* 開閉（下の余白 28px）のすぐ下 8px */
.acmlt-doc .acmlr-main>p.acmlr-tnote+p.acmlr-tnote{margin-top:-26px}
@media (max-width:600px){
	.acmlt-doc figure.acmlr-table>figcaption.acmlr-tcap{font-size:14.5px}
	.acmlt-doc p.acmlr-tnote,.acmlt-doc .acmlr-main>p.acmlr-tnote{font-size:12px}
}
@media print{
	.acmlt-doc figure.acmlr-table>figcaption.acmlr-tcap{margin-bottom:4px;font-size:10pt;break-after:avoid}
	.acmlt-doc p.acmlr-tnote,.acmlt-doc .acmlr-main>p.acmlr-tnote{margin-top:4px;font-size:8pt}
	.acmlt-doc .acmlr-main>p.acmlr-tnote{margin:-10px 0 14px;break-before:avoid} /* 紙では開閉の下の余白が 14px */
	.acmlt-doc .acmlr-main>p.acmlr-tnote+p.acmlr-tnote{margin-top:-12px}
}