/*
Theme Name:  Shiki Media child (sm)
Theme URI:   https://shiki.pochimichi.jp/
Description: 志木 地域メディア専用のSWELL子テーマ。CSSプレフィックスは sm-。本体ぽちぽち(pochimichi.jp)とは別インストール・別リポジトリ。構造化データは独自の連結@graphに一本化（SWELL自前出力と重複させない）。
Author:      株式会社イチドキリ / ぽちぽちの道
Author URI:  https://pochimichi.jp/
Template:    swell
Version:     0.1.0
Text Domain: shiki-media
*/

/* tokens.css は functions.php で別ハンドル(sm-tokens)として、このファイルより先に読み込む。 */

/* ===== ベース最小スタイル（土台のみ。SWELLを潰さない） ===== */
body{
  font-family: var(--sm-font-body);
  color: var(--sm-ink);
}
h1, h2, h3, h4,
.sm-heading{
  font-family: var(--sm-font-heading);
  color: var(--sm-ink);
}
/* 欧文・数字（価格/日付/年号）に明示適用するユーティリティ */
.sm-latin{ font-family: var(--sm-font-latin); font-feature-settings:"tnum" 1; }

a{ color: var(--sm-link); }
a:hover{ color: var(--sm-ink); }

/* ===== PR/広告ラベル（ステマ規制：可視明示が主） ===== */
.sm-label-pr{
  display:inline-block;
  font-family: var(--sm-font-body);
  font-size:.72rem; font-weight:700; letter-spacing:.04em;
  padding:.15em .6em; border-radius:999px;
  background: var(--sm-pr-bg); color: var(--sm-pr-ink);
}

/* ===== 冒頭の要約ブロック（AEO：AIが抜き出しやすい） ===== */
.sm-summary{
  background: var(--sm-brand-weak);
  border:1px solid var(--sm-line);
  border-radius: var(--sm-radius);
  padding:1.1rem 1.2rem; margin:1.4rem 0;
}
.sm-summary > :first-child{ margin-top:0; }
.sm-summary > :last-child{ margin-bottom:0; }

/* ===== アクセス/価格表（AIが拾いやすい構造化テキスト） ===== */
.sm-factsheet{ width:100%; border-collapse:collapse; margin:1.2rem 0; }
.sm-factsheet th, .sm-factsheet td{
  text-align:left; vertical-align:top;
  padding:.6rem .8rem; border-bottom:1px solid var(--sm-line);
}
.sm-factsheet th{ width:8em; color: var(--sm-ink-soft); font-weight:700; white-space:nowrap; }

/* ===== CTA（白文字は緑bgのみ。橙bgに白文字は不可＝AA検証） ===== */
.sm-cta{
  display:inline-block; font-family: var(--sm-font-body); font-weight:700;
  padding:.7em 1.4em; border-radius:999px; text-decoration:none;
  background: var(--sm-link); color: var(--sm-bg);
}
.sm-cta:hover{ background: var(--sm-ink); color: var(--sm-bg); }

/* ===== 「運営：ぽちぽちの道」素性開示ブロック（親ブランドへの目配せ） ===== */
.sm-operator{
  font-family: var(--sm-font-pochi);
  background: var(--sm-surface);
  border:1px solid var(--sm-line);
  border-radius: var(--sm-radius);
  padding:1rem 1.2rem; color: var(--sm-ink-soft);
}