.att-event-calendar{margin:28px 0 36px;padding:26px;border:1px solid #cfe3e1;border-radius:22px;background:linear-gradient(120deg,#eff8f6,#f8fbff);color:#264c58}
.att-event-calendar__eyebrow{margin:0 0 7px;color:#5c7c7b;font-size:12px;letter-spacing:.09em;font-weight:700;text-transform:uppercase}
.att-event-calendar h2{margin:0 0 9px;font-size:clamp(23px,3vw,30px);line-height:1.25;color:#264c58}
.att-event-calendar__intro{margin:0;max-width:72ch;color:#536c75;font-size:15px;line-height:1.6}
.att-event-calendar__toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:24px 0 14px}
.att-event-calendar__select label{display:block;margin-bottom:7px;font-size:13px;font-weight:650;color:#45666e}
.att-event-calendar__controls{display:flex;align-items:center;gap:8px}
.att-event-calendar__controls select{appearance:none;min-width:200px;max-width:100%;min-height:46px;border:1px solid #bad4d4;border-radius:12px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2345666e' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 15px center;padding:11px 44px 11px 15px;color:#264c58;font:600 15px/1.4 var(--att-font,system-ui,sans-serif)}
.att-event-calendar__arrow{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 46px;border:1px solid #bad4d4;border-radius:12px;background:#fff;color:#3e6f75;font-size:24px;cursor:pointer}
.att-event-calendar__arrow:disabled{opacity:.35;cursor:default}
.att-event-calendar__count{margin:0;color:#5d777e;font-size:13px;line-height:1.6}
.att-event-months{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:19px}
.att-event-month-chip{padding:9px 14px;min-height:40px;border:1px solid #c8dddc;border-radius:999px;background:#fff;color:#496d73;font-size:13px;font-weight:650;cursor:pointer}
.att-event-month-chip[aria-pressed=true]{background:#356e73;border-color:#356e73;color:#fff}
.att-event-calendar :is(button,select,a):focus-visible{outline:3px solid #2494b4;outline-offset:3px}
.att-event-calendar__status{margin:0 0 15px;color:#56727a;font-size:13px;line-height:1.6}
.att-event-calendar__status.att-event-empty{padding:24px;margin:0;border:1px dashed #bed4d5;border-radius:15px;background:#ffffffb3;font-size:15px}
.att-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.att-event-card{display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid #d8e7e4;border-radius:17px;background:#fff;box-shadow:0 3px 10px #294b5a05}
.att-event-card__top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.att-event-card__date{display:inline-flex;padding:6px 10px;border-radius:8px;background:#edf5f7;color:#356875;font-size:12px;font-weight:700;line-height:1.4}
.att-event-card__ongoing{font-size:11px;color:#587b67;background:#eff6ed;padding:5px 9px;border-radius:8px;white-space:nowrap}
.att-event-card .att-event-card__title{margin:0 0 11px;font-size:17px;line-height:1.4;color:#294f5b;overflow-wrap:anywhere;text-wrap:balance}
.att-event-card__city{margin:0 0 6px;color:#487274;font-size:13px;font-weight:700}
.att-event-card__place{margin:0 0 18px;color:#62757e;font-size:13px;line-height:1.55}
.att-event-card__source{margin-top:auto;padding-top:9px;color:#3d7482;font-size:12px;line-height:1.5;text-decoration:underline;text-underline-offset:3px}
.att-news-feed-heading{margin:0 0 18px;font-size:24px;color:#264c58}
.att-news-more[aria-busy=true]{opacity:.65;cursor:progress}
@media(max-width:1000px){.att-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.att-event-calendar{padding:18px;margin:22px 0 28px;border-radius:17px}.att-event-grid{grid-template-columns:minmax(0,1fr)}.att-event-calendar__toolbar{gap:12px;margin-top:20px}.att-event-calendar__select{width:100%}.att-event-calendar__controls select{min-width:0;width:100%;flex:1}.att-event-calendar__controls{width:100%}.att-event-calendar__intro{font-size:14px}.att-event-months{gap:6px}.att-event-month-chip{padding:8px 10px;font-size:12px}.att-event-card{padding:18px}}
@media(forced-colors:active){.att-event-calendar__controls select{appearance:auto;background-image:none;padding-right:15px}}