.examine-app, .examine-app * { box-sizing: border-box; }
.examine-app { --navy:#0b2b4a; --blue:#1a6b8a; --green:#1d6b44; --line:#d9e5f0; font-family:"Segoe UI",Roboto,system-ui,sans-serif; background:#eef2f7; padding:32px 16px; color:#1a2d44; }
.examine-card { max-width:1100px; margin:auto; background:#fff; border-radius:28px; box-shadow:0 20px 40px rgba(0,20,50,.15); padding:40px 44px; }
.examine-header { display:flex; justify-content:space-between; align-items:center; gap:16px; border-bottom:2px solid #e6edf4; padding-bottom:18px; margin-bottom:28px; }
.examine-header h1 { font-size:29px; margin:0; color:var(--navy); }
.examine-header h1 span { color:var(--blue); }
.examine-badge, .examine-session { background:var(--navy); color:#fff; padding:8px 22px; border-radius:40px; }
.examine-login, .examine-responsible, .examine-inline, .examine-options, .examine-actions, .examine-session { display:flex; flex-wrap:wrap; align-items:center; gap:16px 28px; }
.examine-login { background:#f0f7fe; border:1px solid var(--line); border-radius:28px; padding:14px 24px; }
.examine-login label, .examine-responsible label, .examine-question>label { display:flex; align-items:center; gap:8px; }
.examine-app input, .examine-app textarea { border:1px solid #b9cddd; border-radius:24px; padding:9px 14px; max-width:100%; font:inherit; }
.examine-app textarea { display:block; width:100%; margin-top:12px; border-radius:16px; resize:vertical; min-height:120px; }
.examine-app input:focus, .examine-app textarea:focus { outline:2px solid var(--blue); border-color:transparent; }
.examine-form-wrap { margin-top:24px; }
.examine-session { justify-content:space-between; margin-bottom:28px; }
.examine-link { border:0; background:none; color:#fff; text-decoration:underline; cursor:pointer; }
.examine-section { margin:0 0 34px; }
.examine-section h2 { font-size:21px; color:var(--navy); border-left:6px solid var(--blue); padding-left:15px; }
.examine-question { background:#fafcff; border:1px solid #e2ebf5; border-radius:18px; padding:18px 24px; margin-bottom:14px; }
.examine-question p, .examine-question strong { font-weight:600; margin:0 0 11px; }
.examine-options small { width:100%; }
.examine-options-vertical { flex-direction:column; align-items:flex-start; gap:12px; }
.examine-intro-questions { padding-bottom:20px; border-bottom:2px solid #e6edf4; }
.examine-responsible { background:#f5f9ff; border-radius:24px; padding:20px 24px; }
.examine-actions { justify-content:flex-end; border-top:1px solid #dde6f0; margin-top:28px; padding-top:28px; }
.examine-button { border:0; border-radius:30px; padding:11px 25px; font-weight:600; cursor:pointer; }
.examine-button:disabled { cursor:wait; opacity:.6; }
.examine-primary { background:var(--navy); color:#fff; }
.examine-outline { background:#fff; color:var(--blue); border:2px solid var(--blue); }
.examine-success { background:var(--green); color:#fff; }
.examine-alert { margin:15px 0; padding:0; }
.examine-alert:not(:empty) { padding:12px 18px; border-radius:12px; background:#eaf1fa; }
.examine-alert.is-success { background:#ddf3e6; color:#155a38; }
.examine-alert.is-error { background:#fce9e9; color:#8b2828; }
.examine-inline-feedback { margin-top:16px; text-align:center; }
.examine-complete { text-align:center; background:#eef9f3; border:1px solid #b9dfca; border-radius:22px; padding:38px 24px; }
.examine-complete.has-warning { background:#fff8e5; border-color:#edcf7a; }
.examine-complete-icon { display:grid; place-items:center; width:58px; height:58px; margin:0 auto 14px; border-radius:50%; background:var(--green); color:#fff; font-size:34px; font-weight:700; }
.examine-complete h2 { margin:0 0 10px; color:var(--navy); }
.examine-reference { font-weight:700; }
.examine-complete small { display:block; margin-top:15px; color:#805f00; }
[hidden] { display:none!important; }
@media(max-width:700px) {
  .examine-card { padding:24px 18px; border-radius:20px; }
  .examine-header, .examine-login, .examine-responsible, .examine-actions { flex-direction:column; align-items:stretch; }
  .examine-header h1 { font-size:23px; }
  .examine-badge { text-align:center; }
  .examine-question>label { align-items:stretch; flex-direction:column; }
  .examine-button { width:100%; }
}