/* Founder Podcast Authority Audit — reskinned to the Tiana Ned / Founder
   Publishing brand system. Structure, IDs and classes are unchanged from
   the original so audit.js works without modification. */

:root {
  --cream:    #F7F3EC;
  --navy:     #1C2A39;
  --navy-mid: #263B4F;
  --taupe:    #9E8579;
  --copper:   #B86A3D;
  --copper-light: #C77F53;
  --copper-pale: rgba(184,106,61,0.10);
  --stone:    #E4DED5;
  --charcoal: #1A1A1A;
  --ink-soft: rgba(26,26,26,0.74);
  --ink-faint: rgba(26,26,26,0.50);
  --bright:      #F2A93B;
  --bright-dark: #D6901F;

  /* audit.js/original audit.css semantic aliases mapped onto brand tokens */
  --ink: var(--charcoal);
  --muted: var(--ink-soft);
  --panel: #ffffff;
  --magenta: var(--bright);
  --teal: var(--navy);
  --amber: var(--copper);
  --line: var(--stone);
  --paper: var(--cream);
  --dark: var(--charcoal);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; color-scheme: light; }
body {
  margin: 0; background: var(--cream); color: var(--charcoal);
  font-family: 'Inter', sans-serif; line-height: 1.65;
}
a { color: inherit; text-decoration: none; }
.shell { width: min(1120px, calc(100% - 44px)); margin: auto; }

.audit-header{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--stone); background: var(--cream);}
.brand { font-family: 'Fraunces', serif; font-size: 16px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--charcoal); }
.brand span { color: var(--copper); font-style: italic; }
.audit-exit{font-size:13px;color:var(--ink-faint)}
.audit-exit:hover{color:var(--charcoal)}

.audit-progress{height:3px;background:var(--stone);position:sticky;top:0;z-index:5}
.audit-progress-fill{height:100%;background:var(--bright);width:0%;transition:width .35s ease}

.audit-main{padding:64px 0 120px}
.audit-shell{width:min(660px,calc(100% - 40px));margin:0 auto}

/* Landing */
.landing-screen .eyebrow{text-align:left; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--copper); font-weight: 600; margin-bottom: 22px;}
.landing-screen h1{font-family:'Fraunces',serif;font-weight:400;letter-spacing:-.01em;line-height:1.14;font-size:clamp(28px,4.6vw,44px);margin:0 0 26px; color: var(--charcoal);}
.landing-copy{font-size:16px;color:var(--ink-soft);max-width:560px;margin:0 0 22px; line-height: 1.75;}
.landing-support p{color:var(--ink-soft);font-size:14px;margin:0 0 12px;max-width:540px}
.landing-screen .button{margin-top:34px}
.landing-screen .micro{margin-top:18px}

fieldset{border:0;margin:0;padding:0;min-width:0}

/* Shared question chrome */
.q-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.q-section-label{font:600 11px/1 'Fraunces',serif;letter-spacing:.1em;text-transform:uppercase;color:var(--copper)}
.q-counter{font:500 12px 'Inter',sans-serif;letter-spacing:.05em;color:var(--ink-faint)}

.q-prompt{font-family:'Fraunces',serif;font-weight:400;letter-spacing:-.01em;line-height:1.35;font-size:clamp(19px,2.8vw,25px);color:var(--charcoal);margin:0 0 32px;padding:0;border:0}

.landing-screen h1[tabindex="-1"],
.q-prompt[tabindex="-1"],
.interstitial-text[tabindex="-1"],
.lead-screen h2[tabindex="-1"],
.results-kicker[tabindex="-1"]{outline:none}

.choices{display:grid;gap:12px}
.choice{display:block;border:1px solid var(--stone);border-radius:6px;padding:18px 20px;cursor:pointer;background:#fff;transition:border-color .15s ease,background .15s ease}
.choice:hover{border-color:var(--taupe)}
.choice input{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.choice span{display:block;font-size:14.5px;color:var(--charcoal);line-height:1.55}
.choice:has(input:checked),.choice.is-selected{border-color:var(--bright);background:rgba(242,169,59,0.12)}
.choice:has(input:focus-visible),.choice:focus-within{outline:2px solid var(--bright);outline-offset:2px}

.q-nav{display:flex;align-items:center;justify-content:space-between;margin-top:36px;gap:16px}
.q-nav .btn-back{background:none;border:0;color:var(--ink-faint);font-size:14px;font-family:'Inter',sans-serif;cursor:pointer;padding:10px 4px}
.q-nav .btn-back:hover:not(:disabled){color:var(--charcoal)}
.q-nav .btn-back:disabled{opacity:0;pointer-events:none}
.q-nav .btn-next{font-family:'Inter',sans-serif;font-weight:600;font-size:14px;background:var(--bright);color:var(--charcoal);border:0;border-radius:4px;padding:15px 26px;cursor:pointer;transition:.2s;min-height:48px}
.q-nav .btn-next:hover:not(:disabled){background:var(--bright-dark)}
.q-nav .btn-next:disabled{opacity:.35;cursor:not-allowed}

/* Interstitial */
.interstitial-screen{padding:40px 0}
.interstitial-card{border:1px solid var(--stone);border-radius:8px;padding:44px 36px;background:#fff}
.interstitial-text{font-family:'Fraunces',serif;font-weight:400;font-style:italic;font-size:clamp(19px,2.8vw,24px);line-height:1.45;color:var(--charcoal);margin:0}

/* Lead capture */
.lead-screen h2{font-family:'Fraunces',serif;font-weight:400;font-size:clamp(26px,3.6vw,34px);letter-spacing:-.01em;margin:0 0 12px; color: var(--charcoal);}
.lead-intro{color:var(--ink-soft);font-size:15px;margin:0 0 36px}
.lead-field{margin-bottom:22px}
.lead-field label{display:block;font:600 11.5px 'Inter',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:9px}
.lead-field input{width:100%;background:#fff;border:1px solid var(--stone);border-radius:4px;padding:14px 16px;font-size:15px;color:var(--charcoal);font-family:'Inter',sans-serif}
.lead-field input:focus-visible{outline:2px solid var(--bright);outline-offset:1px;border-color:var(--bright)}
.lead-field input[aria-invalid="true"]{border-color:#c0392b}
.lead-error{display:block;min-height:18px;font-size:12px;color:#c0392b;margin-top:6px}
.lead-consent{font-size:12px;color:var(--ink-faint);margin:6px 0 30px;line-height:1.6}
.lead-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lead-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px}
.lead-submit{font-family:'Inter',sans-serif;font-weight:600;font-size:14px;background:var(--bright);color:var(--charcoal);border:0;border-radius:4px;padding:16px 28px;cursor:pointer;transition:.2s;min-height:52px}
.lead-submit:hover{background:var(--bright-dark)}

/* Results */
.results-screen{padding-top:10px}
.results-kicker{font:600 12px 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:14px}
.results-score{font-family:'Fraunces',serif;font-weight:400;letter-spacing:-.02em;font-size:clamp(56px,10vw,92px);line-height:1;margin:0; color: var(--charcoal);}
.results-score-of{font-size:.32em;color:var(--ink-faint);font-weight:500;letter-spacing:0}
.results-profile-name{font:700 18px/1.2 'Fraunces',serif;letter-spacing:.01em;color:var(--copper);margin:18px 0 22px}
.results-profile-copy p{color:var(--ink-soft);font-size:15px;margin:0 0 14px;max-width:560px}

.breakdown-heading{font:600 12px 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:56px 0 22px}
.breakdown-list{display:grid;gap:20px}
.breakdown-row{display:grid;grid-template-columns:170px 1fr 52px;align-items:center;gap:16px}
.breakdown-label{font-size:14px;color:var(--charcoal);font-weight:500;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.breakdown-flag{font:600 10px 'Inter',sans-serif;letter-spacing:.06em;color:var(--navy);border:1px solid var(--navy);padding:4px 8px;border-radius:99px;white-space:nowrap}
.breakdown-track{display:block;height:8px;border-radius:99px;background:var(--stone);overflow:hidden}
.breakdown-fill{display:block;height:100%;background:var(--copper);border-radius:99px;transition:width .5s ease}
.breakdown-fill.is-lowest{background:var(--bright)}
.breakdown-pct{font-size:13px;color:var(--ink-faint);text-align:right;font-variant-numeric:tabular-nums}

.opportunity-block{margin-top:60px;border:1px solid var(--stone);border-radius:8px;padding:38px 34px;background:#fff}
.opportunity-kicker{font:600 12px 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--copper);margin-bottom:16px}
.opportunity-heading{font-family:'Fraunces',serif;font-weight:400;font-size:clamp(21px,2.8vw,26px);letter-spacing:-.01em;margin:0 0 16px; color: var(--charcoal);}
.opportunity-copy{color:var(--ink-soft);font-size:15px;margin:0 0 26px}
.opportunity-fix-label{font:600 11.5px 'Inter',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 14px}
.opportunity-actions{margin:0;padding-left:22px;display:grid;gap:12px}
.opportunity-actions li{color:var(--charcoal);font-size:14.5px;line-height:1.55}

.results-cta{margin-top:70px;padding:52px 0 10px;border-top:1px solid var(--stone);text-align:center}
.results-cta-eyebrow{font:600 12px 'Inter',sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:16px;max-width:640px;margin-left:auto;margin-right:auto}
.results-cta h3{font-family:'Fraunces',serif;font-weight:400;font-size:clamp(21px,3.2vw,28px);letter-spacing:-.01em;max-width:620px;margin:0 auto 18px; color: var(--charcoal);}
.results-cta p{color:var(--ink-soft);font-size:14.5px;max-width:560px;margin:0 auto 32px}
.results-cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 26px;border-radius:4px;font-weight:600;font-size:13.5px;transition:.2s; font-family:'Inter',sans-serif;}
.button.primary{background:var(--bright);color:var(--charcoal)}
.button.primary:hover{background:var(--bright-dark)}
.button.outline{border:1px solid var(--stone); color: var(--charcoal);}
.button.outline:hover{border-color:var(--copper); color:var(--copper);}
.micro{font-size:12px;color:var(--ink-faint)}

@media (max-width:640px){
  .audit-main{padding:44px 0 90px}
  .breakdown-row{grid-template-columns:1fr;gap:8px}
  .breakdown-pct{text-align:left}
  .q-nav{flex-direction:row}
  .opportunity-block{padding:28px 22px}
}