/* EmDash 版で追加した要素のスタイル。本体のデザインは style.css。
   ここは (1) Portable Text 由来の素の HTML（h2 / p / ul / blockquote）を記事デザインに合わせる、
   (2) リンク化したカテゴリタブ、(3) フォームの送信対応で増えた要素、だけを扱う。 */

/* 記事本文：h2 ごとに 01, 02 … の番号を付ける（旧 .detail-section h2 .sec-num と同じ見え方） */
.detail-body{counter-reset:sec}
.detail-body>h2{counter-increment:sec;display:flex;align-items:baseline;gap:12px;font-size:21px;line-height:1.6;margin:38px 0 12px;padding-bottom:10px;border-bottom:2px solid var(--dark);scroll-margin-top:30px}
.detail-body>h2::before{content:"0" counter(sec);color:var(--red);font-size:15px;letter-spacing:.06em;flex-shrink:0}
.detail-body>h2:nth-of-type(n+10)::before{content:counter(sec)}
.detail-body>h3{font-size:17px;margin:28px 0 8px}
.detail-body>p{font-size:15px;line-height:2.1}
.detail-body>p+p{margin-top:14px}
.detail-body>ul,.detail-body>ol{font-size:15px;line-height:2.1;margin:12px 0;padding-left:1.5em}
.detail-body>blockquote{margin:16px 0;padding:18px 22px;background:#f7e2e1;border-left:3px solid var(--red);border-radius:6px;font-size:14px;line-height:2}
.detail-body>blockquote p{margin:0}
.detail-body a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.detail-body img{max-width:100%;height:auto;border-radius:9px;margin:16px 0}
.detail-body pre{background:var(--dark);color:#eee;padding:18px;border-radius:8px;overflow:auto;font-size:13px}
.detail-body strong{font-weight:700}

/* CMS の固定ページ */
.prose-card ul,.prose-card ol{font-size:14px;line-height:2.1;padding-left:1.5em}
.prose-card a:not(.button){color:var(--red);text-decoration:underline;text-underline-offset:3px}

/* カテゴリタブ（旧 button → a） */
.filter-tabs a{padding:5px 11px;background:transparent;color:#727476;font-size:11px;border-radius:20px;white-space:nowrap;display:inline-block}
.filter-tabs a.active{background:var(--dark);color:#fff}
.filter-tabs a:hover{filter:none;color:var(--dark)}
.filter-tabs a.active:hover{color:#fff}
.search span{color:#777}

/* 申し込みフォーム：送信対応で追加した要素 */
.consult-form .hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden;margin:0}
.consult-form .cf-turnstile{margin:14px 0 0;min-height:65px}
.consult-form .form-error{color:#fff;background:#b8262b;border-radius:6px;padding:10px 14px;font-size:13px;font-weight:700;margin:12px 0 0}
.consult-form input:user-invalid{outline:2px solid #ffd3d4}
[hidden]{display:none!important}