.color-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px max(20px,calc((100% - 980px)/2));background:#fff;border-bottom:1px solid #e4e9ee}.color-header a:first-child{display:flex;align-items:center;gap:12px;font-weight:700}.color-main{max-width:860px;margin:48px auto;padding:0 24px}.color-main h1{font-size:clamp(30px,5vw,44px)}.color-main h2{font-size:24px}.color-note{background:#eff6fc;padding:18px;border-radius:12px;font-size:15px}#practice,#results{margin:30px 0;padding:24px;border:1px solid #dce5ed;border-radius:16px;background:white}.color-plate{display:block;width:min(100%,380px);height:auto;aspect-ratio:1;object-fit:contain;margin:20px auto;background:white}#plate-form label{display:block;font-weight:600}#answer{width:160px;padding:10px;margin:12px 0;border:1px solid #8193a5;border-radius:8px;font-size:22px}.color-actions{display:flex;gap:12px;flex-wrap:wrap}.color-main button{border:1px solid #c4cfd8;border-radius:8px;padding:12px 18px;cursor:pointer}.color-main button:disabled{opacity:.5;cursor:wait}.color-main .exam-start{background:#e96e50;color:white}.color-main table{width:100%;margin:20px 0}.color-main th,.color-main td{text-align:left;padding:12px;border-bottom:1px solid #e4e9ee}.color-credits{margin:32px 0;font-size:14px}.color-credits summary{cursor:pointer;font-weight:600}#validation{color:#a52c27}body [hidden]{display:none!important}@media(max-width:560px){.color-header{align-items:flex-start;font-size:14px}.color-header a:first-child{max-width:240px}.color-main{margin-top:28px;padding:0 16px}#practice,#results{padding:16px}.color-main th,.color-main td{padding:8px;font-size:14px}}
.number-entry{width:min(100%,252px);margin:8px auto 24px}#plate-form>label{text-align:center}#plate-form #answer{display:block;width:100%;min-height:60px;margin:0 0 12px;padding:4px 0;border:0;border-radius:0;background:transparent;text-align:center;font-size:38px;font-weight:700;line-height:1.4;letter-spacing:6px;color:#25374b}#answer:empty::before{content:'_ _';color:#8193a5;font-weight:400}.number-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.color-main .number-keypad button{min-height:50px;padding:8px;border:1px solid #bdcad6;background:#f5f8fc;color:#25374b;font-size:23px;font-weight:600;touch-action:manipulation}.color-main .number-keypad button:hover{background:#e6eef8;border-color:#8193a5}.color-main .number-keypad button:active{background:#d7e4f3}.color-main .number-keypad .keypad-edit{font-size:14px;font-weight:500}.number-keypad button:focus-visible{outline:3px solid #235d9c;outline-offset:2px}.keypad-hint{font-size:12px;line-height:1.5;color:#526475;text-align:center;margin:12px 0 0}#plate-form .color-actions{justify-content:center}#validation{text-align:center}