/* =============================================================
   KLARHEIT Quiz-Funnel — DESKTOP OVERRIDES
   Lädt NACH funnel.css. Alle Regeln in @media(min-width:1000px),
   damit die Desktop-Datei auch schmal sauber degradiert.
   Konvention wie quiz-desktop.css: .proto entrahmt, zentrierte Spalte.
   ============================================================= */

@media (min-width: 860px) {
  :root{
    --qf-col: 600px;                                   /* ruhige Lesespalte */
    --qf-shell: max(48px, calc((100vw - 1180px) / 2)); /* Außengutter */
  }

  .stage{display:block;}
  .proto{max-width:none;width:100%;box-shadow:none;min-height:100vh;}
  .page{min-height:100vh;}

  /* ---------- NAV ---------- */
  .qf-nav-bar{max-width:1280px;margin:0 auto;padding:18px 56px;}
  .qf-logo{height:21px;}

  /* ---------- PROGRESS + QUIZ: zentrierte Spalte ---------- */
  .qf-prog{max-width:var(--qf-col);margin:0 auto;padding:56px 26px 0;width:100%;}
  .qf-prog-lab{font-size:12.5px;}
  .qf-main{max-width:var(--qf-col);margin:0 auto;padding:40px 26px 96px;width:100%;}
  .qf-q{font-size:clamp(34px,3.2vw,46px);max-width:none;}
  .qf-q-sub{font-size:16px;}

  .qf-scale{margin-top:52px;}
  .qf-dot{width:64px;height:64px;font-size:19px;}
  .qf-dot:hover{transform:scale(1.06);border-color:var(--ink);color:var(--ink);}
  .qf-dot.sel:hover{transform:scale(1.12);}
  .qf-scale-ends span{font-size:14px;}

  .qf-choices{margin-top:38px;gap:12px;}
  .qf-choice{font-size:17px;padding:20px 22px;border-radius:16px;}
  .qf-choice:hover{transform:translateY(-1px);}
  .qf-textarea{font-size:17px;}

  .qf-actions{flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:20px;}
  .qf-actions .btn{width:auto;padding:17px 44px;}
  .qf-actions .btn-block{flex:0 0 auto;}
  .qf-back{margin-top:0;}
  .qf-skip{margin-left:auto;}

  /* ---------- LANDING: zweispaltiger Hero + Bildspalte ---------- */
  .qf-land-hero{
    display:grid;grid-template-columns:1.05fr 0.95fr;gap:64px;align-items:center;
    text-align:left;padding:72px 56px 64px;max-width:1280px;margin:0 auto;width:100%;
  }
  .qf-land-copy{max-width:560px;}
  .qf-h1{font-size:clamp(44px,4.4vw,62px);margin-top:18px;}
  .qf-sub{font-size:20px;margin-left:0;margin-right:0;max-width:42ch;}
  .qf-bullets{justify-content:flex-start;}
  .qf-cta-wrap{align-items:flex-start;}
  .qf-cta-wrap .btn{max-width:none;}
  .qf-rating{font-size:14px;}
  .qf-land-visual{display:block;border-radius:var(--rc);overflow:hidden;box-shadow:var(--card-shadow);
    aspect-ratio:4/5;}
  .qf-land-visual img{width:100%;height:100%;object-fit:cover;display:block;}

  .qf-trust{max-width:1180px;margin:0 auto;width:100%;padding:40px 56px 72px;
    display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:28px 56px;align-items:start;}
  .qf-trust-aside{grid-column:1;align-self:start;}
  .qf-trust-lab{text-align:left;margin:0;writing-mode:horizontal-tb;}
  .qf-press{justify-content:flex-start;margin-top:16px;}
  .qf-testis{grid-column:2;align-self:start;flex-direction:row;margin-top:0;gap:16px;}
  .qf-testi{flex:1 1 0;min-width:0;}

  /* ---------- GATE: zentriert, ruhig ---------- */
  .qf-gate{max-width:560px;margin:0 auto;width:100%;padding:72px 26px 96px;}
  .qf-gate-h{font-size:clamp(34px,3vw,42px);}
  .qf-gate .qf-form .btn{width:auto;align-self:flex-start;padding:18px 44px;}

  /* ---------- RESULT ---------- */
  .qf-result{max-width:1180px;margin:0 auto;width:100%;padding:64px 40px 96px;}

  /* COCKPIT: Instrument links (sticky), Befund rechts */
  .qf-result[data-layout="cockpit"]{max-width:1080px;}
  .lay-cockpit{display:grid;grid-template-columns:340px minmax(0,1fr);gap:0 72px;align-items:start;width:100%;}
  .lay-cockpit-detail{min-width:0;}
  .qf-gauge-wrap{position:sticky;top:96px;text-align:center;}
  .qf-result[data-layout="cockpit"] .qf-gauge{margin:8px auto 0;width:212px;height:212px;}
  .qf-result[data-layout="cockpit"] .qf-tier-name{font-size:clamp(32px,2.7vw,44px);}
  .qf-result[data-layout="cockpit"] .qf-tier-line{margin-left:auto;margin-right:auto;}
  .lay-cockpit-detail{display:flex;flex-direction:column;}
  .qf-result[data-layout="cockpit"] .qf-arch-card{margin-top:0;}
  .qf-result[data-layout="cockpit"] .qf-arch-name{font-size:32px;}
  .qf-result[data-layout="cockpit"] .qf-mirror{margin-top:24px;}
  .qf-result[data-layout="cockpit"] .qf-mirror q{font-size:23px;}
  .qf-result[data-layout="cockpit"] .qf-dims-head{margin-top:34px;}
  .qf-result[data-layout="cockpit"] .qf-rs-continue{max-width:440px;margin:52px auto 0;}
  .qf-result[data-layout="cockpit"] .qf-rs-continue .btn{width:100%;}

  /* BRIEF + REPORT: zentrierte Lesebreite */
  .qf-result[data-layout="letter"]{max-width:680px;padding-top:72px;}
  .qf-letter-arch{font-size:clamp(56px,6vw,78px);}
  .qf-letter-body{font-size:18px;max-width:42ch;}
  .qf-letter-mirror q{font-size:clamp(28px,3.4vw,38px);}

  .qf-result[data-layout="report"]{max-width:820px;padding:0 0 96px;}
  .qf-report-band{padding:56px var(--qf-shell);}
  .qf-report-body{padding:44px var(--qf-shell) 0;}
  .qf-result[data-layout="report"] .qf-rs-continue{padding:0 var(--qf-shell);}
  .qf-result[data-layout="report"] .qf-rs-continue .btn{width:auto;padding:18px 44px;}

  /* gemeinsame Continue-Leiste (Brief/Report) */
  .qf-result[data-layout="letter"] .qf-rs-continue .btn,
  .qf-result[data-layout="report"] .qf-rs-continue .btn{width:auto;padding:18px 44px;}

  /* ---------- COACHING ---------- */
  .qf-coach{max-width:var(--qf-col);margin:0 auto;width:100%;padding:72px 26px 96px;}
  .qf-coach-h{font-size:clamp(32px,2.9vw,42px);}
  .qf-coach .qf-actions{flex-direction:row;}
  .qf-coach .qf-actions .btn{width:auto;padding:18px 44px;}

  /* ---------- BRIDGE ---------- */
  .qf-bridge{max-width:920px;margin:0 auto;width:100%;padding:72px 26px 96px;}
  .qf-bridge-h{font-size:clamp(34px,3vw,46px);max-width:22ch;}
  .qf-bridge-sub{font-size:18px;}
  .qf-prod{display:grid;grid-template-columns:1fr 1.1fr;align-items:stretch;}
  .qf-prod-media{height:100%;}
  .qf-prod-media img{height:100%;aspect-ratio:auto;}
  .qf-prod-meta{padding:36px 36px;align-self:center;}
  .qf-prod-name{font-size:32px;}
  .qf-prod-cta .btn{width:auto;padding:17px 44px;}
}