.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}}