/* MY1STMIO member concept: shared presentation, no access enforcement.
   Uses the site's Montserrat / Poppins font setup; no external font requests. */
:root{
  --mio-access-navy:#081B2F;--mio-access-blue:#102A43;
  --mio-access-gold:#D4AF37;--mio-access-gold-light:#E6C76A;
  --mio-access-gold-dark:#A57C1B;--mio-access-white:#FFFFFF;
  --mio-access-soft:#F4F7FA;--mio-access-gray:#AAB7C4;
}
.mio-access-icon{display:block;width:24px;height:24px;flex-shrink:0;}
.mio-access-badge{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  box-sizing:border-box;max-width:100%;min-height:18px;padding:4px 10px;
  border:1px solid var(--mio-access-gold-light);border-radius:5px;
  background:linear-gradient(110deg,var(--mio-access-gold-light),var(--mio-access-gold) 40%,var(--mio-access-gold-dark));
  color:var(--mio-access-white);font-family:var(--font-secondary,"Poppins"),"Segoe UI",Arial,sans-serif;
  font-size:13px;font-weight:500;line-height:1.35;letter-spacing:.015em;
  text-transform:uppercase;vertical-align:middle;text-decoration:none;box-shadow:none;
}
.mio-access-badge>.mio-access-icon{width:17px;height:17px;color:var(--mio-access-white);}
.mio-access-badge__text{min-width:0;color:inherit;overflow-wrap:normal;}
.mio-access-badge--unavailable{background:transparent;color:var(--mio-access-gray);border-color:currentColor;}
.mio-access-explanation{text-align:center;min-width:0;}
.mio-access-explanation .mio-access-explanation__title{
  display:flex;align-items:center;justify-content:center;gap:9px;
  margin:0 0 12px;color:var(--mio-access-white);
  font-family:var(--font-primary,"Montserrat"),"Segoe UI",Arial,sans-serif;
  font-size:15px;font-weight:600;line-height:1.45;letter-spacing:.015em;
}
.mio-access-explanation__title>.mio-access-icon{
  width:18px;height:18px;margin:0;color:var(--mio-access-gold);
}
.mio-access-explanation .mio-access-explanation__description{
  margin:0;color:var(--mio-access-soft);
  font-family:var(--font-secondary,"Poppins"),"Segoe UI",Arial,sans-serif;
  font-size:14px;font-weight:400;line-height:1.7;
}
@media(max-width:680px){
  .mio-access-explanation{text-align:left;}
  .mio-access-explanation .mio-access-explanation__title{justify-content:flex-start;margin-bottom:8px;}
}