/* Homepage-only controls around the unmodified student portal. */
.demo-controls { max-width: 880px; margin: 16px auto 0; padding: 16px 20px; background: #fff9e7; color: #32413b; border: 1px solid #e2d8ac; border-radius: 18px; font-family: system-ui, sans-serif; }
.demo-control-top, .demo-control-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.demo-control-top { justify-content: space-between; }
.demo-control-top strong { font-size: 14px; }
.demo-controls p { margin: 10px 0; font-size: 14px; line-height: 1.6; }
.demo-controls button { min-height: 38px; padding: 8px 12px; font-size: 13px; border-radius: 10px; }
.demo-controls #demoReset { background: transparent; color: #536059; border: 1px solid #b7bba7; }
.demo-controls #demoApprove { background: #775130; }
.demo-controls .demo-disclosure { font-size: 11px; color: #686c58; margin-bottom: 0; }
#rememberDeviceChoice, #rememberDeviceHelp, #installStudentAppButton, #loginPanel > .privacy-note { display: none !important; }
@media (max-width: 560px) { .demo-controls { margin: 10px 12px 0; padding: 14px; } .demo-control-actions button { flex: 1 1 140px; } }
.demo-controls button:disabled,
.demo-controls #demoApprove:disabled { background: #e6e8e2; color: #59645d; border-color: #cbd0c5; opacity: 1; cursor: not-allowed; }