.topik-dates{padding:var(--section-y) var(--gutter);background:var(--surface)}.topik-dates-inner{max-width:var(--content-max);margin:auto}.topik-dates h2{font-size:var(--fs-display);line-height:1.05;margin:0 0 clamp(1.25rem, 3.5vw, 2rem)}.dates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--grid-gap)}.date-card{display:flex;flex-direction:column;background:var(--surface-alt);border:1px solid #fff0;border-radius:var(--radius);padding:var(--card-pad);text-align:center;text-decoration:none;color:inherit;transition:all .3s ease;height:100%}.date-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px rgb(0 0 0 / .08);border-color:var(--accent)}.exam-name{font-size:var(--fs-card-title-sm);font-weight:700;color:var(--ink);line-height:1.2;margin-bottom:10px}.event-title{font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:600;margin-bottom:clamp(1rem, 3vw, 1.75rem)}.month{font-size:var(--fs-body);color:var(--accent);font-weight:600}.day{font-size:var(--fs-big-number);line-height:1;margin:10px 0;color:var(--ink)}.year{font-size:var(--fs-small);color:var(--ink-muted)}.details-link{margin-top:auto;padding-top:clamp(1rem, 3vw, 1.75rem);font-weight:600;font-size:var(--fs-small);color:var(--accent);transition:.2s}.date-card:hover .details-link{transform:translateX(4px)}