/* TipGoldVault standalone editorial pages — deliberately isolated from the homepage cascade. */
/* Palette aligned to the homepage system (src/css/refine.css section 31.1).
   These pages had their own set: a cooler page white, a lighter gold, and
   neutral grey hairlines against warm paper — so following a link from the
   homepage changed the temperature of the whole site. Same token names and
   same tiers, sourced from the homepage values.

   One deliberate exception: --ink-4. The homepage's fourth tier (#A6A29A)
   is decorative there, used on numerals. Here it sets the breadcrumb, the
   footer label and the footer fine print at 10-11px, where that value
   measures about 2.3:1 and fails. The homepage sets its own small labels
   in --ink-3, so this follows that precedent instead, which also raises
   contrast from roughly 4.6:1 to 6.4:1. */
:root{
  color-scheme:light only;
  --ink:#12110F;
  --ink-2:#3A3833;
  --ink-3:#66625B;
  --ink-4:#66625B;
  --gold:#7C5E10;
  --gold-2:#AE871F;
  --gold-dark:#63490C;
  --gold-wash:#FBF6EA;
  --gold-wash-2:#F7EBCB;
  --paper:#FCFAF6;
  --stone:#F7F4ED;
  --line:rgba(38,29,12,.075);
  --line-gold:rgba(124,94,16,.15);
  /* Four stops and a lit top edge, matching the homepage's --e-card plus
     --edge, instead of one long blur. */
  --shadow:
    0 1px 1px rgba(38,29,12,.03),
    0 2px 5px -2px rgba(38,29,12,.05),
    0 12px 26px -14px rgba(38,29,12,.1),
    0 30px 58px -38px rgba(38,29,12,.14),
    inset 0 1px 0 rgba(255,255,255,.94);
  --display:'Inter Tight','Manrope',system-ui,sans-serif;
  --sans:'Manrope',system-ui,-apple-system,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  /* Same composition, homepage paper tiers and homepage bloom colour. */
  background:
    radial-gradient(circle at 86% 5%,rgba(216,180,86,.11),transparent 25rem),
    linear-gradient(180deg,#FFFEFC 0,#FCFAF6 48%,#F7F4ED 100%);
  color:var(--ink-2);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.72;
  letter-spacing:-.008em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
/* The homepage sets links in the accent and darkens them on hover. These
   pages had it inverted, so a hovered link got lighter. */
a{color:var(--gold);text-decoration-thickness:1px;text-underline-offset:4px}
a:hover{color:var(--gold-dark)}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:3px}
img{max-width:100%;height:auto}
.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:9px 13px;border-radius:8px;background:var(--ink);color:#fff;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.editorial-shell{width:min(100%,1180px);margin:0 auto;padding:0 clamp(20px,5vw,64px)}
.editorial-header{padding:clamp(24px,4vw,42px) 0 0}
.editorial-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-family:var(--display);font-size:17px;font-weight:800;letter-spacing:-.025em;text-decoration:none}
.editorial-brand img{width:32px;height:32px;border-radius:50%}
.editorial-brand__gold{color:var(--gold)}
.editorial-main{padding:clamp(48px,8vw,92px) 0 clamp(72px,10vw,132px)}
.editorial-breadcrumb{margin:0 0 26px;color:var(--ink-4);font-size:11px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}
.editorial-breadcrumb a{color:inherit;text-decoration:none}
.editorial-breadcrumb span{margin:0 8px;color:var(--gold-2)}
.editorial-hero{position:relative;max-width:930px;padding:0 0 clamp(54px,8vw,90px)}
.editorial-hero::after{content:"";display:block;width:min(240px,44vw);height:1px;margin-top:clamp(34px,5vw,52px);background:linear-gradient(90deg,var(--gold-2),transparent)}
.editorial-eyebrow{margin:0 0 18px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.editorial-title{max-width:15ch;margin:0;color:var(--ink);font-family:var(--display);font-size:clamp(3rem,7.4vw,6.45rem);font-weight:800;line-height:.94;letter-spacing:-.057em;text-wrap:balance}
.editorial-intro{max-width:700px;margin:28px 0 0;color:var(--ink-2);font-size:clamp(18px,2.2vw,23px);line-height:1.52;letter-spacing:-.024em}
.editorial-intro p{margin:0 0 10px}
.editorial-intro strong{color:var(--ink);font-weight:800}
.editorial-prose{max-width:780px;margin:0 auto}
.editorial-section{padding:clamp(42px,7vw,76px) 0;border-top:1px solid var(--line)}
.editorial-section:first-child{border-top:0;padding-top:0}
.editorial-section h2{max-width:18ch;margin:0 0 26px;color:var(--ink);font-family:var(--display);font-size:clamp(2rem,4.8vw,3.7rem);font-weight:800;line-height:1.03;letter-spacing:-.047em;text-wrap:balance}
.editorial-section h3{margin:34px 0 12px;color:var(--ink);font-family:var(--display);font-size:clamp(1.2rem,2.2vw,1.55rem);line-height:1.2;letter-spacing:-.025em}
.editorial-section p{margin:0 0 18px}
.editorial-section p:last-child{margin-bottom:0}
.editorial-section strong{color:var(--ink);font-weight:800}
.editorial-section ul{margin:20px 0;padding:0;list-style:none}
.editorial-section li{position:relative;margin:0;padding:12px 0 12px 25px;border-bottom:1px solid var(--line)}
.editorial-section li::before{content:"";position:absolute;top:23px;left:2px;width:7px;height:7px;border-radius:50%;background:var(--gold-2)}
.editorial-beats{display:grid;gap:0;margin:28px 0;font-family:var(--display);font-size:clamp(1.45rem,3.4vw,2.35rem);font-weight:750;line-height:1.16;letter-spacing:-.035em}
.editorial-beats span{padding:11px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.editorial-beats span:last-child{border-bottom:0}
.editorial-statement{margin:30px 0;padding:clamp(22px,4vw,34px);border:1px solid var(--line-gold);border-left:3px solid var(--gold-2);border-radius:0 18px 18px 0;background:linear-gradient(135deg,var(--gold-wash),rgba(255,255,255,.92));color:var(--ink);font-family:var(--display);font-size:clamp(1.35rem,3vw,2rem);font-weight:730;line-height:1.23;letter-spacing:-.032em}
.editorial-statement p{margin:0 0 8px}
.editorial-statement p:last-child{margin:0}
.editorial-quote{margin:26px 0;padding:18px 0 18px 24px;border-left:2px solid var(--gold-2);color:var(--ink);font-family:var(--display);font-size:clamp(1.15rem,2.4vw,1.55rem);font-weight:650;line-height:1.4}
.editorial-process{counter-reset:steps;display:grid;gap:12px;margin:30px 0}
.editorial-step{counter-increment:steps;position:relative;padding:22px 22px 22px 66px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.72);box-shadow:var(--shadow)}
.editorial-step::before{content:counter(steps);position:absolute;top:21px;left:21px;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line-gold);border-radius:50%;background:var(--gold-wash);color:var(--gold-dark);font-size:12px;font-weight:800}
.editorial-step h3{margin:0 0 6px;font-size:18px}
.editorial-step p{margin:0}
.editorial-example{margin:30px 0;padding:clamp(22px,4vw,36px);border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}
.editorial-example__title{margin:0 0 18px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.editorial-flow{display:grid;gap:10px;margin:24px 0}
.editorial-flow div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}
.editorial-flow div:last-child{border-bottom:0}
.editorial-flow dt{color:var(--ink-3);font-size:13px;font-weight:700}
.editorial-flow dd{margin:0;color:var(--ink);font-weight:800;text-align:right}
.editorial-number{margin:22px 0;color:var(--ink);font-family:var(--display);font-size:clamp(2.7rem,8vw,5.4rem);font-weight:800;line-height:.92;letter-spacing:-.055em}
.editorial-number small{display:block;margin-top:9px;color:var(--ink-3);font-family:var(--sans);font-size:13px;font-weight:700;letter-spacing:.02em;line-height:1.35}
.editorial-price-formula{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:28px 0;padding:24px;border:1px solid var(--line-gold);border-radius:18px;background:var(--gold-wash);text-align:center}
.editorial-price-formula strong{font-family:var(--display);font-size:clamp(1.15rem,2.4vw,1.5rem);line-height:1.2}
.editorial-price-formula span{color:var(--gold);font-size:28px;font-weight:500}
.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px 0}
.editorial-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.76)}
.editorial-card h3{margin:0 0 8px;font-size:17px}
.editorial-card p{margin:0;color:var(--ink-3);font-size:14px}
.editorial-cta{margin:clamp(50px,8vw,84px) 0 0;padding:clamp(26px,5vw,44px);border-radius:22px;background:var(--ink);color:#f9f4e7;box-shadow:0 28px 70px -42px rgba(0,0,0,.7)}
.editorial-cta h2{max-width:18ch;margin:0 0 14px;color:#fff;font-family:var(--display);font-size:clamp(2rem,4.5vw,3.4rem);line-height:1;letter-spacing:-.045em}
.editorial-cta p{max-width:55ch;margin:0 0 22px;color:rgba(255,255,255,.72)}
.editorial-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:13px 20px;border:1px solid var(--gold-2);border-radius:999px;background:linear-gradient(176deg,#E6C877 0%,#D9B551 34%,#C79C2D 76%,#BE9122 100%);color:#1B1406;font-size:13px;font-weight:800;text-decoration:none;box-shadow:0 10px 24px -16px rgba(213,170,61,.9)}
.editorial-button:hover{color:#1B1406;transform:translateY(-1px)}
.editorial-eligibility{margin-top:13px!important;color:rgba(255,255,255,.58)!important;font-size:11px!important}
.editorial-crosslinks{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0 0}
.editorial-crosslinks a{padding:10px 14px;border:1px solid var(--line-gold);border-radius:999px;background:#fff;color:var(--gold-dark);font-size:12px;font-weight:800;text-decoration:none}
.editorial-crosslinks a:hover{background:var(--gold-wash)}
.editorial-prelaunch{margin:clamp(44px,7vw,72px) 0 0;padding:22px 24px;border:1px solid var(--line-gold);border-radius:16px;background:var(--gold-wash)}
.editorial-prelaunch strong{display:block;margin-bottom:7px;color:var(--gold-dark);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.editorial-prelaunch p{margin:0;color:var(--ink-3);font-size:13px;line-height:1.68}
.faq-page{display:grid;gap:12px}
.faq-page details{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.78);overflow:hidden}
.faq-page summary{position:relative;padding:20px 54px 20px 22px;color:var(--ink);font-family:var(--display);font-size:clamp(1rem,2vw,1.18rem);font-weight:750;line-height:1.35;letter-spacing:-.02em;cursor:pointer;list-style:none}
.faq-page summary::-webkit-details-marker{display:none}
.faq-page summary::before,.faq-page summary::after{content:"";position:absolute;top:50%;right:22px;width:14px;height:1.5px;background:var(--gold);transform:translateY(-50%)}
.faq-page summary::after{transform:translateY(-50%) rotate(90deg)}
.faq-page details[open] summary::after{transform:translateY(-50%)}
.faq-page__answer{padding:0 22px 22px;border-top:1px solid var(--line);color:var(--ink-3)}
.faq-page__answer p{margin:17px 0 0}
.faq-page__answer strong{color:var(--ink)}
/* Footer band matched to the homepage footer's two stops. */
.editorial-footer{border-top:1px solid var(--line);background:linear-gradient(180deg,#F6F3EB,#F2EEE4);padding:clamp(38px,6vw,62px) 0 calc(38px + env(safe-area-inset-bottom,0px))}
.editorial-footer__grid{display:grid;grid-template-columns:1.1fr 1.4fr;gap:clamp(28px,6vw,72px);align-items:start}
.editorial-footer__brand{margin-bottom:15px}
.editorial-footer address{color:var(--ink-3);font-size:12px;font-style:normal;line-height:1.7}
.editorial-footer__social{margin:10px 0 0;font-size:12px}
.editorial-footer__label{margin:0 0 10px;color:var(--ink-4);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.editorial-footer__explore,.editorial-footer__legal{display:flex;flex-wrap:wrap;gap:8px 18px}
.editorial-footer nav a{color:var(--ink-2);font-size:12px;font-weight:700;text-decoration:none}
.editorial-footer nav a:hover{color:var(--gold)}
.editorial-footer__waitlist{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink-3);font-size:11px}
.editorial-footer__waitlist a{font-size:12px;font-weight:800}
.editorial-footer__legal{margin-top:14px}
.editorial-footer__fine{margin:18px 0 0;color:var(--ink-4);font-size:10.5px;line-height:1.65}
@media (max-width:720px){
  .editorial-main{padding-top:42px}
  .editorial-title{font-size:clamp(2.75rem,13vw,4.5rem)}
  .editorial-section{padding:46px 0}
  .editorial-grid{grid-template-columns:1fr}
  .editorial-footer__grid{grid-template-columns:1fr}
  .editorial-footer__waitlist{align-items:flex-start;flex-direction:column}
}
@media (max-width:520px){
  .editorial-shell{padding-inline:18px}
  .editorial-price-formula{grid-template-columns:1fr;gap:8px}
  .editorial-price-formula span{line-height:1}
  .editorial-flow div{grid-template-columns:1fr;gap:2px}
  .editorial-flow dd{text-align:left}
  .editorial-step{padding:20px 18px 20px 58px}
  .editorial-step::before{left:17px}
  .faq-page summary{padding:18px 48px 18px 18px}
  .faq-page summary::before,.faq-page summary::after{right:18px}
  .faq-page__answer{padding:0 18px 19px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.editorial-button{transition:none}}
@media print{
  body{background:#fff;color:#000}
  .editorial-header,.editorial-cta,.editorial-footer{display:none}
  .editorial-main{padding:0}
  .editorial-section{break-inside:avoid}
  .faq-page details{break-inside:avoid}
  .faq-page__answer{display:block!important}
}