:root {
  --paper: #fdf8ec; --paper-warm: #faf3df; --cream: #faf6e8;
  --beige-200: #f0e8d4; --beige-300: #e5d9c0;
  --mint: #4ea882; --mint-deep: #3a8666; --mint-dark: #2a6650;
  --mint-bg: #e8f4ec; --mint-light: #f1f9f4;
  --orange: #c95a2b; --orange-deep: #a04a23;
  --orange-bg: #fbe9d9; --orange-light: #fef3e8;
  --warm-900: #2d1f0f; --warm-700: #4a3826; --warm-500: #7a6850;
  --warm-300: #c9b89a; --warm-200: #e5d9c0; --warm-100: #f0e8d4; --warm-50: #f8f3e6;
  --gold: #d4651b; --gold-bg: #fef0d9;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Playfair Display", "Cormorant Garamond", Georgia, "Times New Roman", serif;
}
/* shell: header identical on every template */
header.site-header-native .topbar-nav a{margin-right:0!important}
header.site-header-native .topbar-logo{flex:0 0 auto!important;overflow:visible!important;text-overflow:clip!important}
header.site-header-native .topbar-nav{gap:18px!important}
@media (max-width:1180px){header.site-header-native .topbar-nav{gap:12px!important}header.site-header-native .topbar-nav a{font-size:.86rem!important}}
body.tr-v4 h1,body.tr-v4 h2,body.tr-v4 h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--warm-900)}
body.tr-v4 h1{font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.15}
body.tr-v4 main,body.tr-v4 .article{max-width:900px;margin:0 auto;padding:32px 5% 48px}
body.tr-v4 table{font-size:.94rem}
.gx-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:12px 0}
.gx-chart-data summary{cursor:pointer;font-size:.85rem;margin-top:8px}
.faq-q{font-weight:700;margin:18px 0 4px;font-family:var(--font-display);font-size:1.08rem}
.faq-answer{margin:0 0 14px}
.read-next{background:var(--mint-light);border:1px solid var(--beige-300);border-radius:12px;padding:14px 18px;margin:24px 0}
.warn{border-left:4px solid var(--orange);background:var(--orange-light);padding:12px 14px;border-radius:8px}
.page-dates{font-size:.82rem;color:var(--warm-500)}
.hero-tagline{font-size:1.05rem;color:var(--warm-700)}
/* key-value tables (no thead) fit the phone width instead of scrolling */
.v4-table:not(:has(thead)){min-width:0}
.v4-table:not(:has(thead)) th[scope=row]{width:42%}