/**
 * Mongolian Awards Infographic.
 */
/* ── Page scope ── */
    .mongolian-awards-page .infographic-layout {
      padding-bottom: 3.5rem;
    }

    .mongolian-awards-page .infographic-page-header {
      margin-bottom: 1.4rem;
    }

    .mongolian-awards-page .infographic-page-title {
      font-size: clamp(1.5rem, 3vw, 1.875rem);
      line-height: 1.2;
      letter-spacing: 0;
    }

    .mongolian-awards-page .infographic-page-lead {
      max-width: 50rem;
      font-size: .98rem;
      line-height: 1.78;
    }

    /* ── Shared wrappers ── */
    .awards-note,
    .awards-toolbar,
    .awards-grid,
    .awards-hierarchy {
      max-width: 96rem;
      margin-left: auto;
      margin-right: auto;
    }

    /* ── Note banner ── */
    .awards-note {
      margin-bottom: 1rem;
      padding: .9rem 1.05rem;
      border: 1px solid rgba(120, 80, 20, .18);
      border-radius: 8px;
      background: rgba(255, 251, 240, .8);
      color: #5a4a2d;
      font-size: .91rem;
      line-height: 1.65;
    }

    /* ── Hierarchy chart ── */
    .awards-hierarchy {
      margin-bottom: 1.5rem;
    }

    .awards-hierarchy__heading {
      margin: 0 0 .85rem;
      font-size: 1.04rem;
      font-weight: 700;
    }

    .awards-tier-row {
      display: flex;
      flex-wrap: wrap;
      align-items: stretch;
      gap: .5rem;
      margin-bottom: .5rem;
    }

    .awards-tier-label {
      display: flex;
      align-items: center;
      min-width: 9rem;
      max-width: 9rem;
      padding: .55rem .7rem;
      border-radius: 8px;
      font-size: .82rem;
      font-weight: 700;
      line-height: 1.3;
      text-align: right;
      justify-content: flex-end;
      flex-shrink: 0;
    }

    .awards-tier-label--1 { background: rgba(180, 130, 20, .18); color: #7a5210; border: 1px solid rgba(180, 130, 20, .28); }
    .awards-tier-label--2 { background: rgba(150, 110, 20, .14); color: #6a4a10; border: 1px solid rgba(150, 110, 20, .22); }
    .awards-tier-label--3 { background: rgba(100, 80, 20, .11);  color: #504010; border: 1px solid rgba(100, 80, 20, .18);  }
    .awards-tier-label--4 { background: rgba(70, 70, 80, .10);   color: #3a3a48; border: 1px solid rgba(70, 70, 80, .18);   }
    .awards-tier-label--5 { background: rgba(50, 80, 130, .10);  color: #1a3560; border: 1px solid rgba(50, 80, 130, .18);  }

    .awards-tier-items {
      display: flex;
      flex-wrap: wrap;
      gap: .45rem;
    }

    .awards-tier-pill {
      display: inline-flex;
      align-items: center;
      gap: .35rem;
      padding: .5rem .72rem;
      border-radius: 999px;
      font-size: .83rem;
      line-height: 1.2;
      font-weight: 600;
      cursor: pointer;
      border: 1px solid transparent;
      transition: background .15s, border-color .15s;
    }

    .awards-tier-pill--1 {
      background: rgba(200, 150, 20, .13);
      color: #7a5210;
      border-color: rgba(200, 150, 20, .28);
    }
    .awards-tier-pill--1:hover { background: rgba(200, 150, 20, .22); }

    .awards-tier-pill--2 {
      background: rgba(160, 120, 20, .11);
      color: #6a4a10;
      border-color: rgba(160, 120, 20, .22);
    }
    .awards-tier-pill--2:hover { background: rgba(160, 120, 20, .20); }

    .awards-tier-pill--3 {
      background: rgba(110, 90, 30, .10);
      color: #524518;
      border-color: rgba(110, 90, 30, .20);
    }
    .awards-tier-pill--3:hover { background: rgba(110, 90, 30, .18); }

    .awards-tier-pill--4 {
      background: rgba(80, 80, 100, .10);
      color: #3a3a54;
      border-color: rgba(80, 80, 100, .20);
    }
    .awards-tier-pill--4:hover { background: rgba(80, 80, 100, .18); }

    .awards-tier-pill--5 {
      background: rgba(50, 90, 160, .10);
      color: #1a3f70;
      border-color: rgba(50, 90, 160, .20);
    }
    .awards-tier-pill--5:hover { background: rgba(50, 90, 160, .18); }

    .awards-tier-pill.is-active {
      outline: 2px solid currentColor;
      outline-offset: 1px;
    }

    /* ── Toolbar ── */
    .awards-toolbar {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: .75rem 1rem;
      margin-bottom: 1rem;
    }

    .awards-toolbar__title {
      margin: 0;
      font-size: 1.04rem;
      font-weight: 700;
      line-height: 1.3;
    }

    .awards-filter {
      display: flex;
      flex-wrap: wrap;
      gap: .45rem;
    }

    .awards-filter button {
      border: 1px solid rgba(120, 80, 20, .24);
      border-radius: 999px;
      padding: .42rem .72rem;
      background: rgba(255, 255, 255, .66);
      color: #4b3e2d;
      font: inherit;
      font-size: .86rem;
      line-height: 1.2;
      cursor: pointer;
      transition: background .15s, border-color .15s;
    }

    .awards-filter button[aria-pressed="true"] {
      border-color: rgba(140, 90, 20, .55);
      background: rgba(140, 90, 20, .13);
      color: #7a4a10;
      font-weight: 700;
    }

    /* ── Card grid ── */
    .awards-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(188px, 1fr));
      gap: 1rem;
    }

    .awards-card {
      overflow: hidden;
      border: 1px solid rgba(140, 100, 30, .18);
      border-radius: 8px;
      background: #fffdf6;
      box-shadow: 0 8px 22px rgba(60, 40, 10, .07);
      cursor: default;
    }

    .awards-card__visual {
      display: grid;
      place-items: center;
      aspect-ratio: 3 / 2;
      padding: 1rem;
      font-size: 2.8rem;
      line-height: 1;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, .80), rgba(246, 234, 205, .88)),
        radial-gradient(circle at 50% 40%, rgba(210, 160, 50, .20), transparent 65%);
    }

    .awards-card__body {
      padding: .72rem .88rem .9rem;
      border-top: 1px solid rgba(140, 100, 30, .12);
    }

    .awards-card__tier {
      display: inline-flex;
      align-items: center;
      gap: .3rem;
      margin-bottom: .42rem;
      border-radius: 999px;
      padding: .20rem .46rem;
      font-size: .70rem;
      line-height: 1.2;
      font-weight: 700;
    }

    /* Tier badge colours */
    .awards-card[data-tier="1"] .awards-card__tier { background: rgba(200, 150, 20, .14); color: #7a5210; }
    .awards-card[data-tier="2"] .awards-card__tier { background: rgba(160, 120, 20, .12); color: #6a4510; }
    .awards-card[data-tier="3"] .awards-card__tier { background: rgba(110, 90, 30, .11);  color: #524518; }
    .awards-card[data-tier="4"] .awards-card__tier { background: rgba(80, 80, 100, .11);  color: #3a3a54; }
    .awards-card[data-tier="5"] .awards-card__tier { background: rgba(50, 90, 160, .11);  color: #1a3f70; }

    .awards-card__mn {
      display: block;
      margin: 0 0 .18rem;
      font-size: 1.0rem;
      font-weight: 700;
      line-height: 1.3;
      color: #1e1810;
    }

    .awards-card__title {
      margin: 0 0 .26rem;
      font-size: .91rem;
      font-weight: 600;
      line-height: 1.3;
      color: #2e2414;
    }

    .awards-card__meta {
      margin: 0;
      color: #786a52;
      font-size: .83rem;
      line-height: 1.52;
    }

    .awards-card__note {
      display: inline-block;
      margin-top: .34rem;
      padding: .17rem .38rem;
      border-radius: 6px;
      background: rgba(140, 100, 30, .09);
      color: #6a5030;
      font-size: .72rem;
      line-height: 1.3;
      font-style: italic;
    }

    /* ── YF section ── */
    .awards-yf-heading {
      max-width: 96rem;
      margin: 1.8rem auto .6rem;
      padding-top: 1.4rem;
      border-top: 1px solid rgba(140, 100, 30, .15);
      font-size: 1.04rem;
      font-weight: 700;
    }

    .awards-yf-note {
      max-width: 96rem;
      margin: 0 auto .9rem;
      padding: .85rem 1.05rem;
      border: 1px solid rgba(30, 70, 160, .15);
      border-radius: 8px;
      background: rgba(240, 245, 255, .72);
      color: #2a3d6a;
      font-size: .91rem;
      line-height: 1.65;
    }

    /* ── Mobile ── */
    @media (max-width: 700px) {
      .mongolian-awards-page .infographic-page-title {
        font-size: clamp(1.55rem, 8vw, 2.15rem);
      }

      .awards-toolbar {
        display: block;
      }

      .awards-filter {
        margin-top: .75rem;
      }

      .awards-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .75rem;
      }

      .awards-tier-label {
        min-width: 7rem;
        max-width: 7rem;
        font-size: .76rem;
      }

      .awards-card__body {
        padding: .6rem .7rem .78rem;
      }
    }
  

    .awards-card__visual.has-image {
      padding: .75rem;
      font-size: 0;
    }

    .awards-card__visual img {
      display: block;
      width: min(8.5rem, 82%);
      height: 100%;
      max-height: 8.25rem;
      object-fit: contain;
      filter: drop-shadow(0 10px 16px rgba(70, 45, 10, .15));
    }


    .awards-card__visual--wide img {
      width: min(9.7rem, 92%);
    }

    .awards-card__visual .awards-card__emoji {
      font-size: 2.8rem;
      line-height: 1;
    }