@charset "UTF-8";
/* =============================================================================
   StyleDoc デザインテーマ：TechnoStyleHtmlDocument（td-TechnoStyleHtmlDocument）
   TechnoStyle-Html-Document の見た目に寄せたデザインテーマ。
   構成 = トークンのみ。★2026-09-05 に「.td-X .title-* で上書きするスキン」を、core.css の
   見出しトークン（--h-<種>-*）の値へ書き直した。見た目は不変＝置き換え前後で全パーツの
   computed style（全要素×矩形）が一致することを実測済み。
   ・色は触れない（border/塗りは var(--accent)/var(--accent-soft) 等のトークン経由）
     → どのカラーテーマとも組合せ可能。TechnoStyle 風の緑にするなら .tc-freshlime と併用。
   ・トークンの既定値（＝他テーマの見た目）は core.css の各ルールの var() 第2引数にある。
   ・旧スキンとの唯一の差＝大見出し・中見出しに「文字の大きさ」の倍率（.fs-x*＝--fs-mul）が
     効くようになった（旧スキンの font-size の式に --fs-mul が無く、この2種だけ倍率が効かなかった）。
   ============================================================================= */
.td-TechnoStyleHtmlDocument{
  /* ---- 形 ---- */
  --space:16px; --block-gap:20px; --pad-panel:12px; --pad-cell-y:6px; --pad-cell-x:10px;
  --gap-cols:16px; --gap-card:14px;
  /* ★見出しの下（基準）＝20px（ユーザー指定・2026-09-13）。全見出しの下マージンが
     この値×倍率（hero1.2 / sec1.6 / lg1 / md.8 / sm.6 / 帯1.2 / 他）で決まる。 */
  --gap-head:20px;
  --radius:6px; --radius-sm:5px; --rule-weight:1px; --rule-style:solid;
  --shadow:none; --shadow-sm:none;
  /* 先頭は Noto Sans JP。Windows には標準で入っていないので、無いパソコンでは次の候補（ヒラギノ→游ゴシック→メイリオ）で表示される。 */
  --font-body:"Noto Sans JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック Medium","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  --font-head:var(--font-body);
  --font-base:16px; --scale:1.08; --leading:1.7; --tracking:.02em; --head-weight:700;

  /* ---- 見出し（旧スキン相当） ---- */
  /* セクション見出し ≒ sectionTitle：左10pxアクセント帯＋斜めストライプ地・下線なし・大きめ。
     下線は style:none で消す（色は旧 `border-bottom:none` と同じ currentColor＝computed を揃えるため）。 */
  --h-sec-ul-style:none; --h-sec-ul-c:currentColor;
  --h-sec-bar-w:10px; --h-sec-bar-style:solid; --h-sec-bar-c:var(--accent);
  --h-sec-radius:0 var(--radius-sm) var(--radius-sm) 0;
  --h-sec-pad-t:9px; --h-sec-pad-r:14px; --h-sec-pad-b:9px; --h-sec-pad-l:14px;
  --h-sec-bg:repeating-linear-gradient(-45deg, var(--accent-soft), var(--accent-soft) 10px, var(--surface) 10px, var(--surface) 15px);
  --h-sec-color:var(--ink); --h-sec-size:1.7;
  /* 大見出し ≒ largeTitle/bigTitle：太い左アクセント帯・濃い文字 */
  --h-lg-bar-w:10px; --h-lg-pad-y:7px; --h-lg-color:var(--ink); --h-lg-size:1.5; --h-lg-lh:1.25;
  /* 中見出し ≒ title：下3pxアクセント破線・濃い文字 */
  --h-md-ul-w:3px; --h-md-ul-style:dashed; --h-md-pad-t:2px; --h-md-pad-b:6px; --h-md-color:var(--ink); --h-md-size:1.25;
  /* 小見出し ≒ smallTitle：1.18倍 太字・装飾なし */
  --h-sm-color:var(--ink); --h-sm-weight:700; --h-sm-fs:calc(var(--font-base) * 1.18 * var(--scale));
}