*{box-sizing:border-box}
body{margin:0;background:#081015;color:#eef7f8;font:16px/1.5 system-ui,sans-serif}
main{width:min(1000px,92vw);margin:auto;padding:48px 0}
header{max-width:800px}.oznaka{font-size:.75rem;letter-spacing:.18em;opacity:.55}
h1{font-size:clamp(2.7rem,7vw,5.5rem);line-height:.95;margin:.22em 0}
header>p:last-child{opacity:.72}
.kontrole{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}
button{font:inherit;padding:10px 14px;border-radius:10px;border:1px solid #ffffff20;background:#14242b;color:#fff;cursor:pointer}
button:disabled{opacity:.4;cursor:not-allowed}
.mreza{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}
.kartica{background:#0e1b21;border:1px solid #ffffff14;border-radius:16px;padding:18px}
.glavna{grid-column:span 1}
.meta{font-size:.72rem;letter-spacing:.08em;opacity:.55}
.aktivnost{font-size:2.2rem;font-weight:800;margin:.3rem 0}
.velika{font-size:2.4rem;font-weight:800;margin:.3rem 0}
dl{margin:0}dl div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #ffffff0d}
dt{opacity:.65}dd{margin:0;font-variant-numeric:tabular-nums}
section>h2{font-size:1.1rem;margin:28px 0 12px}
form{display:flex;gap:10px;flex-wrap:wrap;align-items:end}
form label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;opacity:.8}
form select,form input{font:inherit;padding:8px 10px;border-radius:8px;border:1px solid #ffffff20;background:#0e1b21;color:#fff}
.seznam{display:flex;flex-direction:column;gap:6px}
.dogodek{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;gap:8px;padding:9px 12px;background:#0e1b21;border:1px solid #ffffff10;border-radius:10px;font-size:.85rem}
.dogodek .tip{opacity:.75;text-transform:uppercase;font-size:.72rem;letter-spacing:.05em}
.opomba{margin-top:28px;padding-top:18px;border-top:1px solid #ffffff16;max-width:820px}
.opomba h2{font-size:1rem}
@media(max-width:800px){.mreza{grid-template-columns:1fr}.dogodek{grid-template-columns:1fr 1fr}}