/* 全ページ共通UI（ヘッダー＋ハンバーガーメニュー）【エンジン】
   ブランド色は --tpn-accent（style.css で上書き）。既定はTWNのワインレッド */
:root{--tpn-accent:#7B1E3B}
.tpn-hidden{display:none!important}

.tpn-appbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;
  height:56px;padding:0 8px 0 16px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);
  border-bottom:1px solid #E6E1D7;max-width:680px;margin:0 auto;
  font-family:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif}
.tpn-appbar .brand{display:flex;align-items:center;font-size:.95rem;font-weight:600;letter-spacing:.14em;color:#211E1A;text-decoration:none}
.tpn-appbar .brand .logo{width:26px;height:26px;margin-right:8px;display:block}
.tpn-appbar .brand b{color:var(--tpn-accent);font-weight:600}
.tpn-appbar .burger{width:42px;height:42px;border:none;background:none;cursor:pointer;
  display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 9px}
.tpn-appbar .burger span{display:block;height:2.5px;border-radius:2px;background:#2B2B2B}

.tpn-menu-bg{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:70}
.tpn-menu{position:fixed;top:0;right:0;bottom:0;z-index:71;width:76%;max-width:300px;background:#fff;
  box-shadow:-4px 0 24px rgba(0,0,0,.14);display:flex;flex-direction:column;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif}
.tpn-menu .mhead{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;
  border-bottom:1px solid #ECE3D4;font-weight:800;font-size:1.05rem}
.tpn-menu .mhead button{border:none;background:none;font-size:1.25rem;cursor:pointer}
.tpn-menu a{padding:15px 18px;text-decoration:none;color:#2B2B2B;font-weight:700;font-size:.98rem;border-bottom:1px solid #ECE3D4}
.tpn-menu a:active{background:#FAF6EF}

/* 条件バッジ（EC等の派生チップ）/ 免責の注意書き（全ページ共通で読み込み） */
.badges .b-ec{display:inline-block;font-style:normal;font-size:.7rem;font-weight:500;letter-spacing:.04em;
  color:var(--tpn-accent);background:#fff;border:1px solid #D9C3CB;border-radius:2px;padding:1px 8px;margin:2px 4px 0 0}
.tpn-legal-note{max-width:680px;margin:40px auto 8px;padding:16px 14px 0;font-size:.74rem;line-height:1.8;
  letter-spacing:.04em;text-align:center;color:#847E73;border-top:1px solid #E6E1D7}