/* 選定済みの本文に適用する既定の装飾。 */
body.theme-b:not(.page-about) .inheritance .inheritance-section .szk-sub { margin: 0 0 var(--gap-row); font-family: inherit; font-size: var(--fs-md); font-weight: 700; line-height: 1.6; letter-spacing: 0.06em; color: var(--navy); }
body.theme-b:not(.page-about) .inheritance .inheritance-section .szk-sub::before { content: none; }
body.theme-b:not(.page-about) .inheritance .inheritance-section * + .szk-sub { margin-top: var(--gap-part); }
body.theme-b:not(.page-about) .inheritance-section .szk-wants-list { display: grid; grid-template-rows: repeat(3, auto); grid-auto-flow: column; grid-template-columns: repeat(2, minmax(0px, 1fr)); column-gap: var(--space-7); border-top: 1px solid var(--line); list-style: none; }
body.theme-b:not(.page-about) .inheritance-section .szk-wants-list > li { display: flex; align-items: flex-start; padding: var(--space-3h) 0; border-bottom: 1px solid var(--line); font-size: var(--fs-base-plus); line-height: 1.8; letter-spacing: 0.02em; color: var(--ink); }
body.theme-b:not(.page-about) .inheritance-section .szk-deadline { display: flex; align-items: center; margin: 0px; padding: 18px 22px; background: var(--surface); border: 0; border-left: 3px solid var(--navy); border-radius: var(--radius-md); font-size: var(--fs-md); line-height: 1.7; letter-spacing: 0.02em; color: var(--ink); }
body.theme-b:not(.page-about) .inheritance-section .szk-deadline-no { font-size: 1.22em; font-weight: 700; letter-spacing: 0.01em; color: var(--navy); font-variant-numeric: tabular-nums; }
body.theme-b:not(.page-about) .inheritance-section .szk-steps { display: grid; align-items: start; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: var(--gap-row); list-style: none; }
/* 4列時はカードと本文の下端を揃える。 */
@media (min-width: 1101px) {
body.theme-b:not(.page-about) .inheritance-section .szk-steps { align-items: stretch; }
body.theme-b:not(.page-about) .inheritance-section .szk-steps > li { display: flex; flex-direction: column; }
}
@media (max-width: 1100px) {
body.theme-b:not(.page-about) .inheritance-section .szk-steps { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
body.theme-b:not(.page-about) .inheritance-section .szk-steps > li { padding: 18px 20px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); }
body.theme-b:not(.page-about) .inheritance-section .szk-steps > li > .step-label { display: flex; flex-direction: column; align-items: flex-start; }
body.theme-b:not(.page-about) .inheritance-section .szk-steps-no { display: inline-block; margin-bottom: var(--gap-tight); padding: 3px 12px; background: var(--navy); border-radius: var(--radius-pill); font-size: var(--fs-xs); font-weight: 700; line-height: 1.7; letter-spacing: 0.1em; color: var(--surface); font-variant-numeric: tabular-nums; }
body.theme-b:not(.page-about) .inheritance-section .szk-steps ul { list-style: none; }
body.theme-b:not(.page-about) .inheritance-section .szk-steps ul > li { position: relative; padding-left: 1.1em; font-size: var(--fs-base-plus); line-height: 1.75; letter-spacing: 0.02em; color: var(--ink); }
body.theme-b:not(.page-about) .inheritance-section .szk-steps ul > li::before { content: ""; position: absolute; left: 0px; top: 0.72em; width: 5px; height: 5px; border-radius: 50%; background: var(--navy); }
body.theme-b:not(.page-about) .inheritance-section .szk-steps ul > li + li { margin-top: var(--gap-tight); }
body.theme-b:not(.page-about) .inheritance-section .szk-musts { border-top: 1px solid var(--line); list-style: none; }
body.theme-b:not(.page-about) .inheritance-section .szk-musts > li { display: flex; align-items: flex-start; padding: var(--space-4) 0; border-bottom: 1px solid var(--line); }
body.theme-b:not(.page-about) .inheritance-section .szk-musts > li > p { max-width: 47em; font-size: var(--fs-base-plus); line-height: 1.8; letter-spacing: 0.02em; color: var(--ink); }
body.theme-b:not(.page-about) .inheritance-section .szk-flow-no { grid-area: 1 / 1; position: relative; display: flex; align-items: center; justify-content: center; padding-top: 18px; color: var(--navy); font-weight: 700; font-variant-numeric: tabular-nums; }
body.theme-b:not(.page-about) .inheritance-section .szk-flow-body { grid-area: 1 / 2; padding-top: 2px; }
body.theme-b:not(.page-about) .inheritance-section .szk-tags { display: flex; flex-wrap: wrap; gap: var(--space-1h); margin: var(--gap-tight) 0 0; list-style: none; }
body.theme-b:not(.page-about) .inheritance-section .szk-tag { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: var(--radius-sm); font-size: var(--fs-xs); font-weight: 700; line-height: 1.7; letter-spacing: 0.04em; }
body.theme-b:not(.page-about) .inheritance-section .szk-tag-you { background: var(--navy); color: var(--surface); }
body.theme-b:not(.page-about) .inheritance-section .szk-tag-meet, body.theme-b:not(.page-about) .inheritance-section .szk-tag-time { background: var(--bg); border: 1px solid var(--line); color: var(--navy); }
body.theme-b:not(.page-about) .inheritance-section .szk-fee { max-width: 47em; margin: var(--gap-row) 0; border-top: 1px solid var(--line); }
body.theme-b:not(.page-about) .inheritance-section .szk-fee > div { display: grid; grid-template-columns: minmax(0px, 20em) minmax(0px, 1fr); column-gap: var(--space-5); padding: var(--space-3h) 0; border-bottom: 1px solid var(--line); }
body.theme-b:not(.page-about) .inheritance-section .szk-fee dt { font-size: var(--fs-base); font-weight: 700; line-height: 1.7; letter-spacing: 0.02em; color: var(--navy); }
body.theme-b:not(.page-about) .inheritance-section .szk-fee dd { font-size: var(--fs-base-plus); line-height: 1.7; letter-spacing: 0.02em; color: var(--ink); }
body.theme-b:not(.page-about) .inheritance-section .szk-fee-amt { font-weight: 700; color: var(--navy); font-variant-numeric: tabular-nums; }
body.theme-b:not(.page-about) .inheritance-section :is(.szk-stance > li, .szk-steps > li, .szk-rail-name) { border-color: transparent; box-shadow: rgba(37, 42, 87, 0.07) 0px 0px 14px; }
body.theme-b:not(.page-about) .inheritance-section :is(.szk-stance > li, .szk-steps > li, .szk-rail-name, .szk-deadline) { border-radius: 14px; }
body.theme-b:not(.page-about) .inheritance-section :is(.szk-stance > li > p, .szk-wants-list > li, .szk-musts > li > p, .szk-bullets > li, .szk-steps ul > li, .szk-fee dd) { font-size: 16.5px; }
body.theme-b:not(.page-about) .inheritance .inheritance-section .szk-sub { font-size: clamp(19px, 1.75vw, 21px); letter-spacing: 0.04em; }
body.theme-b:not(.page-about) .inheritance-section :is(.szk-deadline, .szk-stance-lead) { font-size: 17px; }
@media (max-width: 1023px) {
body.theme-b:not(.page-about) .inheritance-section .szk-fee > div { grid-template-columns: minmax(0px, 1fr); row-gap: var(--gap-tight); }
body.theme-b:not(.page-about) .inheritance-section .szk-steps { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (max-width: 860px) {
body.theme-b:not(.page-about) .inheritance-section .szk-wants-list { grid-template-rows: none; grid-auto-flow: row; grid-template-columns: minmax(0px, 1fr); }
}
@media (max-width: 720px) {
body.theme-b:not(.page-about) .inheritance-section .szk-deadline { align-items: flex-start; padding: var(--space-4) 18px; }
body.theme-b:not(.page-about) .inheritance-section .szk-flow-body { grid-area: 2 / 1; }
}
@media (max-width: 640px) {
body.theme-b:not(.page-about) .inheritance-section .szk-flow-no { grid-area: 1 / 1; }
}
@media (max-width: 560px) {
body.theme-b:not(.page-about) .inheritance-section .szk-steps { grid-template-columns: minmax(0px, 1fr); }
}
@media (max-width: 400px) {
body.theme-b:not(.page-about) .inheritance-section .szk-steps > li { padding: 16px 18px; }
body.theme-b:not(.page-about) .inheritance-section .szk-deadline { padding: var(--space-4); }
}
body.why-on.theme-b .inheritance .inheritance-section .why + .szk-sub { margin-top: var(--gap-row); }

/* ── 節見出し h3 を見本（jigyo）に合わせる ──────────────────
   jigyo は succession.css:2 で clamp(21px, 2.2vw, 25px)。このページは
   near/strong.css:87 の clamp(20px, 2.1vw, 27px) のままで、1280px では
   25px 対 27px、狭い幅では大小が逆転していた。strong.css は共有なので
   触らず、このページ側で同じ値に上書きする。 */
body.theme-b:not(.page-about) .inheritance .inheritance-section > h3 { font-size: clamp(21px, 2.2vw, 25px); letter-spacing: 0.03em; margin-bottom: 0.95em; }

/* ── 流れ（01〜08）の本文 ────────────────────────────────
   near/strong.css:484-485 の .timeline > li > p は li の直下の p にしか
   当たらない。このページは .szk-flow-body を挟むので外れ、本文が 16px・
   段落のアキが 12px になっていた。komon と同じ 16.5px・1em に揃える。
   札（.szk-tags）とプレビュー注釈（.why）が間に入っても段落のアキが
   消えないよう、隣接ではなく「直前に何かあれば」で与える。 */
body.theme-b:not(.page-about) .inheritance-section .szk-flow-body > p:not(.szk-tags) { font-size: 16.5px; }
body.theme-b:not(.page-about) .inheritance-section .szk-flow-body > * + :is(p, .szk-bullets) { margin-top: 1em; }
body.theme-b:not(.page-about) .inheritance-section .szk-flow-body > p + .szk-bullets { margin-top: var(--gap-tight); }

/* ── 一覧の名札と箇条書き ───────────────────────────────
   「中間報告での面談内容」「以下の3つをおこないます。」に続く一覧。
   点は STEP カードの中と同じ形・同じ濃紺。 */
body.theme-b:not(.page-about) .inheritance-section .szk-listname { font-size: 16.5px; font-weight: 700; line-height: 1.8; letter-spacing: 0.02em; color: var(--navy); }
body.theme-b:not(.page-about) .inheritance-section .szk-bullets { display: grid; gap: var(--gap-tight); list-style: none; }
body.theme-b:not(.page-about) .inheritance-section .szk-bullets > li { position: relative; padding-left: 1.1em; line-height: 1.8; letter-spacing: 0.02em; color: var(--ink); }
body.theme-b:not(.page-about) .inheritance-section .szk-bullets > li::before { content: ""; position: absolute; left: 0px; top: 0.78em; width: 5px; height: 5px; border-radius: 50%; background: var(--navy); }

/* ── 見出しの中の「↓」（03・06）──────────────────────────
   1行に収めると PC 幅で矢印の前後が中途半端に折れる。語句は変えずに
   前後を2段に分け、矢印をそのあいだに置いて順序が読めるようにする。 */
body.theme-b:not(.page-about) .inheritance-section .szk-flow-name.is-seq { display: flex; flex-direction: column; align-items: center; }
body.theme-b:not(.page-about) .inheritance-section .szk-flow-arrow { display: block; font-size: 0.78em; font-weight: 400; line-height: 1.5; color: var(--muted); }

/* 番号の札と題は、税理士変更ページの STEP の札にそろえる。
   値の正本は komon.css の .kx-step-no と .kx-step-title。両ページとも .timeline を使う。 */
body.theme-b:not(.page-about) .inheritance-section .szk-flow-no { width: fit-content; margin-bottom: var(--space-2); font-size: clamp(19px, 1.75vw, 21px); line-height: 1.6; letter-spacing: 0.06em; }
body.theme-b:not(.page-about) .inheritance-section .szk-flow-no::before { content: ""; position: absolute; top: 0px; left: 50%; width: 28px; height: 4px; margin-left: -14px; border-radius: 2px; background: var(--navy); }
body.theme-b:not(.page-about) .inheritance-section .szk-flow-name { font-size: clamp(19px, 1.75vw, 21px); font-weight: 700; line-height: 1.5; letter-spacing: 0.03em; color: var(--navy); }