.material-gate-page .survey-section{padding-top:20px}
.material-gate-page .action-grid{margin-top:40px}
.material-gate-page .required-mark{display:inline-block;color:#816124;font-size:.7rem;font-weight:600;background:#f7f2e8;border-radius:5px;padding:2px 6px;vertical-align:middle}
.material-gate-page .gate-progress{max-width:430px;margin:25px auto 0;text-align:left}
.material-gate-page .gate-progress label{display:block;font-size:.77rem;color:var(--muted);margin-bottom:8px}
.material-gate-page progress{display:block;width:100%;height:7px;border:0;border-radius:9px;background:#e5e3dc;overflow:hidden;accent-color:#b4944c}
.material-gate-page progress::-webkit-progress-bar{background:#e5e3dc;border-radius:9px}
.material-gate-page progress::-webkit-progress-value{background:#b4944c;border-radius:9px;transition:width .2s ease}
.material-gate-page progress::-moz-progress-bar{background:#b4944c;border-radius:9px}
.material-gate-page .success-state .button{max-width:420px;margin:26px auto 0}
.material-gate-page .materials-card .button{margin-top:20px}
.material-gate-page .question[data-invalid="true"] .question-title{color:#922e26}
.material-gate-page .gate-checking{font-size:.8rem;color:var(--muted);margin-bottom:18px;text-align:center}
@media(max-width:680px){.material-gate-page .survey-section{padding-top:12px}.material-gate-page .action-grid{margin-top:28px}.material-gate-page .question-title small{white-space:normal}}
@media(prefers-reduced-motion:reduce){.material-gate-page progress::-webkit-progress-value{transition:none}}

.material-gate-page .action-grid.materials-locked{grid-template-columns:1fr;max-width:850px;margin-inline:auto}
.material-gate-page .survey-intro .gate-explanation{padding:16px 20px;background:#eee8da;border:1px solid #ded1af;border-radius:14px;color:#634b1c;font-size:.85rem;max-width:600px}