/* Human-ISM proposal qualifier (qualify.js companion). Dark deck palette;
   relies on the host page's --gold/--blue/--mist/--line/--display/--mono vars. */
.qbox{background:#0f2b49; border:1px solid var(--line,rgba(255,255,255,.16)); border-top:3px solid var(--gold,#f6c776);
      border-radius:14px; padding:28px 26px; margin-top:20px; box-shadow:0 24px 60px rgba(0,0,0,.4); text-align:left;}
.qbox .q-meta{display:flex; align-items:center; gap:16px; margin-bottom:18px;}
.qbox .q-count{font-family:var(--mono,'IBM Plex Mono',monospace); font-size:12px; letter-spacing:.1em;
      text-transform:uppercase; color:var(--gold,#f6c776); white-space:nowrap;}
.qbox .q-count b{color:#fff;}
.qbox .q-bar{flex:1; height:3px; max-width:340px; background:rgba(255,255,255,.14); border-radius:2px; overflow:hidden;}
.qbox .q-bar i{display:block; height:100%; width:33%; background:var(--gold,#f6c776); transition:width .3s ease;}
.qbox .q-q{font-family:var(--display,'Poppins',sans-serif); font-weight:600; font-size:22px; color:#fff; margin:0 0 16px;}
.qbox .q-opts{display:grid; gap:11px;}
.qbox .q-opts.two{grid-template-columns:1fr 1fr;}
@media (max-width:640px){ .qbox .q-opts.two{grid-template-columns:1fr;} }
.qbox .q-opt{text-align:left; font-family:var(--sans,'Inter',sans-serif); font-size:16.5px; color:var(--paper,#eaf3fb);
      background:rgba(255,255,255,.05); border:1px solid var(--line,rgba(255,255,255,.16)); border-radius:8px;
      padding:14px 17px; cursor:pointer; transition:.15s;}
.qbox .q-opt:hover{background:rgba(246,199,118,.14); border-color:var(--gold,#f6c776); color:#fff;}
.qbox .q-back{margin-top:16px; background:none; border:0; color:var(--mist,#9fb4c8);
      font-family:var(--mono,'IBM Plex Mono',monospace); font-size:13px; cursor:pointer; padding:0;}
.qbox .q-back:hover{color:var(--gold,#f6c776);}
.qbox .q-next{margin-top:14px; font-family:var(--display,'Poppins',sans-serif); font-weight:600; font-size:16px;
      color:#08121c; background:var(--gold,#f6c776); border:0; border-radius:8px; padding:12px 24px; cursor:pointer;}
.qbox .q-next:hover{background:var(--gold-2,#fcce5a);}
.qbox .q-next:disabled{opacity:.6; cursor:default;}
.qbox .qform{display:grid; gap:10px; max-width:440px; margin:12px 0 0;}
.qbox .qform input, .qbox .qform textarea{font:inherit; font-size:16.5px; padding:12px 14px; border-radius:8px;
      border:1px solid var(--line,rgba(255,255,255,.16)); background:rgba(255,255,255,.06); color:#fff;}
.qbox .qform input::placeholder, .qbox .qform textarea::placeholder{color:var(--mist,#9fb4c8);}
.qbox .qform input:focus, .qbox .qform textarea:focus{outline:none; border-color:var(--gold,#f6c776);}
.qbox .qform textarea{min-height:64px; resize:vertical;}
.qbox .q-hp{position:absolute; left:-9999px; opacity:0;}
.qbox .q-status{font-family:var(--mono,'IBM Plex Mono',monospace); font-size:13.5px; margin:8px 0 0;
      color:var(--mist,#9fb4c8); min-height:18px;}
.qbox .q-status.err{color:var(--gold,#f6c776);}
.qbox .q-note{color:var(--mist,#9fb4c8); font-size:16px; margin:0 0 8px;}
.qbox .q-note a{color:var(--gold,#f6c776); text-decoration:none; font-weight:600;}
.qbox .q-check{display:flex; align-items:flex-start; gap:9px; font-size:15.5px; color:#c4d5e6; cursor:pointer; margin:2px 0 6px;}
.qbox .q-check input{margin-top:3px; accent-color:var(--gold,#f6c776);}
.qbox .q-alt{background:#0095eb; color:#fff;}
.qbox .q-alt:hover{background:#0079c5;}
.go.ghost{background:none; color:#fff; border:1.5px solid rgba(255,255,255,.4); box-shadow:none;}
.go.ghost:hover{background:rgba(255,255,255,.08);}

/* The Turnstile widget has a fixed width; if the viewport (or page zoom) is
 * narrower, it scrolls inside its own box instead of stretching the form. */
.q-ts{max-width:100%; overflow-x:auto;}