@charset "UTF-8";
/* StyleDoc デザインテーマ：ゆったり（td-comfort）
   = 既定(base)の見た目。トークンのみ／スキン無し。
   構成: トークン（形）だけを設定。色には触れない（カラーテーマと直交）。 */
.td-comfort{
  --space:16px; --block-gap:22px; --pad-panel:18px; --pad-cell-y:9px; --pad-cell-x:13px;
  --gap-cols:18px; --gap-card:16px;
  /* ゆったりテーマなので見出しの下を既定より広く取る（hero/lg/md/sm が 1.2/1/.8/.6 倍で参照＝階段は保たれる）。
     コンテナ(.block)は core.css の既定（--block-gap の1.25倍＝27.5px）で足りるのでここでは指定しない。 */
  --gap-head:13px;
  /* ★見出しの下は全種類とも「見出しの下（基準）＝--gap-head」×倍率で決まる（core.css / parts.css）。
     このテーマの見え方（従来どおり）を保つための倍率＝基準 13px に対する比。
     ここを持つことで、カスタムデザインで「見出しの下（基準）」を変えると**全見出しが同じ比で動く**。 */
  --h-sec-mb:1.2307692307692308;   /* 16px */
  --h-eye-mb:0.7692307692307693;   /* 10px */
  --h-cap-mb:0.46153846153846156;  /* 6px  */
  --h-pt-mb:0.6153846153846154;    /* 8px  */
  --h-imp-mb:0.7692307692307693;   /* 10px */
  --h-sub-mb:0.7692307692307693;   /* 10px */
  --h-rb-mb:0.9230769230769231;    /* 12px */
  --h-kick-mb:0.6153846153846154;  /* 8px  */
  --radius:14px; --radius-sm:9px; --rule-weight:1px; --rule-style:solid;
  --shadow:0 1px 2px rgba(20,40,80,.05), 0 10px 30px rgba(20,40,80,.07);
  --shadow-sm:0 2px 10px rgba(20,40,80,.06);
  --font-head:var(--font-body); --font-base:15px; --scale:1; --leading:1.85; --tracking:.01em; --head-weight:700;
}