.quiz-wrap{max-width:640px;margin:0 auto;padding:40px 0 70px;}
  .quiz-card{border:1px solid var(--line);border-radius:6px;background:var(--cream-2);padding:38px;}
  .quiz-progress{display:flex;gap:6px;margin-bottom:26px;}
  .quiz-progress span{flex:1;height:4px;border-radius:2px;background:var(--line);}
  .quiz-progress span.done{background:var(--green);}
  .quiz-step{display:none;}
  .quiz-step.active{display:block;animation:fade .3s ease;}
  .quiz-step h3{font-size:24px;color:var(--green);margin:0 0 20px;}
  .opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .opt{
    border:1.5px solid var(--line);border-radius:5px;padding:16px 14px;
    width:100%;box-sizing:border-box;
    background:var(--cream);cursor:pointer;font-size:15px;font-weight:500;text-align:center;
    transition:border-color .15s ease, background .15s ease;
  }
  .opt:hover{border-color:var(--green);}
  .opt.selected{border-color:var(--green);background:var(--green);color:var(--cream);}
  .quiz-nav{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:28px;}
  .quiz-nav .btn.is-hidden{visibility:hidden;pointer-events:none;}
  .quiz-input{width:100%;padding:13px 14px;border:1.5px solid var(--line);border-radius:5px;font-size:15px;font-family:'Karla',sans-serif;background:var(--cream);margin-bottom:14px;}
  .quiz-input:focus{outline:none;border-color:var(--green);}
  .field-label{font-size:13px;font-weight:700;color:var(--rust);text-transform:uppercase;letter-spacing:0.4px;margin-bottom:6px;display:block;}
  @media (max-width:760px){.opt-grid{grid-template-columns:1fr;}}

.request-page{--cream-2:#EFE7D6;max-width:1100px;padding-bottom:80px}
.request-page .section-head{display:block;padding:50px 0 10px;margin-top:10px}
.request-page .section-head h2{font-size:34px;color:var(--green);margin:0 0 12px}
.request-page .section-head p{font-size:16px;color:#57503f;max-width:60ch;line-height:1.6;margin:0 0 30px}
.request-page .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:6px;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer;border:1.5px solid var(--green);font-family:Karla,sans-serif}
.request-page .btn-solid{background:var(--green);color:var(--cream)}
.request-page .btn-outline{background:transparent;color:var(--green)}
[hidden]{display:none!important}
.nav a[aria-current="page"]{background:var(--green);color:var(--cream)}

/* This route container receives focus for navigation, not as an interactive control. */
.request-page:focus{outline:none}
.request-page :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--green);outline-offset:3px}

@media(max-width:480px){.quiz-card{padding:28px 20px}.quiz-nav .btn{padding:14px 18px}}