.signs-menu{flex:0 0 100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;min-height:58px;padding:.85rem 1rem;background:#ffdc80;color:#17324f;border:2px solid #ad6800;border-radius:12px;text-decoration:none;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:800}.signs-menu:hover{background:#ffcb47}.signs-menu small{font-size:.85rem;font-weight:600}*{box-sizing:border-box}html{font-family:system-ui,'Noto Sans KR',sans-serif;color:#172638;background:#f2f7fc}body{margin:0}button,select,input{font:inherit}button,select{min-height:52px;padding:.65rem 1rem;border:2px solid #184a7a;border-radius:12px;background:#fff;color:#12385e;cursor:pointer;font-weight:700}button:hover,button[aria-pressed=true]{background:#173d68;color:#fff}button:disabled{opacity:.55;cursor:not-allowed}input{min-height:52px;max-width:110px;border:2px solid #335d81;border-radius:10px;padding:.4rem}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:4px solid #ef7d20;outline-offset:3px}.skip{position:absolute;top:-100px;left:8px;background:#fff;padding:1rem;z-index:10}.skip:focus{top:8px}header{background:#11385f;color:#fff;padding:2rem max(1rem,calc((100vw - 1200px)/2));}header h1{font-size:clamp(2rem,4vw,3.4rem);margin:.2em 0}header p{font-size:1.15rem}.eyebrow{font-weight:800;letter-spacing:.04em;color:#a85707}header .eyebrow{color:#ffe29e}nav,.toolbar,.timer,.choices{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}nav{background:#e1edfa;padding:1rem max(1rem,calc((100vw - 1200px)/2));position:sticky;top:0;z-index:2;border-bottom:2px solid #9ab6ce}main,footer{max-width:1200px;margin:auto;padding:1.5rem}main{min-height:65vh}.toolbar,.timer{background:#fff;padding:1rem;border-radius:16px;margin-bottom:1rem}.timer{background:#edf5df}#timerText{font-size:2rem;font-variant-numeric:tabular-nums;min-width:6em;font-weight:800}.note{font-size:.95rem;color:#374b60}#screen{background:#fff;padding:clamp(1rem,3vw,2.5rem);border-radius:20px;box-shadow:0 4px 18px #1837561a;min-height:420px}h2{font-size:clamp(1.7rem,3vw,2.7rem);margin:.25em 0 .8em}h3{font-size:1.35rem}.lead{font-size:clamp(1.3rem,2.6vw,2rem);font-weight:700}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.sign{border:4px solid #555;padding:1.2rem;border-radius:18px;min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:.45rem;background:white}.sign strong{font-size:1.5rem}.sign span:last-child{font-weight:750}.sign.red{border-color:#b8272b}.sign.yellow{border-color:#a56a00}.sign.blue{border-color:#0754a7}.symbol{font-size:3.6rem;line-height:1;color:#144b8f}.red .symbol{color:#b8272b}.yellow .symbol{color:#8a5b00}.panel{background:#eff6fd;border-left:8px solid #376b9d;padding:1rem 1.4rem;border-radius:10px;margin:1rem 0;font-size:1.25rem}.feedback{padding:1rem;background:#e4f2e6;border-radius:10px;font-size:1.3rem;font-weight:700;min-height:4rem}.traffic{padding:1.3rem;border:4px solid #232b37;border-radius:18px;text-align:center;font-size:2rem;font-weight:850;margin:1.2rem 0}.traffic.red{background:#b6252d;color:white}.traffic.yellow{background:#ffe072;color:#261d05}.traffic.green{background:#116645;color:white}.road{background:#e1e8ee;padding:1rem;border-radius:12px;display:flex;justify-content:space-between;font-size:1.5rem;margin:1rem 0}.records{display:grid;gap:1rem}.records label{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:1.3rem}details{margin:1.5rem 0;background:#fff;border:2px solid #9bb4c9;border-radius:12px;padding:1rem;font-size:1.15rem}summary{cursor:pointer;font-weight:800}footer{border-top:2px solid #b8c9d8;color:#34485b}#printPages{display:none}@media(max-width:700px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sign{min-height:155px;padding:.6rem}.sign strong{font-size:1.12rem}.symbol{font-size:2.7rem}nav{position:static}nav select{width:100%}nav button{flex:1}.choices button{flex:1 1 130px}.toolbar label{min-width:3rem}}@media(max-width:420px){.cards{grid-template-columns:1fr}.sign{min-height:140px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{html{background:#fff;color:#000}header,nav,main,footer{display:none!important}#printPages{display:block;padding:0 1cm;font-size:13pt}#printPages h2{break-before:page}#printPages h2:first-child{break-before:auto}#printPages .cards{grid-template-columns:repeat(2,1fr)}#printPages .sign{break-inside:avoid;min-height:160px;border-color:#333!important}#printPages .symbol{color:#000!important}}