/* =========================================================
   危機管理コンテンツ ページテンプレート用CSS
   （crisis-content.css／2026-09-06 手順書v1.0 §2・§8準拠）

   - page-templates/template-crisis-content.php・template-crisis-hub.php
     を使うページでのみ条件enqueueされる（inc/crisis-content.php）。
   - すべて .crisis-page 配下にスコープし、既存テーマへ影響させない。
   - モックアップ確定版のCSSを移植し、以下のみ調整：
     * プレビュー専用スタイル（代替ヘッダー/フッター・Google Fonts）を除去
     * 名前空間外だった html{scroll-behavior:smooth} を
       :has(.crisis-page) で当ページに限定（手順書§8 公開必須）
     * 色・書体は既存テーマのCSS変数を参照（フォールバック付き）
     * アンカーオフセットを実ヘッダー高（PC約93px/モバイル77px）に合わせ調整
     * 標準ブロック（core/list・core/details・core/table）の出力に合わせ調整
   ========================================================= */

/* ページ内アンカーのスムーズスクロール（危機管理ページのみ） */
html:has(.crisis-page){scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html:has(.crisis-page){scroll-behavior:auto}}

.crisis-page{
  /* 既存テーマの変数を参照し、無い場合は実測値へフォールバック */
  --crisis-ink:var(--color-ink,#0B0B0C);
  --crisis-sub:var(--color-graphite,#6E6A63);
  --crisis-paper:var(--color-paper,#F7F5F0);
  --crisis-line:var(--color-line,#D9D2C4);
  --crisis-gold:var(--color-gold,#A8873B);
  --crisis-gold-text:var(--color-gold-text,#886D30);
  --crisis-gold-on-dark:var(--color-gold-on-dark,#D0B370);
  --crisis-serif:var(--font-display-ja,"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif);
  --crisis-en:var(--font-display-latin,"Marcellus",serif);
  --crisis-sans:var(--font-ui,"Inter","Hiragino Kaku Gothic ProN","Yu Gothic Medium","Yu Gothic",Meiryo,sans-serif);
  --crisis-anchor-offset:118px; /* 実ヘッダー約93px＋余白 */
  --crisis-gutter:32px;
  font-family:var(--crisis-sans);
  color:var(--crisis-ink);
  font-size:16px;
  line-height:1.9;
  -webkit-font-smoothing:antialiased;
  /* 既存テーマは固定ヘッダーのため本文側で上余白を確保する */
  margin-top:110px;
}
@media(max-width:768px){
  .crisis-page{
    --crisis-anchor-offset:101px; /* ヘッダー77px＋24px */
    --crisis-gutter:20px;
    margin-top:var(--header-h-mobile,77px);
  }
}
.crisis-page *,.crisis-page *::before,.crisis-page *::after{box-sizing:border-box;margin:0;padding:0}
.crisis-page p,.crisis-page li{line-height:inherit}
.crisis-page a{color:var(--crisis-ink);text-decoration:underline;text-underline-offset:3px}
.crisis-page a:hover{color:var(--crisis-gold-text)}
.crisis-page a:focus-visible,.crisis-page summary:focus-visible{outline:2px solid var(--crisis-ink);outline-offset:3px}
.crisis-page :is(h2[id],h3[id]){scroll-margin-top:var(--crisis-anchor-offset)}

/* レイアウト */
.crisis-page .page{max-width:1200px;margin:0 auto;padding:0 var(--crisis-gutter)}
.crisis-page .layout{display:grid;grid-template-columns:minmax(0,800px) 260px;gap:56px;justify-content:center}
.crisis-page .article-body{max-width:800px}
@media(max-width:1199px){.crisis-page .layout{grid-template-columns:minmax(0,800px)}.crisis-page .side{display:none}}

/* パンくず */
.crisis-page .breadcrumb{font-size:12px;color:var(--crisis-sub);padding:20px 0 0}
.crisis-page .breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.crisis-page .breadcrumb li+li::before{content:"/";margin-right:6px;color:var(--crisis-line)}
.crisis-page .breadcrumb a{color:var(--crisis-sub);text-decoration:none}
.crisis-page .breadcrumb a:hover{text-decoration:underline;color:var(--crisis-ink)}

/* 記事ヘッダー */
.crisis-page .article-header{padding:44px 0 0}
.crisis-page .eyebrow{font-family:var(--crisis-en);font-size:13px;letter-spacing:.18em;color:var(--crisis-gold-text);text-transform:uppercase;margin-bottom:14px}
.crisis-page h1{font-family:var(--crisis-serif);font-weight:400;font-size:40px;line-height:1.45;letter-spacing:.03em;margin-bottom:20px}
.crisis-page .article-header .lead,
.crisis-page .article-header p.lead{max-width:740px;margin-bottom:16px;font-family:var(--crisis-sans)}
.crisis-page .meta-row{display:flex;flex-wrap:wrap;gap:18px;font-size:12.5px;color:var(--crisis-sub);border-top:1px solid var(--crisis-line);border-bottom:1px solid var(--crisis-line);padding:12px 2px;margin:28px 0 0}
@media(max-width:768px){.crisis-page h1{font-size:32px}.crisis-page .article-header{padding-top:32px}}

/* 初動チェック（core/group.first-response ＋ 見出し・リスト・段落ブロック） */
.crisis-page .first-response{background:var(--crisis-paper);border-left:4px solid var(--crisis-gold);padding:28px 30px 24px;margin:44px 0 0}
.crisis-page .first-response h2{font-family:var(--crisis-serif);font-weight:400;font-size:20px;margin:0 0 14px;border:0;padding:0}
.crisis-page .first-response ol{counter-reset:fr;list-style:none;padding-left:0}
.crisis-page .first-response li{counter-increment:fr;position:relative;padding-left:36px;margin-bottom:10px;line-height:1.75}
.crisis-page .first-response li::before{content:counter(fr);position:absolute;left:0;top:2px;width:24px;height:24px;border:1px solid var(--crisis-ink);display:flex;align-items:center;justify-content:center;font-family:var(--crisis-en);font-size:13px}
.crisis-page .first-response .note{font-size:12.5px;color:var(--crisis-sub);margin-top:14px}
@media(max-width:768px){.crisis-page .first-response{padding:22px 18px;margin-inline:calc(var(--crisis-gutter) * -1)}}

/* 折りたたみ目次（<1200px。PHPで動的生成） */
.crisis-page .toc-inline{margin:40px 0 0;border:1px solid var(--crisis-line)}
.crisis-page .toc-inline summary{cursor:pointer;padding:14px 18px;font-size:14px;letter-spacing:.08em;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:44px}
.crisis-page .toc-inline summary::-webkit-details-marker{display:none}
.crisis-page .toc-inline summary::after{content:"＋";color:var(--crisis-sub)}
.crisis-page .toc-inline[open] summary::after{content:"−"}
.crisis-page .toc-inline summary:hover::after{color:var(--crisis-gold-text)}
.crisis-page .toc-inline ol{padding:0 20px 16px 38px;font-size:14px;list-style:none}
/* [2026-09-06] 吉川先生指示：見出し自身の番号と重複するためブラウザの連番は表示しない */
.crisis-page .toc-inline li{margin-bottom:6px}
.crisis-page .toc-inline a{text-decoration:none;color:var(--crisis-sub)}
.crisis-page .toc-inline a:hover{color:var(--crisis-ink);text-decoration:underline}
@media(min-width:1200px){.crisis-page .toc-inline{display:none}}

/* 追従目次（PC。PHPで動的生成） */
.crisis-page .side-inner{position:sticky;top:var(--crisis-anchor-offset);max-height:calc(100dvh - var(--crisis-anchor-offset) - 24px);overflow-y:auto}
.crisis-page .side-toc{border-top:1px solid var(--crisis-ink);padding-top:16px}
.crisis-page .side-toc .label{font-family:var(--crisis-en);font-size:11px;letter-spacing:.2em;color:var(--crisis-sub);margin-bottom:12px}
.crisis-page .side-toc ol{list-style:none;font-size:13px}
.crisis-page .side-toc li{margin-bottom:9px;line-height:1.5}
.crisis-page .side-toc a{text-decoration:none;color:var(--crisis-sub)}
.crisis-page .side-toc a:hover,.crisis-page .side-toc a:focus-visible{color:var(--crisis-ink);text-decoration:underline}
.crisis-page .side-cta{margin-top:36px;background:var(--crisis-paper);padding:20px 18px}
.crisis-page .side-cta p{font-size:12.5px;color:var(--crisis-sub);margin-bottom:12px;line-height:1.7}
.crisis-page .side-cta a{display:block;text-align:center;background:var(--crisis-ink);color:#fff;text-decoration:none;font-size:13px;letter-spacing:.1em;padding:12px 8px}
.crisis-page .side-cta a:hover{background:#2a2a2c;color:#fff}

/* 本文 */
.crisis-page .prose{max-width:740px;overflow-wrap:anywhere}
.crisis-page .prose h2{font-family:var(--crisis-serif);font-weight:400;font-size:31px;line-height:1.5;letter-spacing:.03em;border-bottom:1px solid var(--crisis-line);padding-bottom:14px;margin:76px 0 30px}
.crisis-page .prose h3{font-family:var(--crisis-serif);font-weight:400;font-size:21px;line-height:1.6;margin:46px 0 18px;border:0;padding:0}
.crisis-page .prose p{margin-bottom:22px}
.crisis-page .prose ul,.crisis-page .prose ol{margin:0 0 22px;padding-left:1.4em}
.crisis-page .prose li{margin-bottom:10px}
.crisis-page .prose li>ul,.crisis-page .prose li>ol{margin:10px 0 0}
.crisis-page .prose .note{font-size:13px;color:var(--crisis-sub);padding-left:1em;margin-bottom:22px}
.crisis-page .prose blockquote{border-left:2px solid var(--crisis-line);padding:4px 0 4px 20px;color:var(--crisis-sub);margin:0 0 22px}
.crisis-page .prose figure.wp-block-table{max-width:100%;overflow-x:auto;margin:0 0 22px}
.crisis-page .prose table{border-collapse:collapse;font-size:14px;min-width:480px}
.crisis-page .prose th,.crisis-page .prose td{border:1px solid var(--crisis-line);padding:10px 14px;text-align:left;vertical-align:top}
.crisis-page .prose th{background:var(--crisis-paper);font-weight:500}
@media(max-width:768px){.crisis-page .prose h2{font-size:24px;margin-top:56px}.crisis-page .prose h3{font-size:18.5px}}

/* FAQ（core/group.faq 内の core/details ブロック） */
.crisis-page .faq details{border-bottom:1px solid var(--crisis-line)}
.crisis-page .faq details:first-of-type{border-top:1px solid var(--crisis-line)}
.crisis-page .faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:20px 4px;font-weight:500;line-height:1.7;min-height:56px}
.crisis-page .faq summary::-webkit-details-marker{display:none}
.crisis-page .faq summary::after{content:"＋";flex-shrink:0;color:var(--crisis-ink);font-weight:400;font-size:19px;line-height:1}
.crisis-page .faq details[open] summary::after{content:"−"}
.crisis-page .faq summary:hover::after{color:var(--crisis-gold-text)}
.crisis-page .faq details>p{padding:0 4px;margin-bottom:16px}
.crisis-page .faq details>p:last-child{margin-bottom:0;padding-bottom:8px}

/* 記事末CTA（template-parts/crisis/cta-band.php） */
.crisis-page .cta-band{background:var(--crisis-ink);color:#fff;padding:52px 40px;margin:80px 0 0;text-align:center}
.crisis-page .cta-band .en{font-family:var(--crisis-en);font-size:11px;letter-spacing:.24em;color:var(--crisis-gold-on-dark);margin-bottom:14px;text-transform:uppercase}
.crisis-page .cta-band h2{font-family:var(--crisis-serif);font-weight:400;font-size:26px;margin:0 0 16px;padding:0;border:0;scroll-margin-top:0;line-height:1.5;color:#fff}
.crisis-page .cta-band p{font-size:14px;line-height:2;color:#D8D5CF;max-width:560px;margin:0 auto 26px}
.crisis-page .cta-band a{display:inline-block;background:#fff;color:var(--crisis-ink);text-decoration:none;font-size:14px;letter-spacing:.12em;padding:15px 46px}
.crisis-page .cta-band a:hover{background:var(--crisis-paper);color:var(--crisis-ink)}
.crisis-page .cta-band a:focus-visible{outline:2px solid var(--crisis-gold-on-dark);outline-offset:4px}
@media(max-width:768px){.crisis-page .cta-band{padding:40px 22px;margin-inline:calc(var(--crisis-gutter) * -1)}}

/* 関連ページ（template-parts/crisis/related.php。公開済みページのみ表示） */
.crisis-page .related{margin-top:72px}
.crisis-page .related .label{font-family:var(--crisis-en);font-size:11px;letter-spacing:.2em;color:var(--crisis-sub);margin-bottom:6px}
.crisis-page .related h2{font-family:var(--crisis-serif);font-weight:400;font-size:22px;margin:0 0 18px;padding:0;border:0}
.crisis-page .related-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--crisis-line)}
.crisis-page .related-grid a{display:block;border-bottom:1px solid var(--crisis-line);padding:22px 30px 22px 4px;text-decoration:none;position:relative}
.crisis-page .related-grid a:nth-child(odd){border-right:1px solid var(--crisis-line);padding-right:26px}
.crisis-page .related-grid a:nth-child(even){padding-left:26px}
.crisis-page .related-grid a:last-child:nth-child(odd){grid-column:1 / -1;border-right:0}
.crisis-page .related-grid a::after{content:"→";position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--crisis-sub);font-size:13px}
.crisis-page .related-grid a:hover .t{color:var(--crisis-gold-text)}
.crisis-page .related-grid .t{font-family:var(--crisis-serif);font-size:16.5px;margin-bottom:6px;line-height:1.6}
.crisis-page .related-grid .d{font-size:12.5px;color:var(--crisis-sub);line-height:1.7}
.crisis-page .related-grid a[aria-current="page"]{pointer-events:none;opacity:.45}
@media(max-width:768px){
  .crisis-page .related-grid{grid-template-columns:1fr}
  .crisis-page .related-grid a,
  .crisis-page .related-grid a:nth-child(odd),
  .crisis-page .related-grid a:nth-child(even){padding:22px 30px 22px 4px;border-right:0}
}

/* 初動チェック直後の相談導線（template-parts/crisis/first-cta.php）
   [2026-09-06] 手順書§8「初回公開で実現したい改善」。crisis_scope_text 設定時のみ表示 */
.crisis-page .first-cta{display:flex;align-items:center;gap:20px;border:1px solid var(--crisis-line);border-left:4px solid var(--crisis-gold);padding:16px 20px;margin:12px 0 0;background:#fff}
.crisis-page .first-cta-scope{flex:1 1 auto;font-size:13.5px;line-height:1.8;color:var(--crisis-sub);margin:0}
.crisis-page .first-cta-label{display:block;font-size:11.5px;letter-spacing:.12em;color:var(--crisis-gold-text);margin-bottom:2px}
.crisis-page .first-cta-btn{flex-shrink:0;display:inline-block;background:var(--crisis-ink);color:#fff;text-decoration:none;font-size:13px;letter-spacing:.1em;padding:12px 22px}
.crisis-page .first-cta-btn:hover{background:#2a2a2c;color:#fff}
@media(max-width:768px){
  .crisis-page .first-cta{flex-direction:column;align-items:stretch;gap:12px;margin-inline:calc(var(--crisis-gutter) * -1);border-left-width:4px}
  .crisis-page .first-cta-btn{text-align:center}
}

/* 総合案内の状況別カード（template-parts/crisis/hub-cards.php）
   [2026-09-06] 「いま起きていること」から個別ページへ入る入口 */
.crisis-hub-cards{padding:8px 0 40px;background:#fff}
.crisis-hub-cards-title{font-family:var(--font-display-ja,serif);font-weight:400;font-size:22px;letter-spacing:.04em;color:var(--color-ink,#0B0B0C);margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid var(--color-line,#D9D2C4)}
.crisis-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.crisis-hub-card{display:block;border:1px solid var(--color-line,#D9D2C4);padding:20px 22px;text-decoration:none;background:#fff;transition:border-color .2s ease}
.crisis-hub-card:hover{border-color:var(--color-gold,#A8873B)}
.crisis-hub-situation{font-family:var(--font-display-ja,serif);font-size:17px;line-height:1.6;color:var(--color-ink,#0B0B0C);margin:0 0 8px}
.crisis-hub-page{font-size:12.5px;color:var(--color-graphite,#6E6A63);margin:0}
.crisis-hub-card:hover .crisis-hub-page{color:var(--color-gold-text,#886D30)}
.crisis-hub-arrow{margin-left:6px}
@media(max-width:768px){.crisis-hub-grid{grid-template-columns:1fr}}

/* 監修者枠は掲載しない（2026-09-06 吉川先生指示によりCSSごと削除） */

/* 免責（template-parts/crisis/disclaimer.php） */
.crisis-page .disclaimer{margin:40px 0 90px;font-size:12px;color:var(--crisis-sub);line-height:1.9}

/* [2026-09-06] 総合案内の構成変更：余白圧縮＋共通支援セクション */
.crisis-hub-hero{padding:52px 0 28px}
.crisis-hub-hero .service-detail-title{margin-bottom:8px}
.crisis-hub-hero .service-detail-description{margin-top:12px}
.crisis-hub-hero .service-detail-description p{margin:0;font-size:16px}
.crisis-hub-cards{padding:16px 0 36px}
.crisis-hub-common{padding:8px 0 40px;background:#fff}
.crisis-hub-common-title{font-family:var(--font-display-ja,serif);font-weight:400;font-size:22px;letter-spacing:.04em;color:var(--color-ink,#0B0B0C);margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid var(--color-line,#D9D2C4)}
.crisis-hub-common p{font-size:15px;line-height:1.9;color:var(--color-ink,#0B0B0C);margin:0 0 14px;max-width:860px}

/* =========================================================
   [2026-09-08] システム開発紛争ページ専用部品
   （page-templates/template-crisis-content.php の sysdev ブロック）
   ========================================================= */

/* リード直下の問い合わせボタン（仕様書追2） */
.crisis-page .sysdev-top-actions{margin:26px 0 0}
.crisis-page a.sysdev-contact-btn{display:inline-block;background:var(--crisis-ink);color:#fff;text-decoration:none;font-size:14px;letter-spacing:.12em;padding:14px 40px}
.crisis-page a.sysdev-contact-btn:hover{background:#2a2a2c;color:#fff}
.crisis-page a.sysdev-contact-btn:focus-visible{outline:2px solid var(--crisis-gold);outline-offset:3px}

/* 経験を示す一文＋プロフィール導線（仕様書追2・第9回） */
.crisis-page .sysdev-experience{border-left:3px solid var(--crisis-gold);padding:14px 20px;margin:26px 0 0}
.crisis-page .sysdev-experience p{font-size:14.5px;line-height:1.9;color:var(--crisis-ink);margin:0}
.crisis-page .sysdev-experience .sysdev-profile-link{margin-top:8px}
.crisis-page .sysdev-profile-link{font-size:13.5px}
.crisis-page .sysdev-profile-link a{color:var(--crisis-gold-text);text-decoration:none}
.crisis-page .sysdev-profile-link a:hover{text-decoration:underline}

/* 想定例ボックス（仕様書追8・本文はブロックのwp:htmlで挿入） */
.crisis-page .sysdev-example{border:1px solid var(--crisis-line);background:var(--crisis-paper);padding:22px 24px;margin:24px 0}
.crisis-page .sysdev-example .ex-title{font-family:var(--crisis-serif);font-size:16px;margin:0 0 10px}
.crisis-page .sysdev-example p{font-size:14.5px;margin:0 0 8px}
.crisis-page .sysdev-example .ex-note{font-size:12px;color:var(--crisis-sub);margin:6px 0 0}

/* 開発継続・契約終了のカード型図（仕様書追7・wp:htmlで挿入） */
.crisis-page .sysdev-fork{border:1px solid var(--crisis-line);padding:26px 26px 22px;margin:28px 0}
.crisis-page .sysdev-fork .fork-label{font-size:13px;letter-spacing:.08em;color:var(--crisis-sub);margin:0 0 10px}
.crisis-page .sysdev-fork .chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0}
.crisis-page .sysdev-fork .chips li{border:1px solid var(--crisis-line);background:var(--crisis-paper);font-size:13px;padding:4px 14px;margin:0}
.crisis-page .sysdev-fork .fork-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 18px}
.crisis-page .sysdev-fork .fork-card{border:1px solid var(--crisis-line);padding:18px 20px}
.crisis-page .sysdev-fork .fork-title{font-family:var(--crisis-serif);font-size:15.5px;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--crisis-line)}
.crisis-page .sysdev-fork .fork-card ul{list-style:none;margin:0;padding:0;font-size:13.5px}
.crisis-page .sysdev-fork .fork-card li{padding:4px 0 4px 16px;position:relative;margin:0}
.crisis-page .sysdev-fork .fork-card li::before{content:"・";position:absolute;left:0;color:var(--crisis-gold-text)}
.crisis-page .sysdev-fork .fork-foot{border-top:1px solid var(--crisis-line);padding-top:14px;font-size:13.5px}
.crisis-page .sysdev-fork .fork-foot p{margin:0 0 4px}
.crisis-page .sysdev-fork .fork-note{font-size:12.5px;color:var(--crisis-sub)}
@media(max-width:640px){.crisis-page .sysdev-fork{padding:20px 16px 16px}.crisis-page .sysdev-fork .fork-cols{grid-template-columns:1fr}}

/* =========================================================
   [2026-09-08] 訴訟・紛争解決の総合案内（template-parts/crisis/litigation-cards.php）
   危機管理の総合案内と同じ部品を流用し、状況説明の一行と受け皿枠を追加する。
   ========================================================= */
.lit-hub-cards-lead{font-size:14.5px;line-height:1.9;color:var(--color-graphite,#6E6A63);margin:-6px 0 20px;max-width:760px}
.lit-hub-card{display:flex;flex-direction:column}
.lit-hub-desc{font-size:13.5px;line-height:1.85;color:var(--color-ink,#0B0B0C);margin:0 0 14px;flex:1}
.lit-hub-card .crisis-hub-page{font-size:13px;color:var(--color-gold-text,#886D30);margin-top:auto}
/* 一般紛争の受け皿枠：五枚目のカードではなく横長の説明枠。黒ボタンは置かず、末尾のテキストリンクのみ */
.lit-hub-general{margin-top:24px;padding:22px 0 0;border-top:1px solid var(--color-line,#D9D2C4)}
.lit-hub-general-title{font-family:var(--font-display-ja,serif);font-weight:400;font-size:17px;letter-spacing:.03em;color:var(--color-ink,#0B0B0C);margin:0 0 8px}
.lit-hub-general-text{font-size:14.5px;line-height:1.9;color:var(--color-ink,#0B0B0C);margin:0 0 10px;max-width:860px}
.lit-hub-general-link{margin:0;font-size:14px}
.lit-hub-general-link a{color:var(--color-gold-text,#886D30);text-decoration:underline;text-underline-offset:3px}
.lit-hub-general-link a:hover{color:var(--color-ink,#0B0B0C)}
/* 二つの総合案内の相互リンク（共通支援内容の末尾） */
.crisis-hub-cross{font-size:14px;line-height:1.9;color:var(--color-graphite,#6E6A63);margin-top:6px;padding-top:14px;border-top:1px solid var(--color-line,#D9D2C4);max-width:860px}
.crisis-hub-cross a{color:var(--color-gold-text,#886D30);text-decoration:underline;text-underline-offset:3px}
.crisis-hub-cross a:hover{color:var(--color-ink,#0B0B0C)}
/* [2026-09-08] CTA帯：複数段落と注記（労働ページの「送信のみでは受任にならない」注記） */
.crisis-page .cta-band p + p{margin-top:-12px}
.crisis-page .cta-band .cta-note{font-size:12px;color:#B9B5AD;margin:18px auto 0;line-height:1.8}
/* 経歴・体制の補足（訴訟・紛争ハブ）：本文と余白で区切り、リンクはテキストのまま */
.crisis-hub-bio{margin-top:26px;max-width:860px}
.crisis-hub-bio p{font-size:14px;line-height:1.9;color:var(--color-ink,#0B0B0C);margin:0 0 8px}
.crisis-hub-bio .crisis-hub-bio-link{margin:0}
.crisis-hub-bio .crisis-hub-bio-link a{color:var(--color-gold-text,#886D30);text-decoration:underline;text-underline-offset:3px}
.crisis-hub-bio .crisis-hub-bio-link a:hover{color:var(--color-ink,#0B0B0C)}
.crisis-hub-cross{margin-top:22px}
/* [2026-09-09] 経験ブロックの小見出し（労働者向け英語ページ "Experience at Our Firm"）・複数段落 */
.crisis-page .sysdev-experience .sysdev-experience-title{font-family:var(--crisis-en);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--crisis-gold-text);margin:0 0 8px}
.crisis-page .sysdev-experience p + p{margin-top:8px}