:root {
      --navy: #0b1f3a;
      --blue: #1565c0;
      --blue-light: #1976d2;
      --accent: #e8820a;
      --off-white: #f7f9fc;
      --gray-lt: #eef1f6;
      --text: #1e2d40;
      --text-muted: #5a6a7e;
      --radius: 12px;
      --shadow-sm: 0 2px 12px rgba(11,31,58,.07);
      --shadow-md: 0 6px 28px rgba(11,31,58,.12);
      --transition: .28s cubic-bezier(.4,0,.2,1);
      --font-head: 'Sora', sans-serif;
      --font-body: 'DM Sans', sans-serif;
    }
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body { font-family: var(--font-body); background: #fff; }

    /* ── Section shell ── */
    .med-items-section { background: #fff; padding: 72px 0; }
    @media (max-width: 768px) { .med-items-section { padding: 52px 0; } }

    .med-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

    /* ── Label pill ── */
    .med-section-label {
      display: inline-block;
      font-family: var(--font-head);
      font-size: .75rem;
      font-weight: 700;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: var(--accent);
      background: rgba(232,130,10,.1);
      padding: .35em .9em;
      border-radius: 50px;
      margin-bottom: 1rem;
    }

    /* ── Section headings ── */
    .med-section-title {
      font-family: var(--font-head);
      font-size: clamp(1.5rem, 3vw, 2.2rem);
      font-weight: 800;
      color: var(--navy);
      line-height: 1.22;
      margin-bottom: 1rem;
    }
    .med-section-title span { color: var(--blue); }

    .med-section-sub {
      font-size: 1rem;
      color: var(--text-muted);
      max-width: 620px;
      line-height: 1.75;
      margin: 0 auto;
    }

    /* ── Feature card grid ── */
    .med-items-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      margin-top: 44px;
    }
    @media (max-width: 900px) { .med-items-grid { grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 540px)  { .med-items-grid { grid-template-columns: 1fr; } }

    .med-item-card {
      border-radius: var(--radius);
      padding: 24px 20px;
      border: 1.5px solid var(--gray-lt);
      background: #fff;
      position: relative;
      overflow: hidden;
      transition: all var(--transition);
    }
    .med-item-card::after {
      content: '';
      position: absolute;
      bottom: 0; left: 0; right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--accent), var(--blue-light));
      transform: scaleX(0);
      transform-origin: left;
      transition: transform var(--transition);
    }
    .med-item-card:hover {
      transform: translateY(-4px);
      box-shadow: var(--shadow-md);
      border-color: rgba(21,101,192,.25);
    }
    .med-item-card:hover::after { transform: scaleX(1); }

    .med-item-emoji { font-size: 2.4rem; margin-bottom: .85rem; line-height: 1; }
    .med-item-card h3 {
      font-family: var(--font-head);
      font-size: .97rem;
      font-weight: 700;
      color: var(--navy);
      margin-bottom: .45rem;
    }
    .med-item-card p { font-size: .86rem; color: var(--text-muted); line-height: 1.65; margin: 0; }