/* legal.css — 法定・文書ページ共通スタイル（特商法 / プライバシーポリシー / 会社概要）
 * デザインシステム準拠。トークン(--ink/--paper/--yellow/--orange 等)と
 * ヘッダー(.bar)・フッター(footer)・本文タイポは article.css を継承する前提。
 * このファイルは「1カラム文書ページ」に固有の要素だけを足す。
 *   色の意図: 白=台紙 / インク=線・文字 / 黄=見出しマーカー・強調下線 / 橙=反応・注意 / クリーム=hover専用
 */

/* ---- 文書ヘッダ（タイトル＋更新日） ---- */
.docmeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.docmeta .nt{font-family:var(--dot);font-size:10px;border-radius:6px;padding:3px 8px;background:var(--ink);color:#fff;white-space:nowrap}
.updated{font-family:var(--dot);font-size:11px;color:var(--grey)}
.docintro{font-size:14px;color:#555;line-height:1.95;margin:6px 0 30px;
  border-left:3px solid var(--line);padding-left:14px}

/* ---- セクション見出し（h2 は article.css の黄ボーダーを継承） ---- */
.sec{margin:30px 0}
.sec h2{font-size:17px;margin:0 0 12px;padding-left:10px;border-left:5px solid var(--yellow)}
.sec h3{font-size:14.5px;margin:20px 0 8px;color:var(--ink)}
.sec p{font-size:14px;line-height:2;margin-bottom:12px;color:#2a2a2a}
.sec ul,.sec ol{margin:0 0 14px 1.3em}
.sec li{font-size:14px;line-height:1.95;margin-bottom:5px}

/* ---- 定義テーブル（会社概要・特商法：項目名 → 内容） ---- */
.deftable{border:1.5px solid var(--ink);border-radius:12px;overflow:hidden;margin:8px 0 24px;
  box-shadow:3px 4px 0 rgba(24,24,24,.08)}
.deftable dl{display:grid;grid-template-columns:34% 66%;font-size:14px}
.deftable dt{background:#FAFAF7;border-bottom:1px solid var(--line);border-right:1px solid var(--line);
  padding:13px 15px;font-weight:700;line-height:1.7}
.deftable dd{border-bottom:1px solid var(--line);padding:13px 16px;line-height:1.9;color:#2a2a2a}
.deftable dl > dt:last-of-type,.deftable dl > dd:last-child{border-bottom:none}
@media(max-width:560px){
  .deftable dl{grid-template-columns:1fr}
  .deftable dt{border-right:none}
}

/* ---- 桜花さん確認プレースホルダ（未確定・埋めてはいけない箇所を明示） ---- */
.hold{display:inline-block;background:#FFF1D6;border:1.5px dashed var(--orange);border-radius:6px;
  padding:1px 8px;font-family:var(--dot);font-size:12px;color:#9a4b06;line-height:1.7}
.holdnote{display:block;background:#FFF8EC;border:1.5px dashed var(--orange);border-radius:10px;
  padding:12px 15px;margin:14px 0;font-size:13px;color:#7a3d06;line-height:1.85}
.holdnote b{font-family:var(--dot);font-size:11px;letter-spacing:.06em;display:block;margin-bottom:4px;color:var(--orange)}

/* ---- 外部送信先ブロック（プライバシーポリシー） ---- */
.ext{border:1.5px solid var(--ink);border-radius:12px;padding:14px 16px;margin:12px 0;background:#fff;
  box-shadow:2px 3px 0 rgba(24,24,24,.06)}
.ext h4{font-size:14px;margin:0 0 8px}
.ext dl{font-size:13px;line-height:1.85;margin:0}
.ext dt{font-weight:700;color:#444;margin-top:6px}
.ext dd{color:#555;word-break:break-word}
.ext a{color:var(--orange);word-break:break-all}

/* ---- 注記 ---- */
.footnote{font-size:12.5px;color:#666;line-height:1.9;border-top:1px dashed #d8d8d8;
  margin-top:34px;padding-top:16px}
.contactbox{border:1.5px solid var(--ink);border-radius:12px;padding:14px 16px;margin:20px 0;
  background:linear-gradient(180deg,#fff,#FFFDF6);font-size:14px;line-height:1.9}
.contactbox b{font-family:var(--dot);font-size:11px;color:var(--orange);display:block;margin-bottom:4px}