
/* Synapse Cyber V50 — dedicated tool stylesheet.
   This file is intentionally isolated from the legacy tool styles. */

.v50-tool-page{background:#f5f8fb;color:#18384e}
.v50-main{overflow:hidden}

.v50-hero{padding:72px 0 58px;background:linear-gradient(135deg,#071827 0%,#0c2639 65%,#0d3047 100%);color:#fff}
.v50-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:64px;align-items:center}
.v50-kicker{display:inline-block;margin-bottom:13px;color:#58c3ef;font-size:.76rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.v50-hero h1{max-width:760px;margin:0;font-size:clamp(2.25rem,4vw,3.65rem);line-height:1.05;letter-spacing:-.035em;color:#fff}
.v50-hero-copy>p{max-width:760px;margin:20px 0 0;color:#b7cbd8;font-size:1.02rem;line-height:1.72}
.v50-proof-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.v50-proof-row span{padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04);color:#c8d9e4;font-size:.78rem}
.v50-proof-row b{color:#fff}

.v50-hero-panel{padding:28px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.055);box-shadow:0 25px 60px rgba(0,0,0,.18)}
.v50-panel-label{display:block;color:#66c7ef;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.v50-result-preview{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin:16px 0 18px;padding:17px;border-radius:13px;background:rgba(255,255,255,.06)}
.v50-preview-score{font-size:1.35rem;font-weight:850;color:#fff}
.v50-result-preview strong{display:block;color:#fff;font-size:.9rem}
.v50-result-preview small{display:block;margin-top:3px;color:#95abba;font-size:.75rem;line-height:1.4}
.v50-hero-panel ul{margin:0;padding:0;list-style:none}
.v50-hero-panel li{position:relative;padding:8px 0 8px 24px;color:#d8e6ee;font-size:.86rem;border-bottom:1px solid rgba(255,255,255,.06)}
.v50-hero-panel li:last-child{border-bottom:0}
.v50-hero-panel li::before{content:"✓";position:absolute;left:0;color:#58c3ef;font-weight:900}

.v50-assessment{padding:62px 0 78px;background:#f5f8fb}
.v50-progress-row{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;max-width:1180px;margin:0 auto 18px;color:#61798a;font-size:.8rem;font-weight:700}
.v50-progress-track{height:7px;border-radius:999px;background:#dce7ed;overflow:hidden}
.v50-progress-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1d91c7,#58c3ef);transition:width .25s ease}
.v50-progress-row strong{color:#244a63}

.v50-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.55fr);gap:30px;align-items:start}
.v50-question-card{padding:34px 36px 30px;border:1px solid #dbe5eb;border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(27,69,94,.08)}
.v50-question-top{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding-bottom:24px;margin-bottom:27px;border-bottom:1px solid #edf2f5}
.v50-step{display:block;margin-bottom:7px;color:#238fbe;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.v50-question-top h2{max-width:650px;margin:0;color:#17384e;font-size:1.28rem;line-height:1.35}
.v50-private{white-space:nowrap;color:#7d919f;font-size:.72rem;padding:7px 9px;border-radius:999px;background:#f1f6f9}

.v50-tool-page .tool-question{border:0;padding:0;margin:0}
.v50-tool-page .tool-question legend{display:block;width:100%;margin:0 0 22px;color:#16374e;font-size:1.12rem;line-height:1.55;font-weight:760}
.v50-tool-page .question-domain{display:block;margin-bottom:8px;color:#2395c5;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.v50-tool-page .answer-options{display:grid;grid-template-columns:1fr;gap:12px}
.v50-tool-page .answer-option{display:grid;grid-template-columns:22px 1fr;gap:14px;align-items:start;min-height:74px;padding:16px 18px;border:1px solid #dbe5eb;border-radius:14px;background:#fff;cursor:pointer;transition:.18s ease}
.v50-tool-page .answer-option:hover{transform:translateY(-1px);border-color:#9dcde2;box-shadow:0 9px 22px rgba(35,104,141,.08)}
.v50-tool-page .answer-option input{width:18px;height:18px;margin:3px 0 0;accent-color:#238fbe}
.v50-tool-page .answer-option strong{display:block;color:#1c425a;font-size:.91rem}
.v50-tool-page .answer-option small{display:block;margin-top:4px;color:#768b99;font-size:.78rem;line-height:1.45}
.v50-tool-page .answer-option:has(input:checked){border-color:#238fbe;background:#f1f9fd;box-shadow:0 0 0 3px rgba(35,143,190,.07)}
.v50-tool-page .tool-question-error{outline:2px solid #b94444;outline-offset:8px;border-radius:10px}

.v50-nav{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:30px;padding-top:24px;border-top:1px solid #edf2f5}
.v50-back,.v50-continue{min-height:48px;border-radius:12px;padding:0 22px;font-size:.87rem;font-weight:800;cursor:pointer;transition:.17s ease}
.v50-back{border:1px solid #d5e0e6;background:#fff;color:#426176}
.v50-back:hover:not(:disabled){background:#f4f8fa}
.v50-back:disabled{opacity:.35;cursor:not-allowed}
.v50-continue{min-width:160px;border:0;background:linear-gradient(135deg,#198fc4,#44b8e8);color:#fff;box-shadow:0 11px 25px rgba(25,143,196,.22)}
.v50-continue:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(25,143,196,.26)}

.v50-insight{position:sticky;top:104px;padding:27px;border-radius:18px;background:linear-gradient(180deg,#0c2232,#091a27);color:#fff;box-shadow:0 18px 45px rgba(12,34,50,.15)}
.v50-insight h3{margin:9px 0 0;color:#fff;font-size:1.12rem;line-height:1.38}
.v50-insight p{margin:10px 0 0;color:#adc0cc;font-size:.86rem;line-height:1.65}
.v50-insight-divider{height:1px;margin:24px 0;background:rgba(255,255,255,.08)}
.v50-domain-grid{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.v50-domain-grid span{padding:7px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#c6d5de;font-size:.71rem}

.v50-results{padding:72px 0 84px;background:linear-gradient(180deg,#f5f8fb,#edf4f7)}
.v50-results-card{max-width:1040px;margin:0 auto;padding:38px;border:1px solid #d9e4ea;border-radius:20px;background:#fff;box-shadow:0 20px 55px rgba(27,69,94,.09)}
.v50-score-block{display:flex;gap:30px;align-items:center;padding-bottom:28px;border-bottom:1px solid #e7eef2}
.v50-score-circle{width:132px;height:132px;border:10px solid #d5edf7;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}
.v50-score-circle strong{font-size:2.2rem;line-height:1;color:#208dbf}
.v50-score-circle span{font-size:.75rem;color:#718896}
.v50-score-block h2{margin:0;color:#17384e}
.v50-score-block p{max-width:720px;margin:8px 0 0;color:#637b8b;line-height:1.6}
.v50-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:26px}
.v50-results-grid>div{padding:22px;border:1px solid #e2eaf0;border-radius:15px;background:#f8fbfc}
.v50-results-grid h3,.v50-recommendations h3{margin-top:0;color:#17384e;font-size:1rem}
.v50-results-grid ul,.v50-recommendations ol{margin-bottom:0;color:#496477;line-height:1.7}
.v50-recommendations{margin-top:24px;padding:23px;border:1px solid #e0e9ee;border-radius:15px;background:#fbfdfe}
.v50-result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px;padding-top:24px;border-top:1px solid #e7eef2}
.v50-action-light,.v50-action-primary,.v50-action-dark{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:11px;text-decoration:none;font-size:.84rem;font-weight:800}
.v50-action-light{border:1px solid #d4e0e7;background:#fff;color:#365870;cursor:pointer}
.v50-action-primary{border:0;background:linear-gradient(135deg,#198fc4,#44b8e8);color:#fff;cursor:pointer}
.v50-action-dark{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#e0edf3}

.v50-next{padding:0 0 80px;background:#edf4f7}
.v50-next-card{display:grid;grid-template-columns:minmax(0,1.25fr) auto;gap:34px;align-items:center;padding:34px;border-radius:20px;background:#0b1d2b;color:#fff;box-shadow:0 18px 48px rgba(11,29,43,.16)}
.v50-next-card h2{margin:0;color:#fff;font-size:1.55rem}
.v50-next-card p{max-width:760px;margin:9px 0 0;color:#afc0cb;line-height:1.62}
.v50-next-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}

@media(max-width:1040px){
  .v50-hero-grid,.v50-workspace,.v50-next-card{grid-template-columns:1fr}
  .v50-insight{position:static}
  .v50-next-actions{justify-content:flex-start}
}
@media(max-width:680px){
  .v50-hero{padding:50px 0 44px}
  .v50-hero-grid{gap:30px}
  .v50-question-card{padding:22px}
  .v50-question-top{flex-direction:column}
  .v50-private{white-space:normal}
  .v50-progress-row{grid-template-columns:1fr auto}
  .v50-progress-track{grid-row:2;grid-column:1 / -1}
  .v50-nav{flex-direction:column-reverse;align-items:stretch}
  .v50-back,.v50-continue{width:100%}
  .v50-results-card{padding:22px}
  .v50-score-block{flex-direction:column;align-items:flex-start}
  .v50-results-grid{grid-template-columns:1fr}
}
@media print{
  .site-header,.site-footer,.v50-hero,.v50-next,.v50-result-actions{display:none!important}
  .v50-results{padding:0;background:#fff}
  .v50-results-card{border:0;box-shadow:none;padding:0}
}
