/* ============================================================
   theme-port.css — 旧テンプレートの下層ページを紙のカルテ基調へ移植
   （各ページのインライン<style>の後に読み込む）
   ============================================================ */
body::before{display:none !important}
body{font-size:17px;line-height:1.9}
@media(max-width:640px){body{font-size:16px}}

/* 旧ナビは撤去済み。共通ナビ（.pj-nav）分の余白 */
.hero{padding-top:8.5rem}
@media(max-width:700px){.hero{padding-top:6.5rem}}

/* ヒーローは紺の帯として維持 */
.hero .wrap{display:block;max-width:1060px}
.hero-btns{gap:.8rem}
.hero{background:var(--navy);color:var(--cream);min-height:0;border-bottom:0}
.hero::before{filter:saturate(.35) brightness(.34)}
.hero::after{background:linear-gradient(180deg,rgba(10,19,32,.75) 0%,rgba(10,19,32,.9) 100%)}
.hero h1{color:var(--cream);font-size:clamp(1.8rem,3.8vw,2.7rem);line-height:1.5;letter-spacing:.03em}
.hero h1 .gold,.hero h1 .g{color:inherit}
.hero-sub,.hero .lead,.hero-lead{color:var(--cream-2)}
.hero-ey,.eyebrow{font-family:var(--sans);font-size:.82rem;letter-spacing:.06em;text-transform:none;color:var(--gold)}
.hero-ey::before{display:none}
.hero-notice{font-family:var(--sans);font-size:.85rem;letter-spacing:.02em;color:var(--cream-2);border-color:rgba(201,169,97,.5);background:rgba(201,169,97,.08)}
.hero-notice strong{color:var(--gold)}
.hero .tag{color:var(--cream-2);border-color:var(--line-dark)}

/* 本文の各セクション */
section{padding:5rem 1.5rem}
@media(min-width:900px){section{padding:6.5rem 3rem}}
.sec-label{font-family:var(--sans);font-size:.84rem;letter-spacing:.06em;text-transform:none;color:var(--gold-deep)}
.sec-label::before{background:var(--gold)}
h2{color:var(--navy);font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.55}
h3{color:var(--navy)}
.gold{color:var(--gold-deep)}
.lead,.sub{color:var(--ink-2)}

/* ラベル類：等幅・大文字をやめる */
.tag,.badge,.qtag,.plan-badge,.card-num,.fs-num,.scene-num,.ai-item-num,.ap-num,.ec-role,.ec-tags span,.tl-y,.prof-role,.cta-note,.flow-note,.note,.bsub,.nav-back,.nav-cta2,.btn-gold,.btn-ghost,.pb-gold,.pb-ghost,.plan-btn,.plan-label,.dlt,.mhead>span,.fq-q>span,.cap,.sp-l,.ax-n{font-family:var(--sans);text-transform:none;letter-spacing:.04em}
.card-num,.scene-num,.ap-num,.ai-item-num,.fs-num{font-family:var(--serif)}
.tag,.badge,.plan-badge{font-size:.76rem}

/* ボタン */
.btn-g{background:var(--gold);color:var(--navy);font-weight:700}
.btn-o{border:1px solid var(--navy);color:var(--navy)}
.btn-o:hover{background:var(--navy);color:var(--cream);border-color:var(--navy)}
.btn-gold,.pb-gold,.plan-btn{background:var(--gold);color:var(--navy);font-size:.98rem;font-weight:700;padding:.95rem 1.6rem;border-radius:var(--r);letter-spacing:.04em}
.btn-gold:hover,.pb-gold:hover{background:#D9BC77;transform:none}
.btn-ghost,.pb-ghost{border:1px solid var(--navy);color:var(--navy);font-size:.98rem;font-weight:500;padding:.95rem 1.6rem;border-radius:var(--r);letter-spacing:.04em}
.btn-ghost:hover,.pb-ghost:hover{background:var(--navy);color:var(--cream);transform:none;border-color:var(--navy)}
.hero .btn-ghost,.cta-sec .btn-ghost,.cta .btn-ghost,.hero .btn-o,.cta .btn-o{border-color:var(--cream-2);color:var(--cream)}
.hero .btn-ghost:hover,.cta-sec .btn-ghost:hover,.cta .btn-ghost:hover{background:var(--cream);color:var(--navy);border-color:var(--cream)}
@media(max-width:640px){.btn-gold,.btn-ghost,.pb-gold,.pb-ghost{width:100%;justify-content:center}}

/* カード面：紙の上の白 */
.card,.fstep,.pcard,.scene-card,.ap-card,.ai-item,.plan-card,.ec,.tl-item,.prof-card,.scope-box,.qdoc,.dl,.maptbl,.ax,.sp,.job,.val{background:var(--paper-3);border-color:var(--line)}
.card:hover,.fstep:hover,.ap-card:hover,.plan-card:hover,.scene-card:hover{transform:none;border-color:var(--gold);background:#fff}
.card p,.fs-d,.ap-desc,.ai-item-desc,.ec-bio,.tl-d,.prof-bio,.flow-desc,.scene-desc,.plan-body,.sp-m{color:var(--ink-2)}
.scene-grid,.ap-grid,.expert-grid,.grid3,.grid2{background:transparent}
.scene-grid{background:var(--line)}
.featured{border-color:var(--gold)}
.plan-card.featured{box-shadow:none}

/* リスト・表 */
.check-list li,.dlrow,.mrow,.qrow{border-color:var(--line)}
.ck-y{color:var(--green)} .ck-n{color:var(--red)}
.why-quote{color:var(--navy);border-color:var(--gold)}
.badge,.qtag,.card .badge{background:var(--gold);color:var(--navy)}
.hot{color:var(--red)}
.none{color:var(--mute)}

/* FAQ */
.fq-q{color:var(--navy)} .fq-a{color:var(--ink-2)}
details summary{color:var(--navy)}

/* 最下部CTA帯は紺で締める */
.cta-sec,.cta{background:var(--navy);color:var(--cream)}
.cta-sec::before,.cta::before{filter:saturate(.3) brightness(.5)}
.cta-sec::after,.cta::after{background:linear-gradient(180deg,rgba(10,19,32,.85),rgba(10,19,32,.92))}
.cta-sec h2,.cta h2,.cta-title{color:var(--cream)}
.cta-desc,.cta-sec p,.cta p,.cta-sec .sub,.cta .sub{color:var(--cream-2)}
.cta-note{color:#9AA3B5}
.cta-email{color:var(--cream)}
.cta-sec .sec-label,.cta .sec-label,.cta .eyebrow{color:var(--gold)}

/* 旧テンプレの帯画像（採用）*/
.imgband{filter:saturate(.7)}

/* スクロール連動のフェードは廃止（トップと統一。高齢の読者に「出てこない」を起こさない） */
.reveal,.stagger>*,.rv{opacity:1 !important;transform:none !important;transition:none !important}
.hero-ey,.hero h1,.hero-sub,.hero-notice,.hero-btns{opacity:1 !important;animation:none !important}

/* 共通ナビと重なるので旧ナビ関連の余白を無効化 */
.nav-r,.nav-back,.nav-cta2{display:none}