@import url("https://fonts.googleapis.com/css2?family=Cormorant:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap");

#rsq{
  --navy:#102542; --navy900:#0B1A30; --gold:#C89B3C; --gold600:#B0852E;
  --slate:#6E7B8B; --slate200:#D6DBE1; --paper:#FBFAF7; --white:#fff;
  --disp:'Cormorant',Georgia,serif; --body:'Manrope',system-ui,sans-serif; --mono:'IBM Plex Mono',monospace;
  max-width:860px; margin:0 auto; padding:8px 20px 64px; font-family:var(--body); color:var(--navy);
}
#rsq *{box-sizing:border-box;}
/* The hidden attribute must always win, even over display:flex rules below */
#rsq [hidden]{display:none !important;}
#rsq .rsq-progress{display:flex;align-items:center;gap:14px;margin:0 0 40px;}
#rsq .rsq-bar{height:3px;background:var(--gold);width:0;transition:width .35s ease;flex:0 0 auto;min-width:0;}
#rsq .rsq-progress{position:relative;height:3px;background:var(--slate200);}
#rsq .rsq-bar{position:absolute;left:0;top:0;}
#rsq .rsq-count{position:absolute;right:0;top:10px;font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--slate);}

#rsq .rsq-step{display:none;animation:rsqfade .4s ease;}
#rsq .rsq-step.is-active{display:block;}
/* No-JS / pre-JS fallback: intro is visible until the script takes over */
#rsq .rsq-intro{display:block;}
#rsq.rsq-ready .rsq-intro:not(.is-active){display:none;}
@keyframes rsqfade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
@media(prefers-reduced-motion:reduce){#rsq .rsq-step{animation:none;} #rsq .rsq-bar{transition:none;}}

#rsq .rsq-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--slate);margin:0 0 18px;}
#rsq .rsq-gold{color:var(--gold600);}
#rsq .rsq-h1{font-family:var(--disp);font-weight:600;font-size:clamp(34px,5vw,52px);line-height:1.05;margin:0 0 20px;}
#rsq .rsq-lede{font-size:18px;line-height:1.65;color:var(--slate);max-width:60ch;margin:0 0 28px;}
#rsq .rsq-q-text{font-family:var(--disp);font-weight:600;font-size:clamp(26px,3.6vw,38px);line-height:1.15;margin:0 0 28px;}

#rsq .rsq-answers{display:flex;flex-direction:column;gap:12px;margin:0 0 8px;}
#rsq .rsq-ans{text-align:left;font-family:var(--body);font-size:16px;color:var(--navy);background:var(--white);border:1px solid var(--slate200);padding:16px 20px;cursor:pointer;transition:border-color .15s,background .15s;}
#rsq .rsq-ans:hover{border-color:var(--gold);}
#rsq .rsq-ans.is-sel{border-color:var(--gold);background:rgba(200,155,60,.06);box-shadow:inset 3px 0 0 var(--gold);}
#rsq .rsq-ans:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}

#rsq .rsq-reveal{margin:22px 0 0;border-left:2px solid var(--gold);background:rgba(200,155,60,.05);padding:18px 22px;}
#rsq .rsq-reveal p{margin:0;font-size:15px;line-height:1.7;color:var(--navy);}

#rsq .rsq-nav{margin:28px 0 0;display:flex;gap:12px;flex-wrap:wrap;}
#rsq .rsq-btn{font-family:var(--body);font-weight:600;font-size:14px;padding:15px 28px;border:1px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s;}
#rsq .rsq-btn-primary{background:var(--gold);color:var(--navy);}
#rsq .rsq-btn-primary:hover{background:var(--gold600);}
#rsq .rsq-btn-outline{background:transparent;border-color:var(--navy);color:var(--navy);}
#rsq .rsq-btn-outline:hover{background:var(--navy);color:var(--paper);}
#rsq .rsq-btn-ghost{background:transparent;color:var(--slate);padding-left:6px;padding-right:6px;}
#rsq .rsq-btn-ghost:hover{color:var(--navy);}

#rsq .rsq-fields{display:flex;flex-direction:column;gap:14px;max-width:460px;}
#rsq .rsq-in{font-family:var(--body);font-size:15px;padding:14px 16px;border:1px solid var(--slate);background:var(--paper);color:var(--navy);width:100%;box-shadow:none;}
#rsq .rsq-in:focus,#rsq .rsq-in:focus-visible{outline:none;box-shadow:none;border-color:var(--gold);}
#rsq .rsq-check{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--slate);}
#rsq .rsq-check input{margin-top:3px;accent-color:var(--gold600);}
#rsq .rsq-privacy{font-size:12.5px;line-height:1.6;color:var(--slate);margin:4px 0 0;}

#rsq .rsq-sum-block{border-top:1px solid var(--slate200);padding:26px 0;}
#rsq .rsq-sum-block:first-child{border-top:none;}
#rsq .rsq-band{font-family:var(--disp);font-weight:700;font-size:28px;margin:6px 0 12px;}
#rsq .rsq-band-strength{color:#3F7A4F;}
#rsq .rsq-band-needs-attention{color:var(--gold600);}
#rsq .rsq-band-biggest-exposure{color:#A23B2E;}
#rsq .rsq-sum-copy{font-size:16px;line-height:1.72;color:var(--navy);margin:0;max-width:64ch;}
#rsq .rsq-loading{font-family:var(--mono);font-size:13px;color:var(--slate);}

#rsq .rsq-cta{margin-top:44px;background:var(--navy);color:var(--paper);padding:40px;}
#rsq .rsq-cta .rsq-lede{color:var(--slate200);}
#rsq .rsq-cta-h{font-family:var(--disp);font-weight:600;font-size:30px;line-height:1.15;margin:0 0 14px;color:var(--paper);}
#rsq .rsq-cta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}

#rsq .rsq-modal{position:fixed;inset:0;background:rgba(11,26,48,.72);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px;}
#rsq .rsq-modal-card{background:var(--paper);max-width:480px;width:100%;padding:36px;border-top:3px solid var(--gold);max-height:90vh;overflow:auto;}
#rsq .rsq-modal-card .rsq-cta-h{color:var(--navy);}
#rsq .rsq-modal-options{display:flex;flex-direction:column;gap:12px;margin:22px 0;}
#rsq .rsq-modal-form{display:flex;flex-direction:column;gap:12px;margin:0 0 16px;}
#rsq .rsq-modal-done{color:#3F7A4F;font-weight:600;margin:8px 0 16px;}

/* Results CTA: all three buttons sit on the dark navy panel - keep them readable and consistent */
#rsq .rsq-cta-row .rsq-btn{font-family:var(--body);font-weight:600;font-size:14px;padding:15px 28px;border:1px solid transparent;text-decoration:none;text-transform:none;letter-spacing:normal;margin-top:0;display:inline-block;line-height:1;}
#rsq .rsq-cta-row .rsq-btn-primary{background:var(--gold);border-color:var(--gold);color:var(--navy);}
#rsq .rsq-cta-row .rsq-btn-primary:hover{background:var(--gold600);border-color:var(--gold600);color:var(--navy);}
#rsq .rsq-cta-row .rsq-btn-outline,#rsq .rsq-cta-row .rsq-btn-ghost{background:var(--gold);border-color:var(--gold);color:var(--navy);}
#rsq .rsq-cta-row .rsq-btn-outline:hover,#rsq .rsq-cta-row .rsq-btn-ghost:hover{background:var(--gold600);border-color:var(--gold600);color:var(--navy);}


/* --- Readiness Check: named exposure blocks + scope note --- */
#rsq .rsq-summary-inner .rsq-eyebrow{margin:32px 0 12px;}
#rsq .rsq-exp-block{margin:0 0 24px;padding:2px 0 2px 18px;border-left:3px solid var(--gold);}
#rsq .rsq-exp-title{margin:0 0 6px;font-weight:700;color:var(--navy);font-size:1.05rem;line-height:1.3;}
#rsq .rsq-exp-block .rsq-sum-copy{margin:0;}
#rsq .rsq-scope-note{margin:32px 0 0;padding-top:16px;border-top:1px solid rgba(110,123,139,.35);font-size:.85rem;line-height:1.6;color:var(--slate,#6E7B8B);}

/* --- Round 06: results CTA routes to /book/, secondary actions surfaced --- */
/* 5a. Button classes render identically whether on a button or an anchor. */
#rsq a.rsq-btn{display:inline-block;text-decoration:none;line-height:1;}
/* 5b. Secondary summary actions: subordinate slate text links beneath the primary CTA. */
#rsq .rsq-secondary-actions{display:flex;gap:20px;flex-wrap:wrap;margin:16px 0 0;}
#rsq .rsq-open-msg,#rsq .rsq-open-events{background:none;border:none;padding:0;font-family:var(--body);font-size:13px;color:var(--slate);cursor:pointer;text-decoration:none;text-transform:none;letter-spacing:normal;}
#rsq .rsq-open-msg:hover,#rsq .rsq-open-events:hover{text-decoration:underline;text-underline-offset:3px;color:var(--slate);}

/* Readiness intro structured body (added July 2026) */
.rsq-intro-body p { margin: 0 0 0.9em; }
.rsq-intro-body p:last-child { margin-bottom: 0; }
.rsq-intro-body .rsq-intro-list { list-style: disc; margin: 0.4em 0 0.9em; padding-left: 1.4em; }
.rsq-intro-body .rsq-intro-list li { margin: 0.25em 0; }
.rsq-intro-body .rsq-intro-list li::marker { color: #C89B3C; }