/* Bakerloo – PMS 470 (Pantone 470C ≈ RGB 164, 90, 42 → #A45A2A) */
.tfl-line-bakerloo {
  background-color: #A45A2A;
  color: #FFFFFF;
}

/* Central – RGB 220, 36, 31 → #DC241F */
.tfl-line-central {
  background-color: #DC241F;
  color: #FFFFFF;
}

/* Circle – RGB 255, 200, 10 → #FFC80A */
.tfl-line-circle {
  background-color: #FFC80A;
  color: #000000;
}

/* District – RGB 0, 125, 50 → #007D32 */
.tfl-line-district {
  background-color: #007D32;
  color: #FFFFFF;
}

/* Hammersmith & City – RGB 245, 137, 166 → #F589A6 */
.tfl-line-hammersmith-city {
  background-color: #F589A6;
  color: #000000;
}

/* Jubilee – RGB 131, 141, 147 → #838D93 */
.tfl-line-jubilee {
  background-color: #838D93;
  color: #FFFFFF;
}

/* Metropolitan – RGB 155, 0, 88 → #9B0058 */
.tfl-line-metropolitan {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;;
  background-color: #9B0058;
  color: #FFFFFF;
}

/* Northern – RGB 0, 0, 0 → #000000 */
.tfl-line-northern {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;;
  background-color: #000000;
  color: #FFFFFF;
}

/* Piccadilly – RGB 0, 25, 168 → #0019A8 */
.tfl-line-piccadilly {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;;
  background-color: #0019A8;
  color: #FFFFFF;
}

/* Victoria – RGB 3, 155, 229 → #039BE5 */
.tfl-line-victoria {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;;
  background-color: #039BE5;
  color: #000000;
}

/* Waterloo & City – RGB 118, 208, 189 → #76D0BD */
.tfl-line-waterloo-city {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;;
  background-color: #76D0BD;
  color: #000000;
}

/* Default font size */
.tfl-line-bakerloo,
.tfl-line-central,
.tfl-line-circle,
.tfl-line-district,
.tfl-line-hammersmith-city,
.tfl-line-jubilee,
.tfl-line-metropolitan,
.tfl-line-northern,
.tfl-line-piccadilly,
.tfl-line-victoria,
.tfl-line-waterloo-city {
  font-size: 16px; /* Default size for larger screens */
}

/* Below 750px */
@media (max-width: 750px) {
  .tfl-line-bakerloo,
  .tfl-line-central,
  .tfl-line-circle,
  .tfl-line-district,
  .tfl-line-hammersmith-city,
  .tfl-line-jubilee,
  .tfl-line-metropolitan,
  .tfl-line-northern,
  .tfl-line-piccadilly,
  .tfl-line-victoria,
  .tfl-line-waterloo-city {
    font-size: 14px; /* Small */
  }
}

/* Below 500px */
@media (max-width: 500px) {
  .tfl-line-bakerloo,
  .tfl-line-central,
  .tfl-line-circle,
  .tfl-line-district,
  .tfl-line-hammersmith-city,
  .tfl-line-jubilee,
  .tfl-line-metropolitan,
  .tfl-line-northern,
  .tfl-line-piccadilly,
  .tfl-line-victoria,
  .tfl-line-waterloo-city {
    font-size: 12px; /* Smaller */
  }
}

/* Below 250px */
@media (max-width: 250px) {
  .tfl-line-bakerloo,
  .tfl-line-central,
  .tfl-line-circle,
  .tfl-line-district,
  .tfl-line-hammersmith-city,
  .tfl-line-jubilee,
  .tfl-line-metropolitan,
  .tfl-line-northern,
  .tfl-line-piccadilly,
  .tfl-line-victoria,
  .tfl-line-waterloo-city {
    font-size: 10px; /* Smallest */
  }
}