html {
font-size: 16px; } body {
font-size: 1.125rem; line-height: 1.7; } h1, h2, h3 {
letter-spacing: 0.05em;
line-height: 1.15;
margin: 0 0 0.5em;
}
h1 { font-size: 4rem; } h2 { font-size: 2.75rem; } h3 { font-size: 1.875rem; }  @media (max-width: 768px) {
h1 { font-size: 3rem; } h2 { font-size: 2.25rem; }
body { font-size: 1.0625rem; } } .event-kategorie-wiekowe,
.event-rangi-zawodow {
display: block;
margin: 14px 0;
font-size: 15px;
line-height: 1.6;
}
.event-kategoria-wiekowa-link,
.event-ranga-zawodow-link {
color: #e63946;
text-decoration: none;
font-weight: 600;
padding: 2px 0;
transition: color 0.2s;
}
.event-kategoria-wiekowa-link:hover,
.event-ranga-zawodow-link:hover {
color: #c1121f;
text-decoration: underline;
} .event-kategorie-wiekowe::before { content: "Wiek: "; font-weight: 700; color: #333; }
.event-rangi-zawodow::before     { content: "Ranga: "; font-weight: 700; color: #333; } .custom-event-categories {
font-family: "Helvetica Neue", Arial, sans-serif;
}
.custom-event-categories .cat-label {
padding: 15px;
background: #efefef;
border-radius: 10px;
width: 100%;
box-sizing: border-box;
margin-bottom: 30px;
font-size: 24px !important;
line-height: 1.4em !important;
color: #000719 !important;
font-weight: 600;
}
.custom-event-categories .cat-value {
margin-bottom: 30px;
font-size: 22px !important;
line-height: 1.5;
}
.custom-event-categories .cat-value a {
color: #ff0000 !important;
text-decoration: none !important;
font-weight: 500;
transition: opacity 0.2s;
}
.custom-event-categories .cat-value a:hover {
opacity: 0.7;
} .custom-event-categories .cat-value a + a:before {
content: ", ";
color: #000719;
}