/* ===========================================================
   検査結果票（2026-09-12 オーナー決定のWeb面正本）に寄せる上書き
   紙白 / 墨に近い深緑 / 差し色は朱1色 / ゴールドは使わない
   カードをやめて罫線の紙に。丸角と影は全部外す。濃い面はCTA1か所だけ。
   ⛔ これは新しい趣味ではなく、既にある正本の適用
   =========================================================== */

:root{
  --navy:#15211C;       /* 墨に近い深緑 */
  --gold:#C0452F;       /* 朱・差し色はこれ1色だけ */
  --gold-soft:#A93A27;
  --ink:#15211C;
  --ink-light:#5A6B62;
  --line:#DFDAD1;
  --paper:#F4F1EA;
  --white:#fff;
}

body{background:#FBFAF7;color:var(--ink)}

/* 丸角と影を外す */
header,.art,.card,.cards,.toc,.callout,.dialogue,.step,.steps,.refs,.author-card,
.next,.disc,.nc-cta,.nc-body,.subject,.dr-note,.voices,.voices-body blockquote,
.top-hero,.top-cta,.card-img,.card-img-none,.nav-line,.btn-hero,.btn-gold-lg,
.nc-btn,.top-hero-links a,img,figure{border-radius:0;box-shadow:none}

/* 書体：見出しは明朝を大きく詰めて、ラベルと数字は等幅 */
h1,h2,h3,h4,.art h1,.art h2,.art h3,.top-hero h1,.subject-head h2,.voices-head h2,
.top-cta h2,.list-head h1,.nf h1,.island-title{
  font-family:'Zen Old Mincho',serif;letter-spacing:.01em}
.crumb,.cat,.meta,.card-date,.subject-count,.subject-lead,.top-hero-label,
.dr-note-label,.author-label,.next .l,.toc-t,.nc-note,.top-cta-note,.pager{
  font-family:'IBM Plex Mono',monospace;font-feature-settings:"tnum" 1;letter-spacing:.04em}

/* ヘッダー：濃い面をやめて紙にする */
header{background:#FBFAF7;border-bottom:1px solid var(--line);height:64px}
.logo-t,.logo-text{color:var(--ink)}
.logo-t span,.logo-text span{color:var(--ink-light);letter-spacing:.2em}
.socials a{color:var(--ink-light)}
.socials a:hover{color:var(--gold)}
.nav-line{background:transparent;color:var(--gold);border:1px solid var(--gold);font-weight:700}
.nav-line:hover{background:var(--gold);color:#fff}
.logo-mark{border:1px solid var(--line);background-color:#fff}

/* トップのヒーロー：写真の濃い面をやめる */
.top-hero{background:#FBFAF7;color:var(--ink);padding:64px 24px 52px;border-bottom:1px solid var(--line)}
.top-hero::after{display:none}
.top-hero h1{color:var(--ink);font-size:clamp(24px,3.6vw,40px);line-height:1.62;font-weight:600}
.top-hero h1 em{color:var(--gold)}
.top-hero-label{color:var(--gold);border:1px solid var(--gold);background:transparent}
.top-hero-sub{color:var(--ink-light)}
.top-hero-links a{color:var(--ink);border:1px solid var(--line);background:#fff}
.top-hero-links a:hover{border-color:var(--gold);color:var(--gold)}
.top-hero-links a.is-line{background:var(--gold);color:#fff;border-color:var(--gold)}
.top-hero-links a.is-line:hover{background:var(--gold-soft);color:#fff}

/* 教科の見出し：罫線の紙 */
.subject-lead{color:var(--ink-light)}
.subject-head{border-bottom:1px solid var(--ink);padding-bottom:10px}
.subject-head h2{border-left:0;padding-left:0;font-size:22px;color:var(--ink)}
.subject-head h2::before{content:"／ ";color:var(--gold)}
.subject-count{color:var(--ink-light)}
.subject-all{color:var(--gold)}

/* 記事一覧：カードをやめて罫線の行にする（サムネは小さく、彩度を落とす） */
.cards{display:block}
.card{display:flex;flex-direction:row;gap:18px;align-items:flex-start;background:transparent;border:0;
      border-bottom:1px solid var(--line);padding:18px 0;transition:none}
.card:hover{background:#fff}
.card-img{flex:0 0 132px;width:132px;height:88px;object-fit:cover;aspect-ratio:auto;
          filter:saturate(.45) contrast(.92) brightness(1.02);border:1px solid var(--line)}
.card-img-none{flex:0 0 132px;width:132px;height:88px;background:#F4F1EA;border:1px solid var(--line)}
.card-img-none span{font-size:13px;color:var(--ink-light);font-family:'IBM Plex Mono',monospace}
.card-body{padding:0;flex:1}
.card-date{color:var(--ink-light);font-size:11.5px}
.card h3{font-family:'Zen Old Mincho',serif;font-size:17px;color:var(--ink);margin:6px 0 8px;line-height:1.6}
.card p{color:var(--ink-light);font-size:13px}
.card .more{display:none}

/* 記事本文 */
.art h2{border-left:0;padding-left:0;border-bottom:1px solid var(--ink);padding-bottom:8px;color:var(--ink)}
.art h2::before{content:"／ ";color:var(--gold)}
.art strong,.art b{background:linear-gradient(transparent 64%,rgba(192,69,47,.16) 64%);color:var(--ink)}
.art .toc{background:#fff;border:1px solid var(--line);border-left:2px solid var(--gold)}
.art .callout,.art .dialogue,.art .refs,.art .author-card,.art .next{
  background:#fff;border:1px solid var(--line)}
.art img{border:1px solid var(--line)}
.cat{background:transparent;color:var(--gold);border:1px solid var(--gold);font-size:11px}

/* 今週のひとこと・声 */
.dr-note{background:#fff;border:1px solid var(--line);border-left:2px solid var(--gold)}
.dr-note-label{color:var(--gold)}
.voices-head{border-bottom:1px solid var(--ink)}
.voices-head h2{border-left:0;padding-left:0}
.voices-head h2::before{content:"／ ";color:var(--gold)}
.voices-head a{color:var(--gold)}
.voices-body blockquote{background:#fff;border:1px solid var(--line);border-left:2px solid var(--gold)}

/* 濃い面はここ1か所だけ */
.top-cta{background:var(--ink);color:#fff}
.top-cta h2{color:#fff}
.btn-gold-lg{background:var(--gold);color:#fff}
.btn-gold-lg:hover{background:var(--gold-soft);transform:none}

/* 記事内のCTA：バナー画像をやめて文字だけにする
   （「若返りの設計図」のバナーは顧客向け禁止語＋はじけた見た目のため） */
.nc-cta{background:var(--ink);color:#fff;border:0;padding:30px 28px}
.nc-hero,.nc-herolink{display:none}
.nc-lead{color:#fff}
.nc-btn{background:var(--gold);color:#fff;border:0}
.nc-note{color:rgba(255,255,255,.6)}

footer{background:#FBFAF7;color:var(--ink-light);border-top:1px solid var(--line)}
footer a{color:var(--ink-light)}
footer a:hover{color:var(--gold)}

/* ポップアップも落ち着かせる */
.ps-popup{background:#fff;border:1px solid var(--ink)}
.ps-popup-title{font-family:'Zen Old Mincho',serif;color:var(--ink)}
.ps-popup-btn{background:var(--gold);color:#fff}