.q-tabs{margin-top:44px;display:inline-flex;flex-wrap:wrap;gap:6px;padding:6px;border-radius:999px;background:var(--offwhite);border:1px solid var(--line);}
  .q-tab{
    font:inherit;font-size:14px;font-weight:700;color:var(--ink-700);
    padding:12px 22px;border-radius:999px;border:0;background:transparent;cursor:pointer;
    transition:background .25s ease, color .25s ease, box-shadow .25s ease;
  }
  .q-tab:hover{color:var(--ink-900);}
  .q-tab[aria-selected="true"]{background:var(--purple-dark);color:#fff;box-shadow:0 10px 22px -12px rgba(20,40,80,.8);}
  .q-panel{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:56px;padding:56px 0;border-top:1px solid var(--line);}
  .q-panel:first-of-type{border-top:0;}
  .js-tabs .q-panel{display:none;border-top:0;}
  .js-tabs .q-panel.on{display:grid;animation:qIn .45s cubic-bezier(.2,.8,.3,1);}
  @keyframes qIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
  .q-panel .side .n{font-size:12.5px;font-weight:800;letter-spacing:.12em;color:var(--purple-dark);}
  .q-panel .side h2{margin-top:12px;font-size:clamp(28px,3.4vw,40px);line-height:1.1;}
  .q-body p{font-size:16.5px;line-height:1.75;color:var(--ink-700);text-wrap:pretty;}
  .q-body p + p{margin-top:18px;}
  .q-body p.lead{font-size:20px;line-height:1.6;color:var(--ink-900);font-weight:600;}
  .q-note{
    margin-top:26px;padding:22px 24px;border-radius:16px;
    background:linear-gradient(155deg,#3B71B6 0%,#2E4E7E 55%,#1F3757 100%);
    box-shadow:0 24px 44px -26px rgba(20,40,80,.7);
  }
  .q-body .q-note p{color:#fff;font-size:16px;}
  @media (max-width:900px){
    .q-panel,.js-tabs .q-panel.on{grid-template-columns:minmax(0,1fr);gap:18px;padding:40px 0;}
    .q-tabs{border-radius:18px;}
    .q-tab{padding:10px 16px;font-size:13px;}
  }
  @media (prefers-reduced-motion: reduce){.js-tabs .q-panel.on{animation:none;}}