/* Awards (Option C) */
.awards { margin-block: 2rem; }

.aw-wrap { max-width: 1200px; margin-inline: auto; padding: 12px 16px; }

.aw-pills { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0,1fr)); margin: 0; padding: 0; list-style: none; }

@media (min-width: 640px) { .aw-pills { grid-template-columns: repeat(3, minmax(0,1fr)); } }

@media (min-width: 960px) { .aw-pills { grid-template-columns: repeat(5, minmax(0,1fr)); } }

.aw-pill { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 9999px; background: #f5f5f5; min-height: 36px; }

.aw-icon { 
  inline-size: 20px; 
  block-size: 20px; 
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  filter: grayscale(1) opacity(.9);
}

/* Fallback for .aw-pill img if class not applied */
.aw-pill img { width: 20px; height: 20px; filter: grayscale(1) opacity(.9); }

.aw-text { font-size: 0.875rem; font-weight: 500; color: #222; }

/* Link + Modal */
.aw-foot { margin-top: 8px; display: flex; justify-content: center; }

@media (min-width: 960px){ .aw-foot { justify-content: flex-end; } }

.aw-link { background: none; border: 0; padding: 0; font-size: 0.875rem; text-decoration: underline; cursor: pointer; color: #222; }

.aw-link:focus-visible { outline: 2px solid #000; outline-offset: 2px; }

.aw-modal[hidden] { display: none; }

.aw-modal__backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.45); }

.aw-modal__dialog { position: fixed; inset: 50% auto auto 50%; transform: translate(-50%,-50%); width: min(560px, 92vw); background: #fff; border-radius: 16px; box-shadow: 0 12px 40px rgba(0,0,0,.16); }

.aw-modal__header { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid #eee; }

.aw-modal__title { margin: 0; font-size: 1.125rem; }

.aw-modal__body { padding: 16px 20px; }

.aw-modal__footer { padding: 12px 20px 20px; display: flex; justify-content: flex-end; }

.aw-modal__close { background: none; border: 0; font-size: 1.25rem; line-height: 1; cursor: pointer; }

.aw-btn { background: #111; color: #fff; border: 0; padding: 8px 14px; border-radius: 9999px; cursor: pointer; }

.aw-btn:focus-visible, .aw-modal__close:focus-visible { outline: 2px solid #000; outline-offset: 2px; }

.aw-points { margin: 0.5rem 0 0; padding-left: 1.25rem; }

/* Prevent clipping of pills and RHS link */
.awards,
.aw-wrap,
.aw-pills { overflow: visible; }

/* When awards appear within hero section, ensure proper z-index */
.hero .awards,
.hero + .awards {
  position: relative;
  z-index: 10;
}

/* Ensure awards don't clip at wide viewports when inside hero */
@media (min-width: 1200px) {
  .hero .awards,
  .hero + .awards {
    overflow: visible;
  }
  
  .hero .aw-wrap,
  .hero + .aw-wrap {
    overflow: visible;
  }
}