/* 1st Source v2 skin (11/4): re-themes every inner page to match the "Text with Sal" homepage.
   Loaded LAST on each page so it wins over site.css and the page's own <style>.
   Palette: ink + cream ground, cobalt for trust/links, sunshine yellow for action, coral for warnings, mint for "good". */
:root{
  --navy:#16132B; --navy-2:#2B2750;
  --gold:#FFD23F; --gold-l:#FFE27A; --btn-ink:#16132B;
  --cobalt:#2F4BFF; --cobalt-d:#1E33C9; --coral:#FF6B4A; --mint:#2ED197; --lilac:#E9E4FF; --peach:#FFE3D6;
  --strong:#16132B; --ink:#16132B; --body:#3B3757; --slate:#55516F; --mute:#7C7896;
  --accent:#2F4BFF; --line:rgba(22,19,43,.12); --line-2:rgba(22,19,43,.2);
  --bg:#FFF7EA; --band:#FFFFFF; --surface:#FFFFFF; --surface-2:#F5F2FF; --chip:#EFEBFF;
  --warn:#E04E2E; --good:#139C6B;
  --shadow:5px 5px 0 #16132B; --shadow-lg:8px 8px 0 #16132B;
  --display:'Bricolage Grotesque','Inter',sans-serif;
}
.light,.hero.dark{
  --strong:#16132B; --ink:#16132B; --body:#3B3757; --slate:#55516F; --mute:#7C7896; --accent:#2F4BFF;
  --line:rgba(22,19,43,.12); --line-2:rgba(22,19,43,.2); --surface:#FFFFFF; --surface-2:#F5F2FF; --chip:#EFEBFF;
  --warn:#E04E2E; --good:#139C6B; color:var(--ink);
}
.dark{
  --strong:#FFFFFF; --ink:#F3F1FF; --body:#D3CFF0; --slate:#B9B4DE; --mute:#8E89B8; --accent:#FFD23F;
  --line:rgba(255,255,255,.14); --line-2:rgba(255,255,255,.22); --surface:#24204A; --surface-2:#2D2858; --chip:rgba(255,255,255,.08);
  --warn:#FF9C84; --good:#6FE5B8;
}
body{background:var(--bg)}
h1,h2,h3,.num{font-family:var(--display);letter-spacing:-.02em}

/* buttons: chunky stickers */
.btn{background:var(--gold);color:var(--ink);border:2.5px solid #16132B;border-radius:14px;box-shadow:4px 4px 0 #16132B;font-weight:800}
.btn:hover{background:var(--gold);transform:translate(-2px,-2px);box-shadow:6px 6px 0 #16132B}
.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #16132B}
.btn.ghost,.hero .btn.ghost{background:#fff;color:#16132B;border:2.5px solid #16132B;box-shadow:4px 4px 0 #16132B}
.btn.ghost:hover{background:#fff;border-color:#16132B}
.btn.navy{background:var(--cobalt);color:#fff;box-shadow:4px 4px 0 #16132B}
.btn.navy:hover{background:var(--cobalt)}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}

/* header: cream with an ink rule, same as the homepage */
header{background:var(--bg);backdrop-filter:none;border-bottom:2.5px solid #16132B}
.nav{height:68px}
.logo{display:flex;align-items:center;gap:10px}
.logo .mark{width:40px;height:40px;border-radius:12px;background:var(--cobalt);border:2.5px solid #16132B;display:grid;place-items:center;
  font:800 1.05rem 'Bricolage Grotesque',sans-serif;color:#fff;box-shadow:3px 3px 0 #16132B;transform:rotate(-4deg)}
.logo .mark sup{font-size:.6em;color:var(--gold)}
.logo .word{font:800 1.25rem 'Bricolage Grotesque',sans-serif;color:#16132B}
.logo .word span{color:var(--cobalt)}
.nav-links a{color:#16132B}
.nav-links a:hover,.nav-links a.on{color:var(--cobalt)}
.nav-links a.btn{color:#16132B}
header .phone{color:#16132B}
header .phone svg{stroke:var(--cobalt);background:var(--lilac)}
header .phone .pl small{color:var(--slate)}
.menu-btn{color:#16132B}
.phone svg{background:var(--lilac);stroke:var(--cobalt)}

/* hero: cream with the homepage's sun + cobalt circles */
.hero,.hero.dark{background:
   radial-gradient(circle at 8% 18%, rgba(255,210,63,.55) 0 120px, transparent 121px),
   radial-gradient(circle at 95% 90%, rgba(47,75,255,.13) 0 240px, transparent 241px), var(--bg);
  border-bottom:2.5px solid #16132B}
.hero h1{font-weight:800;letter-spacing:-.03em}
.hero h1 em{color:var(--cobalt);font-style:italic}
.crumb a{color:var(--cobalt)}
.aside{border-left:4px solid var(--gold)}
.aside a{color:var(--cobalt)}
.reassure span{background:#fff;color:#16132B;border:2px solid #16132B}
.reassure span::before{color:var(--good);background:var(--good)}
.label{display:inline-block;background:var(--gold);color:#16132B;border:2px solid #16132B;border-radius:999px;padding:4px 12px;
  box-shadow:2px 2px 0 #16132B;transform:rotate(-2deg);font-family:'Bricolage Grotesque',sans-serif}
.dark .label{color:#16132B}
.ph{background:var(--gold);color:#16132B;border:1.5px solid #16132B}

/* sections */
.band{background:#fff;border-top:2.5px solid #16132B;border-bottom:2.5px solid #16132B}
section.dark{background:#16132B}

/* tool cards */
.calc{border:2.5px solid #16132B;border-radius:20px;box-shadow:8px 8px 0 var(--cobalt)}
.calc-head{border-bottom:2px solid #16132B;background:var(--surface-2)}
input[type=range]{background:linear-gradient(90deg,var(--cobalt) var(--p,40%),var(--chip) var(--p,40%));border:2px solid #16132B;height:12px}
input[type=range]::-webkit-slider-thumb{border:6px solid var(--cobalt);box-shadow:2px 2px 0 #16132B}
input[type=range]::-moz-range-thumb{border:6px solid var(--cobalt)}
.vs .now{background:var(--peach);border:2px solid #16132B}
.vs .plan{background:var(--mint);border:2.5px solid #16132B;box-shadow:3px 3px 0 #16132B}
.vs small,.vs .plan small{color:#16132B}
.vs .now .big{color:var(--coral-d,#C2401F)}
.vs .plan .big{color:#16132B}
.vs .meta{color:#3B3757}
.save-banner{background:#16132B;border-radius:14px}
.save-banner b{color:var(--gold)}
.ledger{border:2px solid #16132B}
.readout a{color:var(--cobalt)}
.micro span::before{color:var(--good)}

/* steps, question cards, paths */
.steps li::before{background:var(--gold);color:#16132B;border:2.5px solid #16132B;border-radius:50%;box-shadow:2px 2px 0 #16132B}
.steps li:nth-child(2)::before{background:var(--coral);color:#fff}
.steps li:nth-child(3)::before{background:var(--mint)}
.asks li{border:2.5px solid #16132B;box-shadow:5px 5px 0 #16132B}
.asks li:nth-child(2){background:var(--lilac)}
.asks li:nth-child(3){background:var(--peach)}
.asks li:nth-child(4){background:#FFF1B8}
.asks li::before{background:var(--coral);color:#fff;border:2px solid #16132B}
.asks-close{background:#FFF1B8;border:2.5px solid #16132B;box-shadow:5px 5px 0 #16132B}
.path{border:2.5px solid #16132B;box-shadow:6px 6px 0 var(--gold);transition:transform .15s}
.path:hover{transform:translateY(-3px) rotate(-.4deg)}
.path.main{border:2.5px solid #16132B;box-shadow:6px 6px 0 var(--cobalt)}
.path .tag{background:var(--lilac);color:#16132B;border:2px solid #16132B}
.path.main .tag{background:var(--gold);color:#16132B}
.path .stat{border:2px solid #16132B;background:var(--surface-2)}
.path li::before{background:var(--mint);color:#16132B}
.path .go a.more{color:var(--cobalt)}

/* comparison table */
.tbl-wrap{border:2.5px solid #16132B;box-shadow:6px 6px 0 #16132B}
.tbl thead th{background:var(--surface-2)}
.tbl thead th.here{background:#16132B;color:var(--gold)}
.tbl td.here{background:#FFF6D0}

/* fit check + notes */
.fit-col,.notes div{border:2.5px solid #16132B;box-shadow:5px 5px 0 #16132B}
.fit-col:first-child{border-top:8px solid var(--mint)}
.fit-col + .fit-col{border-top:8px solid var(--coral)}
.fit-col li::before{background:var(--mint);color:#16132B}
.fit-col + .fit-col li::before{background:var(--coral);color:#fff}
.fit-col li a{color:var(--cobalt)}

/* faq */
.faq details{border:2px solid #16132B;border-radius:14px}
.faq details[open]{box-shadow:4px 4px 0 #16132B;border-color:#16132B}
.faq summary::after{border:2px solid #16132B}
.faq details[open] summary::after{background:var(--gold);color:#16132B}
.faq details p a,.faq-group{color:var(--cobalt)}

/* closing box */
.close-box{background:var(--cobalt);border:2.5px solid #16132B;box-shadow:10px 10px 0 var(--gold)}
.close-box p{color:#E3E6FF}

/* call-or-text box */
.unsure{background:#16132B;border:2.5px solid #16132B;box-shadow:6px 6px 0 var(--gold)}
.unsure .btn.ghost{color:#16132B;background:#fff;border-color:#fff}

/* footer */
footer{background:#16132B;color:#C9C6E6;border-top:2.5px solid #16132B}
footer .logo .word{color:#fff}
.disclaimer{border-top:1px solid #3B3757;color:#A9A5CC}
.disclaimer strong{color:#fff}

/* get-started form */
.card{border:2.5px solid #16132B;border-radius:20px;box-shadow:8px 8px 0 var(--cobalt)}
.bar{background:var(--chip);height:8px}
.bar i{background:linear-gradient(90deg,var(--cobalt),var(--gold))}
.choice span{border:2px solid #16132B;border-radius:14px}
.choice span:hover{border-color:var(--cobalt);background:var(--surface-2)}
.choice input:checked + span{background:var(--gold);border-color:#16132B;box-shadow:3px 3px 0 #16132B}
.choice input:focus-visible + span{outline:3px solid var(--cobalt)}
.inp input,.inp select{border:2px solid #16132B;background:#fff}
.inp input:focus,.inp select:focus{border-color:var(--cobalt);box-shadow:3px 3px 0 var(--cobalt)}
.consent input{accent-color:var(--cobalt)}
.rec{background:var(--lilac);border:2px dashed var(--cobalt)}
.callbox,.ty .callbox{border:2.5px solid #16132B;box-shadow:5px 5px 0 var(--gold)}

/* sticky mobile bar */
@media(max-width:900px){
  .nav-links.open{background:var(--bg);border-bottom:2.5px solid #16132B;box-shadow:none}
  .nav-links.open a{color:#16132B}
  .mbar{background:var(--bg);border-top:2.5px solid #16132B;backdrop-filter:none}
  .mbar .btn.ghost{color:#16132B;border-color:#16132B}
}

/* ---- Logo D: blue corner badge (11/5) ---- */
.logo .mark{width:38px;height:45px;border:0;border-radius:0;background:none;box-shadow:none;transform:none;display:block;flex:0 0 auto}
.logo .mark svg{display:block;width:100%;height:100%;overflow:visible}
.logo .mark .sh{fill:#16132B}
.logo .mark .sf{fill:#2F4BFF;stroke:#16132B;stroke-width:2.5}
.logo .mark text{font:800 16px 'Bricolage Grotesque',sans-serif;fill:#FFD23F}
.logo .word{display:flex;flex-direction:column;line-height:1;color:#16132B}
.logo .word small{font:700 .56rem/1 'Inter',sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#2F4BFF;margin-top:5px}
footer .logo .word{color:#fff}
footer .logo .mark .sh{fill:none}
footer .logo .mark .sf{stroke:#fff;stroke-width:2}
footer .logo .word small{color:#FFD23F}