/* ===== 日本語の記事ページの改善（0.9.115、2026-10-26 運営者決定。inc/article-2610.php・docs/design/article-audit-20261026/IMPLEMENT.md）
   記事の規則は body.ll-aa2610（日本語の記事・設定 ll_article_2610 が「出す」のときだけ付く）の下だけ。
   フッターの開示文と公式Xの文言は日本語の全画面（body:not(.kn-en)）。英語の画面には効かない ===== */

/* ① スマホの目次：罫線だけ（箱・背景色なし）。h2 を拾う。800px 以下だけ（PC はまとめ記事の右の箱の目次のまま） */
.ll-toc{display:none}
@media(max-width:800px){
  body.ll-aa2610 .ll-toc{display:block;margin:0 0 24px;border-top:1px solid #192b30;border-bottom:1px solid #d6e0e2}
  body.ll-aa2610 .ll-toc-title{display:flex;justify-content:space-between;align-items:baseline;margin:0;padding:10px 0 6px;font-size:14px;line-height:1.5;font-weight:700;color:#192b30}
  body.ll-aa2610 .ll-toc-n{font-size:12px;font-weight:400;color:#56676b}
  body.ll-aa2610 .ll-toc-list{margin:0;padding:0;list-style:none;counter-reset:none}
  body.ll-aa2610 .detail-view .article-main .ll-toc-list>li{margin:0;padding:0;border-top:1px solid #d6e0e2;font-size:14px;line-height:1.45}
  body.ll-aa2610 .ll-toc-list>li::marker{content:none}
  body.ll-aa2610 .ll-toc-list a{display:flex;align-items:center;min-height:44px;padding:6px 0;color:#004556;text-decoration:none}
  body.ll-aa2610 .ll-toc-list a:hover{text-decoration:underline;text-underline-offset:3px}
  body.ll-aa2610 .ll-toc-list a:focus-visible,body.ll-aa2610 .ll-toc-more>summary:focus-visible{outline:3px solid #006078;outline-offset:-3px}
  body.ll-aa2610 .ll-toc-more>summary{display:flex;align-items:center;min-height:44px;border-top:1px solid #d6e0e2;font-size:13px;color:#56676b;cursor:pointer;list-style:none}
  body.ll-aa2610 .ll-toc-more>summary::-webkit-details-marker{display:none}
  body.ll-aa2610 .ll-toc-more>summary::after{content:"";width:7px;height:7px;margin-left:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
  body.ll-aa2610 .ll-toc-more[open]>summary{display:none}
}
/* 目次から飛んだ先の見出しが上に貼り付かないように（h2 に id を全記事で付けた） */
body.ll-aa2610 .entry-content h2[id]{scroll-margin-top:16px}

/* ③ PC：本文の1行を約42字（42rem＝672px）に、アイキャッチは 3:2 の枠のまま幅 660px（高さ 440px）まで */
@media(min-width:801px){
  body.ll-aa2610 .detail-view .article-main .entry-content>p,
  body.ll-aa2610 .detail-view .article-main .entry-content>ul,
  body.ll-aa2610 .detail-view .article-main .entry-content>ol,
  body.ll-aa2610 .detail-view .article-main .entry-content>h2,
  body.ll-aa2610 .detail-view .article-main .entry-content>h3,
  body.ll-aa2610 .detail-view .article-main .entry-content>h4,
  body.ll-aa2610 .detail-view .article-main .entry-content>blockquote,
  body.ll-aa2610 .detail-view .article-main .article-introduction>p{max-width:42rem}
  body.ll-aa2610 .detail-view .article-main>.article-photo{max-width:660px}
}

/* ⑦ 見出し：大きさで h2 と h3 に差（縦棒の案B＝h2 5px 海色・h3 3px 薄色はそのまま） */
body.ll-aa2610 .detail-view .article-main .entry-content:not(.kn-prose) h2{font-size:22px;line-height:1.5}
body.ll-aa2610 .detail-view .article-main .entry-content:not(.kn-prose) h3{font-size:17px;line-height:1.55;font-weight:700}
@media(max-width:800px){
  body.ll-aa2610 .detail-view .article-main .entry-content:not(.kn-prose) h2{font-size:20px}
  body.ll-aa2610 .detail-view .article-main .entry-content:not(.kn-prose) h3{font-size:16px}
}

/* ⑧ 日付の行とパンくず：読める大きさに（パンくずは2行まで・「…」は今のまま） */
body.ll-aa2610 .detail-view .article-byline{font-size:12px;line-height:1.6}
body.ll-aa2610 .detail-view .breadcrumbs{font-size:11px}

/* ④ 出典の一覧：畳む（見出し＝h2 と件数は見える。1タップで開く） */
body.ll-aa2610 .ll-src-details{margin:6px 0 10px}
body.ll-aa2610 .ll-src-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:6px 12px;background:#fff;border:1px solid #d6e0e2;border-radius:4px;cursor:pointer;list-style:none;font-size:.8125rem;color:#192b30}
body.ll-aa2610 .ll-src-details>summary::-webkit-details-marker{display:none}
body.ll-aa2610 .ll-src-n{color:#56676b;margin-left:2px}
body.ll-aa2610 .ll-src-open{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;color:#004556;font-weight:700}
body.ll-aa2610 .ll-src-open::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
body.ll-aa2610 .ll-src-details[open]>summary .ll-src-open{font-size:0}
body.ll-aa2610 .ll-src-details[open]>summary .ll-src-open::before{content:"閉じる";font-size:.8125rem}
body.ll-aa2610 .ll-src-details[open]>summary .ll-src-open::after{transform:translateY(2px) rotate(-135deg)}
body.ll-aa2610 .ll-src-details>summary:focus-visible{outline:3px solid #006078;outline-offset:2px}
body.ll-aa2610 .ll-src-details>.ll-source-list{margin-top:10px}

/* 共有（PC の箱の中・記事末）：スマホの題名下（ll_share7）と同じ丸いアイコン・同じ並び。share.css の .ll-share7{display:none} を、この2か所だけ上書き */
body.ll-aa2610 .ll-share7.ll-share7--pc-top,body.ll-aa2610 .ll-share7.ll-share7--bottom{display:block}
body.ll-aa2610 .ll-share7--pc-top .ll-share7-row,body.ll-aa2610 .ll-share7--bottom .ll-share7-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:4px}
body.ll-aa2610 .ll-share7--pc-top a,body.ll-aa2610 .ll-share7--pc-top button,body.ll-aa2610 .ll-share7--bottom a,body.ll-aa2610 .ll-share7--bottom button{flex:0 0 36px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;padding:0;margin:0;cursor:pointer;text-decoration:none}
body.ll-aa2610 .ll-share7--pc-top [hidden],body.ll-aa2610 .ll-share7--bottom [hidden]{display:none}
body.ll-aa2610 .ll-share7--pc-top .ic,body.ll-aa2610 .ll-share7--bottom .ic{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:transform .15s}
body.ll-aa2610 .ll-share7--pc-top .ic svg,body.ll-aa2610 .ll-share7--bottom .ic svg{width:15px;height:15px;display:block}
body.ll-aa2610 .ll-share7--pc-top .ic-x,body.ll-aa2610 .ll-share7--bottom .ic-x{background:#111}
body.ll-aa2610 .ll-share7--pc-top .ic-line,body.ll-aa2610 .ll-share7--bottom .ic-line{background:#06C755;font:800 8px/1 system-ui,sans-serif}
body.ll-aa2610 .ll-share7--pc-top .ic-fb,body.ll-aa2610 .ll-share7--bottom .ic-fb{background:#1877F2}
body.ll-aa2610 .ll-share7--pc-top .ic-hb,body.ll-aa2610 .ll-share7--bottom .ic-hb{background:#00A4DE;font:800 11px/1 system-ui,sans-serif}
body.ll-aa2610 .ll-share7--pc-top .ic-th,body.ll-aa2610 .ll-share7--bottom .ic-th{background:#000;font:700 16px/1 system-ui,sans-serif}
body.ll-aa2610 .ll-share7--pc-top .ic-copy,body.ll-aa2610 .ll-share7--bottom .ic-copy{background:#5b6770}
body.ll-aa2610 .ll-share7--pc-top .is-copied .ic-copy,body.ll-aa2610 .ll-share7--bottom .is-copied .ic-copy{background:#0a7d4f}
body.ll-aa2610 .ll-share7--pc-top .ic-more,body.ll-aa2610 .ll-share7--bottom .ic-more{background:#fff;color:#192b30;border:1px solid #c5d2d5}
body.ll-aa2610 .ll-share7--pc-top a:hover .ic,body.ll-aa2610 .ll-share7--pc-top button:hover .ic,body.ll-aa2610 .ll-share7--bottom a:hover .ic,body.ll-aa2610 .ll-share7--bottom button:hover .ic{transform:scale(1.08)}
body.ll-aa2610 .ll-share7--pc-top a:focus-visible,body.ll-aa2610 .ll-share7--pc-top button:focus-visible,body.ll-aa2610 .ll-share7--bottom a:focus-visible,body.ll-aa2610 .ll-share7--bottom button:focus-visible{outline:2px solid #006078;outline-offset:1px;border-radius:50%}
@media(prefers-reduced-motion:reduce){body.ll-aa2610 .ll-share7 .ic{transition:none}}
/* PC の箱の中：前の4つと同じ置き場所・下の罫線 */
@media(min-width:801px){body.ll-aa2610 .article-summary>.ll-share7--pc-top{margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid var(--ll-rule,#d6e0e2)}}
/* 記事末：見出し＋1行。スマホは押せる範囲 44px */
body.ll-aa2610 .ll-share7--bottom{margin:32px 0 8px;padding:14px 0;border-top:1px solid #d6e0e2;border-bottom:1px solid #d6e0e2}
body.ll-aa2610 .ll-share7-title{margin:0 0 6px;font-weight:700;font-size:13px;line-height:1.5;text-align:center;color:#192b30}
@media(max-width:800px){
  body.ll-aa2610 .ll-share7--bottom a,body.ll-aa2610 .ll-share7--bottom button{flex-basis:44px;width:44px;height:44px}
}

/* ⑥ フッターの広告の開示文：暗い地で 4.5:1 以上・13px（日本語の全画面） */
body:not(.kn-en) .site-footer .footer-disclosure{font-size:.8125rem;line-height:1.8;color:#c9d4d6}

/* 公式Xの文言（フッター）：「フォローする」のリンク */
body:not(.kn-en) .footer-sns-follow{display:inline-flex;align-items:center;min-height:32px;margin-left:10px;padding:0 12px;border:1px solid #bcd9e2;border-radius:999px;color:#fff;font-weight:700;text-decoration:none;font-size:.75rem}
body:not(.kn-en) .footer-sns-follow:hover{background:rgba(255,255,255,.1)}
body:not(.kn-en) .footer-sns-follow:focus-visible{outline:3px solid #bcd9e2;outline-offset:2px}