:root{--ink:#0b1d34;--navy:#08182c;--gold:#e8b94c;--cream:#f7f4ed;--line:#d9dfeb;--blue:#1a5fa8;--good:#17745d}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 Arial,sans-serif}header{height:64px;background:var(--navy);color:white;display:flex;align-items:center;padding:0 5%;gap:18px}.brand{font-weight:800;color:white;text-decoration:none;letter-spacing:.08em}.brand span{font-size:.75rem}.env{margin-left:auto;border:1px solid #476079;color:#d5e4f4;border-radius:20px;padding:5px 10px;font-size:.75rem}.link,button{font:inherit;cursor:pointer}.link{background:none;border:0;color:white}.wrap{max-width:1120px;margin:auto;padding:38px 20px}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#916a17}.hero{background:linear-gradient(120deg,#071a31,#124a78);color:white;padding:52px;border-radius:16px}.hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1.02;margin:.2em 0}.hero p{max-width:700px;color:#d9e7f6}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 5px 20px #132c4a0b}.card h2,.card h3{margin-top:0}.card p{color:#526174}.button{border:0;border-radius:8px;padding:11px 16px;background:var(--gold);color:#172333;font-weight:700}.button.secondary{background:#e8eef6;color:var(--ink)}.button:disabled{opacity:.45;cursor:not-allowed}.notice{background:#fff1ca;border-left:4px solid var(--gold);padding:13px 16px;margin:20px 0}.steps{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.step{padding:6px 10px;border-radius:15px;background:#e5eaf1;font-size:.82rem}.step.on{background:var(--blue);color:white}.login{max-width:470px;margin:40px auto}.roles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.role{border:2px solid var(--line);background:white;border-radius:10px;padding:16px;text-align:left}.role.selected{border-color:var(--blue);background:#edf5ff}.module{display:grid;grid-template-columns:48px 1fr auto;gap:15px;align-items:center;margin:10px 0}.module-num{width:38px;height:38px;border-radius:50%;background:#e6edf6;display:grid;place-items:center;font-weight:700}.module.done .module-num{background:var(--good);color:white}.lesson{max-width:850px}.reader{float:right;margin-left:15px}.question{border-top:1px solid var(--line);padding:18px 0}.choice{display:block;border:1px solid var(--line);background:white;border-radius:8px;padding:11px;margin:8px 0;width:100%;text-align:left}.choice.selected{border-color:var(--blue);background:#edf5ff}.evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.evidence button{min-height:120px;text-align:left;border:0;border-radius:10px;padding:14px;background:linear-gradient(135deg,#263f56,#8c9eab);color:white;font-weight:700}.evidence button.selected{outline:4px solid var(--gold)}.evidence-image{display:block;max-width:100%;height:auto;border-radius:10px;margin:14px 0 6px}.score{padding:12px;border-radius:8px;background:#e7f5ef;color:#155b49;font-weight:700}.small{font-size:.86rem;color:#5a6575}@media(max-width:700px){.grid{grid-template-columns:1fr}.hero{padding:30px}.evidence{grid-template-columns:1fr}.module{grid-template-columns:40px 1fr}.module .button{grid-column:2}.env{display:none}}
/* Approved Academy shield artwork; second half retained as the tools variant. */
header{height:auto;min-height:104px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:14px}.academy-logo{display:block;flex:none;width:104px;aspect-ratio:991.5/793;background:url('./dola-inspection-academy-approved-logos.png') left center/200% 100% no-repeat}.academy-logo--tools{background-position:right center}.brand>span:last-child{font-size:.875rem}@media(max-width:420px){header{gap:10px;padding-left:16px;padding-right:16px}.academy-logo{width:88px}.brand{gap:8px}.brand>span:last-child{font-size:.75rem}}