/* P0改修（2026-09-17）：押せる場所を分かりやすく、スマホの最初の画面を軽く、文字を読みやすく。
   design.css の上に重ねる。元に戻すときは各ページの p0.css の読み込みを外す。 */
:root{--link:#1c5d86;--sub:#46534b}

/* --- 文字とリンク --- */
.lead,.article .lead,.hero .intro{color:var(--sub)}
.hero .intro{color:#eef2ea}
.article-body p a,.article-body li a,.article-body td a,.src a{color:var(--link);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.article-body p a:hover,.article-body li a:hover{color:#123f5c;background:#e8f0f5}
.eyebrow,.section>.eyebrow,.article .eyebrow,.split .eyebrow,.toc>.eyebrow{font-size:14px}
.crumb{font-size:14px}
.crumb a{padding:4px 0}
.article .src{font-size:14px;line-height:2.2}
.article .note{font-size:15px}
.article .pr,.pr{font-size:15px}
.calculator label{font-size:15px}
.reading small{font-size:14px}
.reading strong{font-size:16px}
.brand small{font-size:12px}
footer p{font-size:14px}
footer nav a{font-size:14px;display:inline-block;padding:8px 0}
footer small{font-size:14px}
.sidebar-note p,.sidebar-note>a{font-size:14px}
.sidebar-note>a{display:inline-block;padding:10px 0}

/* --- ヘッダー：「査定の選び方」を常時強調しない。今いるページは下線で示す --- */
header nav a:last-child{background:transparent;border:0;padding:9px 0}
header nav a{font-size:15px}
header nav a[aria-current="page"]{color:var(--ink);box-shadow:inset 0 -3px 0 #b68039}

/* --- ボタン3種：主（塗り）・副（枠線）・本文リンク（下線） --- */
.btn-sub{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:12px 18px;border:1.5px solid var(--green);border-radius:4px;background:var(--white);color:var(--green);font-weight:bold;font-size:16px;text-decoration:none;line-height:1.6}
.btn-sub:after{content:'›';font-size:24px;line-height:1}
.btn-sub:hover{background:#e9eddf;color:var(--green)}
.btn-sub small{display:block;font-size:14px;font-weight:normal;color:var(--sub)}

/* --- トップ：ヒーローを1段にして、状況カードを上へ --- */
.hero.hero-slim{grid-template-columns:1fr;padding:36px 45px 34px}
.hero.hero-slim h1{margin-bottom:12px}
.hero.hero-slim .intro{font-size:17px;margin:0}
#situations.section{padding-top:30px}
.route .arrow{display:flex;justify-content:space-between;align-items:center;margin:auto -23px -19px;padding:13px 23px;width:auto;background:#f1f4ea;border-top:1px solid #dfe5d6;font-size:15px;color:var(--green)}
.route .arrow:after{content:'›';font-size:24px;line-height:1}
.route:hover .arrow{background:#e3eadb}
.route p{font-size:15px;color:var(--sub)}
.shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.trust-strip{font-size:14px;color:var(--sub);margin:4px 0 24px;border-radius:4px}

/* --- 記事：要点と、スマホ用の目次 --- */
.summary{background:#f3f6ec;border:1px solid #d3dcc6;border-radius:4px;padding:16px 20px;margin:0 0 20px}
.summary-title{font-weight:bold;font-size:15px;margin:0 0 6px;color:var(--green)}
.summary ul{margin:0;padding-left:1.2em}
.summary li{font-size:16px;margin:6px 0}
.toc nav a{font-size:14px}
.toc-inline{display:none}
.toc-inline ol{list-style:none;margin:0;padding:0;counter-reset:t}
.toc-inline li{margin:0;border-top:1px solid #dce2d2}
.toc-inline a{display:flex;align-items:center;min-height:46px;padding:6px 0;font-size:15px;text-decoration:none;color:var(--green)}
.toc-inline a:before{counter-increment:t;content:counter(t,decimal-leading-zero);font-family:serif;color:#8b7849;width:32px;flex:none}
.cta-row{display:flex;flex-direction:column;gap:10px;margin:12px 0 16px}

/* --- 広告枠：広告であることと行き先を枠の上で示す（広告コードそのものは変えない） --- */
.ad-box{border:1px solid #e3d5ae;background:#fffaf0;border-radius:6px;padding:14px 16px 4px;margin:18px 0}
.ad-box .pr-inline{display:flex;gap:8px;align-items:center;font-size:14px;color:#6a531a;margin:0 0 8px}
.ad-box .pr-inline b{flex:none;background:#7a5f1c;color:#fff;font-size:13px;padding:1px 8px;border-radius:3px}
.ad-box .note{background:transparent;border:0;padding:0;font-size:14px}

/* --- 計算欄の「未入力」 --- */
.total output.is-empty{font-size:20px;color:var(--sub)}
.total small{display:block;font-size:14px;font-weight:normal;color:var(--sub)}

@media(max-width:780px){
  .article-sidebar{display:none}
  .toc-inline{display:block;background:#f7f8ef;border:1px solid #cbd5bd;border-radius:4px;padding:10px 16px 4px;margin:0 0 20px}
  .toc-inline{padding:0 16px}
  .toc-inline summary{display:flex;align-items:center;min-height:48px;font-size:15px;color:var(--green);list-style:none}
  .toc-inline summary::-webkit-details-marker{display:none}
  .toc-inline summary:after{content:'＋';margin-left:auto;font-weight:bold}
  .toc-inline details[open] summary:after{content:'－'}
  .toc-inline ol{padding-bottom:6px}
}
@media(max-width:620px){
  /* ヘッダー：サイト名の下に、メニューを2列×2段 */
  .header-inner{padding:10px 14px 12px;gap:8px}
  .brand small{display:none}
  .mark,.mark img{width:34px;height:34px}
  header nav{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}
  header nav a,header nav a:last-child{display:flex;align-items:center;justify-content:center;min-height:46px;padding:4px 6px;font-size:15px;text-align:center;line-height:1.35;background:#f1f4ea;border:1px solid #d4ddc9;border-radius:4px}
  header nav a[aria-current="page"]{background:#e3eadb;border-color:var(--green);box-shadow:inset 0 -3px 0 #b68039}
  .hero.hero-slim{padding:24px 20px 22px}
  .hero.hero-slim h1{font-size:28px}
  .hero.hero-slim .intro{font-size:16px}
  .hero .eyebrow{font-size:14px}
  #situations.section{padding-top:20px}
  .route{padding:16px 16px 0}
  .route h3{font-size:18px}
  .route p{font-size:15px}
  .route .arrow{grid-column:1/-1;margin:8px -16px 0;padding:11px 16px;font-size:15px}
  .shortcuts{grid-template-columns:1fr}
  .trust-strip{font-size:14px;gap:4px 14px}
  .split p{font-size:15px}
  .reading strong{font-size:15px}
  .article h1{font-size:26px}
  .article .lead{font-size:16px}
  .toc nav a{font-size:14px}
  .calculator label{font-size:15px}
  .summary{padding:14px 16px}
}
@media print{.toc-inline,.shortcuts{display:none}.ad-box{border:0;background:none}}
/* 1枚シートの印刷ボタンを副ボタンと同じ見た目に */
.sheet .print-btn{min-height:50px;padding:10px 20px;border:1.5px solid var(--green);border-radius:4px;background:var(--white);color:var(--green);font-weight:bold}
.sheet .print-btn:hover{background:#e9eddf}
.toc-inline details{background:none;border:0;margin:0;padding:0}
.hero .eyebrow{font-size:14px}
.ig-link{font-size:14px;min-height:44px}
@media(max-width:620px){.ig-link{min-height:44px;min-width:44px;justify-content:center}}
.total-note{font-size:14px;color:var(--sub);margin:-8px 0 14px}
.total-note:empty{display:none}
/* 拡大表示（幅が狭いとき）にサイト名で横スクロールが出ないように */
@media(max-width:300px){.brand{white-space:normal;font-size:18px;padding-right:48px}}
.article-body a{overflow-wrap:anywhere}