/* IYCM Awards — uses the site's Elementor global colours when present. */
.iycm-aw { --aw-navy: var(--e-global-color-primary, #1D2135); --aw-red: var(--e-global-color-secondary, #B30202); --aw-text: var(--e-global-color-text, #5F6475); --aw-line: var(--e-global-color-line, #ECE7DA); --aw-cream: var(--e-global-color-cream, #FBF7EC); font-family: "Jost", sans-serif; }
.iycm-aw *, .iycm-aw *::before, .iycm-aw *::after { box-sizing: border-box; }

.iycm-aw__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.iycm-aw__card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--aw-line); border-radius: 16px; background: #fff; box-shadow: 0 10px 30px rgba(29,33,53,.08); transition: transform .2s ease, box-shadow .2s ease; }
.iycm-aw__card:hover { transform: translateY(-3px); box-shadow: 0 16px 36px rgba(29,33,53,.12); }
.iycm-aw__media { position: relative; flex: 0 0 auto; height: 220px; overflow: hidden; background: var(--aw-cream); }
.iycm-aw .iycm-aw__media img { display: block; width: 100% !important; max-width: none; height: 100% !important; object-fit: cover; }
.iycm-aw__noimg { position: absolute; inset: 0; background: var(--aw-cream) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23D6D0C2'%3E%3Cpath d='M12 2l2.9 6.3 6.9.6-5.2 4.6 1.6 6.8L12 16.8 5.8 20.3l1.6-6.8L2.2 8.9l6.9-.6z'/%3E%3C/svg%3E") center/56px no-repeat; }
.iycm-aw__year { position: absolute; top: 16px; left: 16px; padding: 5px 12px; border-radius: 999px; background: var(--aw-red); color: #fff; font-size: 11px; font-weight: 600; letter-spacing: .8px; line-height: 1.2; text-transform: uppercase; }
.iycm-aw__body { display: flex; flex: 1; flex-direction: column; gap: 8px; padding: 22px 22px 26px; }
.iycm-aw__title { margin: 0; color: var(--aw-navy); font-family: inherit; font-size: 19px; font-weight: 600; line-height: 1.3; }
.iycm-aw__desc { margin: 0; color: var(--aw-text); font-size: 14.5px; line-height: 1.65; }
.iycm-aw__more { margin-top: auto; padding-top: 6px; color: var(--aw-red) !important; font-size: 14px; font-weight: 600; text-decoration: none !important; }
.iycm-aw__more:hover { text-decoration: underline !important; }
.iycm-aw__empty { margin: 0; padding: 36px 24px; border: 1px dashed var(--aw-line); border-radius: 16px; background: #fff; text-align: center; color: var(--aw-text); }

/* Pages: same style as the Notice board */
.iycm-aw__pages { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin-top: 36px; }
.iycm-aw__pages .page-numbers { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; border: 1px solid var(--aw-line); border-radius: 50%; background: #fff; color: var(--aw-navy) !important; font-size: 15px; font-weight: 600; line-height: 1; text-decoration: none !important; box-shadow: 0 4px 12px rgba(29,33,53,.06); transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.iycm-aw__pages a.page-numbers:hover { border-color: var(--aw-red); color: var(--aw-red) !important; }
.iycm-aw__pages .page-numbers.current { background: var(--aw-red); border-color: var(--aw-red); color: #fff !important; box-shadow: 0 6px 16px rgba(179,2,2,.28); }
.iycm-aw__pages .page-numbers.prev, .iycm-aw__pages .page-numbers.next { width: auto; padding: 0 18px; border-radius: 999px; font-size: 14px; }
.iycm-aw__pages .page-numbers.prev { margin-right: 6px; }
.iycm-aw__pages .page-numbers.next { margin-left: 6px; }
.iycm-aw__pages .page-numbers.dots { width: auto; border: 0; background: none; box-shadow: none; color: var(--aw-text) !important; }

@media (max-width: 1024px) { .iycm-aw__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  .iycm-aw__grid { grid-template-columns: 1fr; }
  .iycm-aw__media { height: 200px; }
}
@media (max-width: 480px) {
  .iycm-aw__pages .page-numbers.prev { order: 99; margin: 4px 4px 0 0; }
  .iycm-aw__pages .page-numbers.next { order: 100; margin: 4px 0 0 4px; }
  .iycm-aw__pages .page-numbers.prev, .iycm-aw__pages .page-numbers.next { flex-basis: 100%; max-width: 160px; }
}