:root{--navy: #1a1a2e;--szurke: #6b7280;--vonal: #e5e7eb;--hatter: #f7f8fa;--zold: #0f766e;--piros: #b91c1c;--sarga: #b45309;--kek: #1d4ed8}*{box-sizing:border-box}body{margin:0;font:15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--hatter);color:var(--navy)}.keret{display:flex;min-height:100vh}.menu{width:232px;flex:0 0 232px;background:var(--navy);color:#fff;padding:20px 0}.menu h1{margin:0 20px 20px;font-size:15px;letter-spacing:.08em}.menu-csoport{margin:18px 20px 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af}.menu button{display:block;width:100%;text-align:left;background:none;border:0;color:#d1d5db;padding:8px 20px;font:inherit;cursor:pointer}.menu button:hover{background:#ffffff0f;color:#fff}.menu button[aria-current=page]{background:#ffffff1f;color:#fff;font-weight:600;box-shadow:inset 3px 0 0 var(--zold)}.tartalom{flex:1;padding:28px 32px;max-width:1120px}.tartalom h2{margin:0 0 4px;font-size:20px}.alcim{color:var(--szurke);font-size:13px;margin:0 0 22px}.doboz{background:#fff;border:1px solid var(--vonal);border-radius:10px;padding:18px 20px;margin-bottom:16px}.hiba{border-color:var(--piros);background:#fef2f2}.halvany{color:var(--szurke);font-size:13px}.keszul{color:var(--szurke)}