/* BWD ARTICLE COMMON — START
 * 保存元：SWELL CHILD/assets/css/bwd-article.css。投稿別CSSへ複製しない。
 * 適用：通常投稿の #body_wrap.single-post 内に .bwd-column-article があるページ。
 * :where() は条件の追加で詳細度を上げないために使用する。
 * bodyの色はページ全体、残る規則は投稿のbody_wrap内に適用する。
 * 幅・余白・見出し・767pxの境界は既存設計を維持する。
 */
body:has(:where(#body_wrap.single-post) .bwd-column-article){background:#F4F5F0;color:#2C4242}
body :where(#body_wrap.single-post):has(.bwd-column-article) #content{max-width:1160px;margin-inline:auto;padding-inline:20px}
body :where(#body_wrap.single-post):has(.bwd-column-article) #main_content{width:100%;max-width:760px;margin-inline:auto;float:none}
body :where(#body_wrap.single-post):has(.bwd-column-article) .l-mainContent__inner{padding:0}
body :where(#body_wrap.single-post):has(.bwd-column-article) .c-postTitle__ttl{color:#405B55;font-size:clamp(28px,3vw,38px);line-height:1.55}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-article{font-size:17px;line-height:1.9;color:#2C4242;overflow-wrap:anywhere}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-article p{margin:0 0 1.4em}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-article strong{font-weight:700}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-article h2{position:relative;background:none;border:0;box-shadow:none;color:#405B55;font-size:29px;line-height:1.55;padding:22px 0 0;margin:84px 0 30px}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-article h2:before{content:"";position:absolute;inset:0 auto auto 0;width:48px;height:3px;background:#C7A45A;border:0;transform:none}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-article h2:after{display:none}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-article h3{color:#2C4242;background:none;border:0;box-shadow:none;font-size:23px;line-height:1.6;padding:0;margin:40px 0 16px}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-article h3:before,body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-article h3:after{display:none}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-article .bwd-column-image{margin:28px 0 36px}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:8px;box-shadow:none}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-article ul{padding-left:1.5em;margin:24px 0 32px}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-article li{margin:8px 0}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-toc{background:#fff;border:1px solid #dce3da;border-radius:10px;padding:26px 30px;margin:32px 0 44px;font-size:15px;line-height:1.65}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-toc .bwd-column-toc__title{color:#405B55;font-weight:700;font-size:18px;margin-bottom:12px}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-toc ul{margin:0;padding-left:1.3em}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-toc a{color:#405B55;text-decoration:none}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-toc a:hover{text-decoration:underline}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-article [id]{scroll-margin-top:90px}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-step,body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-related-card{background:#fff;border:1px solid #dce3da;border-radius:10px;padding:24px 28px;margin:18px 0}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-step h3,body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-related-card h3{margin:0 0 12px;font-size:21px}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-step h3{position:relative;padding-left:30px}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-step h3:before{display:block;content:"✓";position:absolute;left:0;top:0;color:#5F7F67;font-size:22px}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-step p:last-child,body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-related-card p:last-child{margin-bottom:0}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-related-card{border-left:3px solid #C7A45A}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-related-card p{font-size:16px}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-related-inline{margin:32px 0}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-link-pending{background:#fff;border:1px solid #dce3da;border-radius:8px;padding:18px 22px;color:#405B55;font-weight:600}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-summary,body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-author,body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-cta{padding:32px;margin:84px 0 0;border-radius:12px;background:#fff;border:1px solid #dce3da}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-summary h2,body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-author h2,body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-cta h2{margin-top:0}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-author{font-size:16px}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-portrait{max-width:112px;margin:0 0 24px}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-portrait img{width:112px;height:auto;border-radius:8px}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-cta{background:#e8eee5;border:0}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-cta__action{margin-top:28px;text-align:center}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-cta__button{display:inline-block;background:var(--bwd-article-cta-bg,#42624A);color:#fff;padding:15px 32px;border-radius:6px;font-weight:700;line-height:1.6}
@media(max-width:767px){
body :where(#body_wrap.single-post):has(.bwd-column-article) #content{padding-inline:20px}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-article{font-size:16px;line-height:1.9}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-article h2{font-size:24px;margin-top:64px}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-article h3{font-size:20px}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-toc{padding:22px 18px;font-size:14px}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-step,body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-related-card{padding:22px 20px}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-summary,body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-author,body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-cta{padding:26px 20px;margin-top:64px}
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-summary h2,body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-author h2,body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-cta h2{margin-top:0}
}
/* 意味のまとまりが切り替わる段落にのみ bwd-column-break を付ける。
   通常の段落間隔・行間・文章は維持。空要素や段落数による自動挿入は使用しない。 */
body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-article p.bwd-column-break{margin-top:4.2em}
@media(max-width:767px){
  body :where(#body_wrap.single-post):has(.bwd-column-article) .bwd-column-article p.bwd-column-break{margin-top:3.6em}
}

/* 記事共通：タイトル左側の日付を全幅で非表示にし、下段の表示を維持する。 */
body :where(#body_wrap.single-post):has(.bwd-column-article) .c-postTitle__date{display:none}

/* BWD ARTICLE COMMON — END */


/* Preserve the existing CTA color on the five posts not changed in the October 17 release.
 * This exception preserves appearance during file migration; new articles use #42624A.
 * Remove only after a separately approved color/accessibility update.
 */
:where(#body_wrap.postid-104, #body_wrap.postid-149, #body_wrap.postid-151, #body_wrap.postid-153, #body_wrap.postid-155) .bwd-column-article {
    --bwd-article-cta-bg: #5F7F67;
}