/* 相続した家と土地 どうする診断 — 記事用
   本体(index.html)と同じシニア向けの基準を守る。
   本文19px / 薄いグレーを使わない / 行間ゆったり / リンクは太字で下線 */
:root{
  --paper:#FBF8F2; --paper-2:#FFFFFF; --paper-3:#F2EDE2;
  --ink:#1C1A17; --ink-sub:#4A453E; --line:#CFC7B8;
  --ai:#1F4E6B; --ai-deep:#163B52; --ai-bg:#E8EFF4;
  --shu:#B5442E; --shu-bg:#F7E9E5;
  --midori:#2E6B4B; --midori-bg:#E6F0EA;
  --f-min:"Hiragino Mincho ProN","Yu Mincho","YuMincho","Noto Serif JP",serif;
  --f-body:"Hiragino Sans","Yu Gothic","YuGothic","Noto Sans JP",sans-serif;
  --f-num:ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{font-family:var(--f-body);background:var(--paper);color:var(--ink);
  font-size:19px;line-height:1.95;padding-bottom:env(safe-area-inset-bottom);}
.wrap{max-width:680px;margin:0 auto;padding:0 20px;}
a{color:var(--ai-deep);font-weight:700;text-underline-offset:4px;}
:focus-visible{outline:4px solid var(--shu);outline-offset:3px;}
img{max-width:100%;height:auto;}

/* ---- ヘッダー ---- */
.site{border-bottom:2px solid var(--line);background:var(--paper-2);}
.site .wrap{display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap;}
.site .brand{font-family:var(--f-min);font-weight:700;font-size:17px;
  color:var(--ink);text-decoration:none;}
.site .to{background:var(--shu);color:#fff;text-decoration:none;font-weight:700;
  font-size:16px;padding:12px 18px;border-radius:8px;min-height:48px;
  display:inline-flex;align-items:center;}

/* ---- 記事 ---- */
.head{padding:34px 0 6px;}
.head .tag{display:inline-block;background:var(--ai-bg);color:var(--ai-deep);
  font-weight:700;font-size:15px;padding:7px 14px;border-radius:6px;margin-bottom:16px;}
h1{font-family:var(--f-min);font-size:clamp(26px,6.4vw,34px);line-height:1.5;
  font-weight:700;}
.head .date{font-size:15px;color:var(--ink-sub);margin-top:14px;}
.head .lede{font-size:18px;color:var(--ink-sub);margin-top:18px;}

.toc{border:2px solid var(--line);background:var(--paper-2);border-radius:10px;
  padding:20px;margin:28px 0;}
.toc b{font-family:var(--f-min);font-size:18px;display:block;margin-bottom:10px;}
.toc ol{margin:0;padding-left:1.3em;}
.toc li{margin:8px 0;font-size:17px;}

article h2{font-family:var(--f-min);font-size:clamp(22px,5vw,26px);line-height:1.55;
  margin:46px 0 14px;padding-left:16px;border-left:7px solid var(--shu);font-weight:700;}
article h3{font-family:var(--f-min);font-size:20px;margin:30px 0 8px;font-weight:700;}
article p{margin:16px 0;}
article ul,article ol{margin:16px 0 16px 1.35em;}
article li{margin:9px 0;}
article strong{font-weight:700;background:linear-gradient(transparent 62%, #F6E2A8 62%);}

.box{border:2px solid var(--line);background:var(--paper-2);border-radius:10px;
  padding:20px;margin:26px 0;font-size:18px;}
.box b{font-family:var(--f-min);display:block;font-size:19px;margin-bottom:8px;}
.alert{border:none;border-left:7px solid var(--shu);background:var(--shu-bg);
  border-radius:0 10px 10px 0;}
.good{border:none;border-left:7px solid var(--midori);background:var(--midori-bg);
  border-radius:0 10px 10px 0;}

.tbl{overflow-x:auto;margin:26px 0;border:2px solid var(--line);border-radius:10px;}
table{border-collapse:collapse;width:100%;min-width:460px;background:var(--paper-2);font-size:17px;}
th,td{padding:14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;}
thead th{background:var(--paper-3);font-weight:700;white-space:nowrap;}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:none;}

.faq details{border:2px solid var(--line);background:var(--paper-2);border-radius:10px;
  padding:16px 20px;margin:14px 0;}
.faq summary{font-weight:700;cursor:pointer;font-size:18px;line-height:1.6;
  min-height:44px;display:flex;align-items:center;}
.faq summary::marker{color:var(--shu);}
.faq details p{font-size:17px;color:var(--ink-sub);}

.cta{border:3px solid var(--shu);border-radius:10px;background:var(--paper-2);
  padding:26px 22px;margin:44px 0 10px;text-align:center;}
.cta h2{border:none;padding:0;margin:0 0 8px;font-size:23px;}
.cta p{font-size:17px;color:var(--ink-sub);margin:0 0 20px;}
.cta a{display:block;background:var(--shu);color:#fff;text-decoration:none;
  font-weight:700;font-size:20px;padding:20px;border-radius:8px;min-height:64px;
  line-height:1.5;}
.cta a:hover{background:#9C3826;}
.cta small{display:block;margin-top:14px;font-size:16px;color:var(--ink-sub);}

footer{margin-top:56px;border-top:1px solid var(--line);padding:20px 0 40px;}
footer nav{display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:14px;font-size:17px;}
footer .disc{font-size:12.5px;color:#6E6860;line-height:1.75;}
footer .disc a{color:#6E6860;font-weight:400;}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}
  html{scroll-behavior:auto;}}