/* 記事固有CSS（lp_to_prod_php.py が記事LPの<style>から生成）
   本番テンプレートは body 末尾で $pageName から自動解決する。
   サイト共通の assets/css/style.css は meta.php が読むため、ここでは読まない。 */
.bn-article{--navy:#0c2a4d;--blue:#1f6fd0;--teal:#0f7d80;--orange:#ef8516;--ink:#222222;--line:#e3e9f0;--muted:#5a6672}
.bn-article{min-width:0}
.bn-article header,.bn-article footer{background:var(--navy);color:#ffffff;padding:16px max(24px,calc((100% - 1120px)/2))}
.bn-article header a,.bn-article footer a{color:#ffffff}
.bn-article .brand{font-size:24px;font-weight:800;text-decoration:none;letter-spacing:.04em}
.bn-article .meta-band{font-size:13px;color:var(--muted)}
.bn-article .hero img{display:block;width:100%;max-width:770px;height:auto;margin:24px auto;border-radius:4px}
.bn-article .layout{max-width:1120px;margin:0 auto 56px;padding:0 24px;display:grid;grid-template-columns:224px minmax(0,1fr);gap:30px}
.bn-article section{scroll-margin-top:24px;margin-bottom:42px}
.bn-article h2:not(.column_tt){color:var(--navy);font-size:24px;line-height:1.6;border-left:5px solid var(--orange);padding:4px 0 4px 14px;margin:12px 0 24px}
.bn-article h3{font-size:19px;color:var(--navy)}
.bn-article p{margin:0 0 20px}
.bn-article ul{padding-left:24px}
.bn-article li{margin:10px 0}
.bn-article figure{margin:28px 0 32px}
.bn-article figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:4px}
.bn-article figcaption{font-size:13px;line-height:1.7;color:var(--muted);margin-top:9px}
.bn-article details{border:1px solid var(--line);border-radius:5px;margin:12px 0;padding:14px 18px}
.bn-article summary{cursor:pointer;font-weight:700;color:var(--navy);line-height:1.7}
.bn-article details p{padding-top:12px;margin-bottom:0}
.bn-article .table-scroll{overflow-x:auto;width:100%}
.bn-article table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.7}
.bn-article th,.bn-article td{text-align:left;vertical-align:top;border:1px solid var(--line);padding:10px;min-width:140px}
.bn-article th{background:#f5f7fa;color:var(--navy)}
.bn-article footer{font-size:13px}
@media(max-width:800px){.bn-article .layout{display:block;padding:0 16px}.bn-article h2:not(.column_tt){font-size:22px}.bn-article figure{margin:24px -4px}.bn-article header,.bn-article footer{padding:16px 20px}}