/* ─── SECTION 12: HOSTELS ───────────────────────── */
      .hostels-section {
        background: #fff;
        padding-bottom: 0;
      }

      .hostels-hero {
        background: var(--gd);
        padding: 72px 64px 56px;
        position: relative;
        overflow: hidden;
      }

      .hostels-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image:
          radial-gradient(
            circle at 75% 50%,
            rgba(139, 203, 183, 0.12) 0%,
            transparent 55%
          ),
          radial-gradient(
            circle at 20% 80%,
            rgba(0, 115, 103, 0.18) 0%,
            transparent 45%
          );
        pointer-events: none;
      }

      .hostels-hero-inner {
        position: relative;
        z-index: 1;
        max-width: 640px;
      }

      .hostels-eyebrow {
        font-size: 10.5px;
        font-weight: 700;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        color: var(--gl);
        margin-bottom: 14px;
      }

      .hostels-title {
        font-family: var(--font-body);
        font-size: clamp(32px, 4vw, 56px);
        font-weight: 800;
        color: #fff;
        letter-spacing: -1.5px;
        line-height: 1;
        margin-bottom: 8px;
      }

      .hostels-title-sub {
        font-family: var(--font-body);
        font-size: clamp(32px, 4vw, 56px);
        font-weight: 700;
        font-style: italic;
        color: var(--gl);
        letter-spacing: -1.5px;
        line-height: 1;
        display: block;
        margin-bottom: 20px;
      }

      .hostels-desc {
        font-size: 15px;
        font-weight: 300;
        color: rgba(244, 228, 201, 0.7);
        line-height: 1.75;
      }

      /* Tab bar */
      .hostels-tabs {
        display: flex;
        align-items: stretch;
        background: var(--gd);
        padding: 0 64px;
        gap: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        position: sticky;
        top: 60px;
        z-index: 50;
      }

      /* Campus panels */
      .hostels-panels {
        background: #fafaf8;
      }