*{box-sizing:border-box}body{margin:0;background:#08101d;color:#f3f6fc;font:16px system-ui,Arial}main{max-width:1400px;margin:0 auto;padding:26px}h1{font-size:clamp(26px,4vw,56px);letter-spacing:.07em}h2{color:#d6deed;font-size:19px}a{color:#a6cdfc}#events>a{display:block;padding:22px;border:1px solid #344963;border-radius:12px;background:#14243a;margin:12px 0;text-decoration:none;color:white}.layout{display:grid;grid-template-columns:minmax(180px,24%) 1fr;gap:16px}aside,section{background:#101b2c;padding:16px;border:1px solid #304055;border-radius:10px;min-height:330px;overflow:auto}.category{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #31415b;background:transparent;color:#e5ebf4;padding:12px;cursor:pointer}.category.on{background:#204069}.item{padding:14px;margin:9px 0;border:1px solid #2e465d;border-radius:9px;background:#15243a;overflow-wrap:anywhere}.tatamis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tile{border:1px solid #47566f;border-radius:7px;padding:18px;background:#112238}.muted{color:#b4c1d3}@media(max-width:650px){.layout{grid-template-columns:1fr}.tatamis{grid-template-columns:repeat(2,1fr)}}