/* ============================================================
   precision-2026-chrome.css — 旧テーマの個別ページ（single-column.php／single-treatment-results.php）に、
   新デザインの「金帯・ナビ・ドロワー・フッター」だけを載せるための CSS（2026-11-08・hp-redesign-2026-v02）。
   ・precision-2026.css は読まない：html{font-size:16px!important} と *{margin:0;padding:0} が旧本文（html 10px・rem 依存）を崩すため。
   ・すべて px。値は precision-2026.css の rem×16 を px 化したもの（ナビ padding 1.2rem→19px、フッター padding 6rem→96px …）。
   ・旧 navi.css（nav / nav ul / nav ul li / nav ul li a / span / ::before / ::after）、reset.css（h4 p ul li img）、style.css（body{text-align:justify}）、
     footer.css（footer{padding;background}）の要素セレクタに負けないよう、body.pc-chrome＋クラス／id で上書きし、margin/padding/border/background を明示する。
   ・ナビは常にソリッド（個別ページに紺のヒーローは無い）＝ .nav-solid 相当を既定にし、白ロゴは出さない。
   ・配置：テーマ assets/redesign-2026/precision-2026-chrome.css（投入＝deploy/all/10_singles）。正典＝homepage/redesign-2026/assets/precision-2026-chrome.css
   ============================================================ */
:root{--navy-900:#1a2a44;--navy-800:#20314f;--deep-navy:#0a1628;--ivory:#faf8f3;--gold:#dda84c;--gold-deep:#b8892f;--gold-muted:#e8c888;--gray-text:#4a4a4a;--serif-jp:"Noto Serif JP","游明朝","Yu Mincho",serif;--serif-en:"Cormorant Garamond",serif;--sans:"Inter","Noto Sans JP",sans-serif;--gold-band:linear-gradient(90deg,#836222 0%,#a87e30 14%,#c79a3c 30%,#f4d58a 47%,#e2bd62 53%,#c79a3c 70%,#a87e30 86%,#7e5d20 100%);--gold-button:linear-gradient(90deg,#c2933e 0%,#dcb55f 26%,#f7e6b3 50%,#dcb55f 74%,#c2933e 100%);}

/* 金箔帯（最上部・固定） */
body.pc-chrome::before{content:"";position:fixed;top:0;left:0;right:0;height:4px;z-index:2000;pointer-events:none;background:var(--gold-band);}

/* ---------- ナビ（常にソリッド） ---------- */
body.pc-chrome nav#siteNav{position:fixed;top:4px;left:0;right:0;bottom:auto;width:auto;height:auto;margin:0;padding:19px 48px;z-index:1000;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;background:rgba(245,241,232,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:0;border-bottom:1px solid rgba(168,138,74,.15);text-align:left;font-size:16px;line-height:1.2;transform:none;opacity:1;visibility:visible;}
.pc-chrome .logo-link{position:relative;display:inline-block;line-height:0;text-decoration:none;flex-shrink:0;margin:0 clamp(40px,6vw,112px) 0 0;padding:0;}
.pc-chrome .logo-img{height:50px;width:auto;max-width:none;display:block;}
.pc-chrome .logo-light{display:none;}
.pc-chrome .logo-dark{position:static;opacity:1;}
.pc-chrome .nav-links{display:flex;justify-content:flex-end;align-items:center;gap:clamp(18px,1.7vw,35px);margin:0 0 0 auto;padding:0;border:0;background:transparent;list-style:none;font-size:16px;width:auto;height:auto;position:static;}
.pc-chrome .nav-links li{flex-shrink:0;position:static;margin:0;padding:0;border:0;background:transparent;text-align:center;list-style:none;}
.pc-chrome .nav-links li::before,.pc-chrome .nav-links li::after{content:none;display:none;}
.pc-chrome .nav-links a{display:flex;flex-direction:column;align-items:center;gap:2px;width:auto;margin:0;padding:5px 0;border:0;background:transparent;color:var(--navy-800);text-decoration:none;white-space:nowrap;transform:none;transition:color .3s;font-weight:400;position:static;}
.pc-chrome .nav-links a::before,.pc-chrome .nav-links a::after{content:none;display:none;}
.pc-chrome .nav-links a span{display:block;width:auto;padding:0;margin:0;white-space:nowrap;}
.pc-chrome .nav-links a .nav-en{font-family:var(--sans);font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;line-height:1.2;color:inherit;}
.pc-chrome .nav-links a .nav-jp{font-family:var(--serif-jp);font-size:10px;letter-spacing:.1em;font-weight:400;color:var(--gray-text);line-height:1.2;transition:color .3s;}
.pc-chrome .nav-links a:hover{color:var(--gold);text-decoration:none;}
.pc-chrome .nav-links a:hover .nav-jp{color:var(--gold-deep);}
.pc-chrome .nav-links a.nav-cta{padding:11px 24px;background:var(--navy-900);border:0;transition:background .3s;}
.pc-chrome .nav-links a.nav-cta .nav-en{color:var(--ivory);letter-spacing:.22em;}
.pc-chrome .nav-links a.nav-cta .nav-jp{color:var(--gold-muted);}
.pc-chrome .nav-links a.nav-cta:hover{background:var(--gold);}
.pc-chrome .nav-links a.nav-cta:hover .nav-en,.pc-chrome .nav-links a.nav-cta:hover .nav-jp{color:var(--navy-900);}
.pc-chrome .nav-links li.nav-lang{display:flex;align-items:center;gap:8px;margin:0 0 0 8px;padding:0 0 0 24px;border:0;border-left:1px solid rgba(32,49,79,.15);}
.pc-chrome .nav-links li.nav-lang a{display:block;padding:0;font-family:var(--serif-en);font-size:15px;letter-spacing:.15em;font-weight:400;color:var(--gray-text);opacity:.7;}
.pc-chrome .nav-links li.nav-lang a:hover{color:var(--gold);opacity:1;}
@media (max-width:1200px){.pc-chrome .nav-links a .nav-en{font-size:11.5px;letter-spacing:.13em;}.pc-chrome .nav-links a .nav-jp{font-size:9.6px;}.pc-chrome .nav-links a.nav-cta{padding:10px 18px;}}
@media (max-width:1040px){.pc-chrome .nav-links{gap:13px;}.pc-chrome .nav-links a .nav-en{font-size:10.5px;letter-spacing:.08em;}.pc-chrome .nav-links a .nav-jp{font-size:9px;letter-spacing:.04em;}.pc-chrome .logo-link{margin-right:22px;}.pc-chrome .nav-links li.nav-lang{padding-left:14px;margin-left:3px;}}

/* ---------- ハンバーガー＋ドロワー（ドロワーはナビの下層＝×ボタンが常に見える。旧SPバーはメニュー展開中 body.pc-spbar-menu-open で隠す） ---------- */
.pc-chrome .nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin:0;background:none;border:none;border-radius:0;cursor:pointer;padding:9px;z-index:1020;-webkit-appearance:none;appearance:none;box-shadow:none;position:static;}
.pc-chrome .nav-toggle span{display:block;position:static;height:2px;width:26px;margin:0;background:var(--navy-800);border:0;border-radius:2px;transition:transform .3s ease,opacity .3s ease;}
.pc-chrome .nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.pc-chrome .nav-toggle.open span:nth-child(2){opacity:0;}
.pc-chrome .nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.pc-chrome .mobile-drawer{position:fixed;top:0;right:0;bottom:0;left:auto;width:min(82vw,340px);height:auto;margin:0;background:var(--navy-900);z-index:990;transform:translateX(100%);transition:transform .42s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:center;gap:6px;padding:92px 26px 32px;box-sizing:border-box;box-shadow:-24px 0 70px rgba(0,0,0,.35);overflow-y:auto;text-align:left;}
.pc-chrome .mobile-drawer.open{transform:none;}
.pc-chrome .mobile-drawer a{color:var(--ivory);text-decoration:none;padding:13px 18px;margin:0;border:0;border-bottom:1px solid rgba(201,180,138,.14);display:flex;flex-direction:column;gap:2px;font-family:var(--serif-jp);font-size:15.5px;line-height:1.5;letter-spacing:.04em;font-weight:400;background:transparent;}
.pc-chrome .mobile-drawer a span{font-family:var(--serif-en);font-style:italic;color:var(--gold-muted);font-size:12px;letter-spacing:.1em;display:block;padding:0;}
.pc-chrome .mobile-drawer a.drawer-cta{background:var(--gold-button);color:var(--navy-900);margin-top:16px;border-radius:4px;border-bottom:none;font-weight:700;}
.pc-chrome .mobile-drawer a.drawer-cta span{color:var(--navy-900);opacity:.65;}
.pc-chrome .drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(10,22,40,.5);opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:980;}
.pc-chrome .drawer-backdrop.open{opacity:1;visibility:visible;}
@media (max-width:900px){body.pc-chrome nav#siteNav{padding:16px 24px;}.pc-chrome .nav-links{display:none;}.pc-chrome .nav-toggle{display:flex;}.pc-chrome .logo-img{height:38px;}}

/* ---------- フッター ---------- */
.pc-chrome footer.site-footer{display:block;background:var(--navy-900);color:var(--ivory);margin:0;padding:96px 48px 32px;box-sizing:border-box;text-align:left;font-family:var(--serif-jp);font-size:16px;line-height:1.8;}
.pc-chrome .site-footer *{box-sizing:border-box;}
.pc-chrome .footer-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1.5fr 1.1fr 1.2fr;gap:64px;padding:0 0 64px;border-bottom:1px solid rgba(201,180,138,.15);}
.pc-chrome .logo-img-footer{height:56px;width:auto;max-width:none;display:block;margin:0 0 24px;}
.pc-chrome .footer-brand p{margin:24px 0 0;padding:0;font-size:14px;line-height:1.9;color:rgba(245,241,232,.6);text-align:left;}
.pc-chrome .footer-col h4{font-family:var(--serif-en);font-style:italic;font-size:15px;color:var(--gold-muted);margin:0 0 24px;padding:0;letter-spacing:.05em;font-weight:400;line-height:1.4;}
.pc-chrome .footer-col ul{list-style:none;margin:0;padding:0;display:block;}
.pc-chrome .footer-col li{margin:0 0 14px;padding:0;list-style:none;line-height:1.6;position:static;}
.pc-chrome .footer-col li::before{content:none;display:none;}
.pc-chrome .footer-col a{color:rgba(245,241,232,.7);text-decoration:none;font-size:14px;letter-spacing:.05em;transition:color .3s;display:inline;padding:0;}
.pc-chrome .footer-col a:hover{color:var(--gold);text-decoration:none;}
.pc-chrome .footer-col-wide ul{columns:2;column-gap:35px;}
.pc-chrome .footer-col-wide ul li{break-inside:avoid;}
.pc-chrome .ft-access{display:block;font-size:12px;color:rgba(245,241,232,.45);letter-spacing:.05em;margin-top:2px;line-height:1.6;}
.pc-chrome .footer-bottom{max-width:1400px;margin:0 auto;padding:32px 0 0;display:flex;justify-content:space-between;font-family:var(--sans);font-size:12px;letter-spacing:.15em;line-height:1.6;color:rgba(245,241,232,.4);}
.pc-chrome .footer-bottom a{color:rgba(245,241,232,.55);text-decoration:none;transition:color .3s;}
.pc-chrome .footer-bottom a:hover{color:var(--gold-muted);}
@media (max-width:900px){.pc-chrome footer.site-footer{padding:64px 24px 32px;}.pc-chrome .footer-grid{grid-template-columns:1fr;gap:40px;}.pc-chrome .footer-col-wide ul{columns:2;}.pc-chrome .footer-bottom{flex-direction:column;gap:16px;}}

/* ---------- 旧本文との継ぎ目：旧ヘッダー（PC 100px／SP 63px）→ 新ナビ（PC 約92px／SP 約74px）。PC は旧 margin-top:100px のまま、SP だけ広げる ---------- */
@media (max-width:900px){.pc-chrome #header_block02,.pc-chrome #header_block03{margin-top:86px !important;}}
/* 膵臓癌・RAS外来・腹膜播種（section.hero が先頭・padding-top 90px）：SP で新ナビ（77px）との隙間が 9px になるため 27px に戻す。PC は padding-top 130px のまま */
@media (max-width:900px){body.pc-chrome section.hero{padding-top:108px !important;}}