/* 記事固有CSS（lp_to_prod_php.py が記事LPの<style>から生成）
   本番テンプレートは body 末尾で $pageName から自動解決する。
   サイト共通の assets/css/style.css は meta.php が読むため、ここでは読まない。 */
.bn-article{min-width:0}
.bn-article .top{position:sticky;top:0;background:#0c2a4d;color:#fff;z-index:5}
.bn-article .bn-progress{position:fixed;top:0;left:0;height:3px;width:0;background:#ef8516;z-index:9}
.bn-article .layout{display:grid;grid-template-columns:240px 1fr;gap:32px;padding-top:24px}
.bn-article .toc-h{font-weight:700;color:#0c2a4d;margin:0 0 6px}
.bn-article .toc a.on{color:#1f6fd0;font-weight:700}
.bn-article .hero .lead{font-size:17px}
.bn-article .main{min-width:0}
.bn-article .meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.bn-article .meta span{font-size:13px;padding:2px 10px;border-radius:6px;background:#eef3f9;color:#0c2a4d}
.bn-article .badge-imp{background:#0c2a4d!important;color:#fff!important}
.bn-article .audience{font-size:14px;color:#4a5662}
.bn-article h2:not(.column_tt){font-size:25px;color:#0c2a4d;border-bottom:2px solid #0f7d80;padding-bottom:4px;margin-top:48px}
.bn-article figure.fig{margin:20px 0 24px}
.bn-article figure.fig img{width:100%;height:auto;aspect-ratio:1656 / 941;display:block;border:1px solid #cfd8e3;border-radius:12px;background:#ffffff}
.bn-article figcaption{font-size:13px;color:#4a5662;margin-top:6px}
.bn-article .summary{border:1px solid #cfd8e3;border-radius:12px;padding:12px 18px;background:#f6f9fc}
.bn-article .summary-h{font-weight:700;color:#0f7d80;margin:0}
.bn-article .tbl{overflow-x:auto}
.bn-article table{border-collapse:collapse;width:100%;font-size:15px}
.bn-article th,.bn-article td{border:1px solid #cfd8e3;padding:8px;vertical-align:top}
.bn-article th{background:#0c2a4d;color:#fff}
.bn-article .cite{margin:16px 0;border-left:4px solid #0f7d80;background:#f3f8f8;padding:10px 16px;border-radius:6px}
.bn-article .q-label{display:block;width:max-content;font-weight:700;color:#0f7d80;margin:0 0 4px}
.bn-article .src{display:block;text-align:right;font-size:13px;color:#4a5662}
.bn-article .note{border:1px solid #ef8516;border-radius:12px;padding:10px 14px;background:#fff8f0}
.bn-article .faq{border-bottom:1px dashed #cfd8e3;padding:8px 0}
.bn-article .faq summary{font-weight:700;cursor:pointer}
.bn-article .editorial{margin-top:32px;border:1px solid #cfd8e3;border-radius:12px;padding:12px 18px}
.bn-article .ed-h{font-weight:700;color:#0c2a4d;margin:0}
.bn-article .src-list{font-size:14px;word-break:break-all}
.bn-article .totop{position:fixed;right:16px;bottom:16px;display:none;width:44px;height:44px;border-radius:999px;border:none;background:#0c2a4d;color:#fff;font-size:18px}
@media(max-width:760px){.bn-article .layout{grid-template-columns:1fr}}