/* ページの部品 v1 — 全ページに読み込む小さな部品（2026-11-04、着物 rt13 で作成）
   型（page-template-v1.css）を当てていないページにも使うので、h2 などページ全体の見た目は変えない。
   1. .tpl-cta-do   … 広告ボタンのすぐ上の「◯◯で（無料で）査定額を見る」の1行。ボタンの中の文字（ASP の原稿）は変えない
   2. .tpl-campaign … 公式のキャンペーンの文と期限をそのまま載せる枠。最初は hidden、期限内だけ JS が出す
   3. .tpl-updated  … 日付の表示が無いページ（トップなど）に出す「更新日」の1行
   色はサイトの変数（--tpl-accent など）で上書きできる。 */
:root{
  --tpl-accent:#d93025;
  --tpl-muted:#666;
  --tpl-campaign-bg:#fffaf0;
  --tpl-campaign-border:#f0c36d;
}

/* 1. 行動の1行（ボタンの上）。中身が分かる文なので読み上げる */
.tpl-cta-do.tpl-cta-do{
  display:block;
  margin:0 0 6px;
  color:var(--tpl-accent);
  font-size:15px;
  font-weight:700;
  line-height:1.5;
  text-align:center;
}
.tpl-cta-do.tpl-cta-do::after{ content:" ▼"; font-size:.8em; }

/* 2. キャンペーンの枠 */
.tpl-campaign.tpl-campaign{
  margin:10px 0 12px;
  padding:10px 12px;
  border:1px solid var(--tpl-campaign-border);
  border-radius:8px;
  background:var(--tpl-campaign-bg);
  text-align:left;
  font-size:13px;
  line-height:1.6;
  color:#333;
}
.tpl-campaign.tpl-campaign[hidden]{ display:none !important; }
.tpl-campaign.tpl-campaign p{ margin:0 0 4px !important; font-size:13px !important; color:#333 !important; text-align:left !important; }
.tpl-campaign .tpl-campaign__head{ font-size:12px !important; color:var(--tpl-muted) !important; }
.tpl-campaign .tpl-campaign__name{ font-weight:700; font-size:14px !important; }
.tpl-campaign .tpl-campaign__period{ font-weight:700; }
.tpl-campaign ul.tpl-campaign__cond{ margin:0 0 4px !important; padding:0 0 0 1.2em !important; border:0 !important; background:none !important; }
.tpl-campaign ul.tpl-campaign__cond li{ margin:0 !important; padding:0 !important; font-size:13px; }
.tpl-campaign .tpl-campaign__note,
.tpl-campaign .tpl-campaign__src{ font-size:11px !important; color:var(--tpl-muted) !important; }

/* 3. 更新日の1行 */
.tpl-updated.tpl-updated{ margin:0 0 10px; font-size:12px; color:var(--tpl-muted); }

/* ページの部品 v1 — 着物（SANGO）の上書き。共通部品 page-parts-v1.css の後に連結して /assets/parts-v1/page-parts-v1.css に書き出す。
   記事の日付を「公開 2026年4月12日／更新 2026年11月3日」の1行にする。
   rt14（rt13f）から「公開」「更新」「／」は HTML の文字（span.tpl-date__l・span.tpl-date__sep）。読み上げや文字の取り出しでも日付がつながらない。
   SANGO の時計・矢印のアイコン（time::before）は消す。折り返すときは「／」の後で折り返す（「ラベル＋日付」は途中で折らない）。 */
.entry-meta.entry-meta time.pubdate::before,
.entry-meta.entry-meta time.updated::before{ content:none; }
.entry-meta.entry-meta time.pubdate,
.entry-meta.entry-meta time.updated{ display:inline; margin:0; padding:0; }
.entry-meta.entry-meta .tpl-date{ display:inline-block; white-space:nowrap; line-height:1.7; }
.entry-meta.entry-meta .tpl-date__sep{ padding:0 .15em; color:#999; }
.entry-meta.entry-meta time.updated,
.entry-meta.entry-meta .tpl-date:has(time.updated) .tpl-date__l{ font-weight:700; color:#333; }
/* SANGO のシェアボタン（.fab-btn、margin-top:-25px で日付の行に重なる）を、日付の下に出す（rt13e3） */
label.fab-btn.fab-btn{ margin-top:4px; }
/* サイドバーのランキングの枠の PR 表記（rt14） */
.widgettitle .tpl-pr,
.entry-content .tpl-actions .tpl-pr{ display:inline-block; margin-left:.5em; padding:0 .4em; font-size:11px; line-height:1.6; font-weight:400; color:#666; border:1px solid #bbb; border-radius:3px; vertical-align:middle; }
/* rt15：比較表・結論カードの下のボタンの箱（.tpl-actions）の広告ボタンにも同じ PR。箱の右上に重ね、ボタンの位置は動かさない */
.entry-content .tpl-actions .cv-btn-wrap{ position:relative; }
.entry-content .tpl-actions .tpl-pr{ position:absolute; top:0; right:0; margin:0; }
/* 不安の答え（rt15。型 v1 の結論カードが無いページで、冒頭の結論の文のすぐ下。答えは法律・公式に出典のあることだけ） */
.entry-content .tpl-answer{ margin:12px 0 18px; padding:10px 12px; border-left:4px solid #b5651d; background:#faf7f2; font-size:15px; line-height:1.7; }
.entry-content .tpl-answer p{ margin:0 0 4px; }
.entry-content .tpl-answer .tpl-answer__q{ font-weight:700; color:#333; }
.entry-content .tpl-answer .tpl-answer__src{ margin:6px 0 0; font-size:12px; color:#666; word-break:break-all; }
/* rt18（2026-11-07）：不安語のページの結論の下に置く、比較ページへの内部リンクの箱（広告ではない） */
.entry-content .tpl-next{ margin:12px 0 18px; padding:10px 12px; border:1px solid #e3d6c3; border-radius:8px; background:#fffdf8; font-size:15px; line-height:1.7; }
.entry-content .tpl-next .tpl-next__title{ margin:0 0 4px; font-weight:700; color:#333; }
.entry-content .tpl-next .tpl-next__link{ margin:4px 0 0; }
/* rt20（2026-11-07）：出典の箱（本文の最後、筆者プロフィールの前）。会社の URL は文字で書く（広告ではない） */
.entry-content .tpl-src{ margin:18px 0; padding:10px 12px; border:1px solid #ddd; border-radius:8px; background:#fafafa; font-size:13px; line-height:1.7; color:#555; }
.entry-content .tpl-src p{ margin:0 0 2px; word-break:break-all; }
.entry-content .tpl-src .tpl-src__title{ font-weight:700; color:#333; margin-bottom:4px; }
.entry-content .tpl-src .tpl-src__note{ margin-top:6px; font-size:12px; color:#777; }