:root{
  --m28-navy:#071d3c;
  --m28-blue:#0759c7;
  --m28-red:#c51f2a;
  --m28-gold:#d7a62a;
  --m28-line:#2f587d;
  --m28-soft:#eef5ff;
  --m28-white:#fff;
  --m28-safe:env(safe-area-inset-bottom,0px);
}

#m28-safety-brand-v242{
  width:min(1180px,calc(100% - 28px));
  margin:18px auto 14px;
  font-family:Arial,Helvetica,sans-serif;
}
#m28-safety-brand-v242 *{box-sizing:border-box}
#m28-safety-brand-v242 .brand-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  background:linear-gradient(135deg,#071d3c,#0b4d8a);
  color:#fff;
  border:1px solid #315a85;
  border-top:4px solid var(--m28-red);
  border-radius:16px;
  box-shadow:0 12px 28px rgba(0,0,0,.16);
}
#m28-safety-brand-v242 .portrait{
  width:78px;height:78px;border-radius:50%;
  border:3px solid var(--m28-gold);overflow:hidden;background:#fff;
  flex:0 0 auto;
}
#m28-safety-brand-v242 .portrait img{
  width:100%;height:100%;object-fit:cover;display:block;
}
#m28-safety-brand-v242 .kicker{
  color:#cfe2ff;font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;
}
#m28-safety-brand-v242 h1{
  margin:.2rem 0 .3rem;
  font-size:clamp(1.55rem,3.8vw,2.5rem);
  line-height:1.02;
}
#m28-safety-brand-v242 .sub{
  margin:0;color:#dce9f8;font-size:.88rem;line-height:1.4
}
#m28-safety-brand-v242 .badges{
  display:flex;flex-wrap:wrap;gap:5px;margin-top:7px
}
#m28-safety-brand-v242 .badge{
  display:inline-flex;min-height:30px;align-items:center;
  padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.28);
  color:#fff;background:rgba(255,255,255,.07);
  font-size:.7rem;font-weight:900
}
#m28-safety-brand-v242 .home-btn{
  display:inline-flex;min-height:44px;align-items:center;justify-content:center;
  padding:8px 12px;border-radius:9px;background:#fff;color:#0b315a;
  text-decoration:none;font-weight:900;white-space:nowrap
}
#m28-safety-brand-v242 .quick{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:10px
}
#m28-safety-brand-v242 .quick a{
  min-height:48px;display:flex;align-items:center;justify-content:center;
  padding:8px 7px;border:1px solid #b8cce2;border-radius:10px;background:#fff;
  color:#173a60;text-decoration:none;text-align:center;font-size:.78rem;font-weight:900;
}
#m28-safety-brand-v242 .quick a.primary{
  background:#0759c7;color:#fff;border-color:#0759c7;
}
#m28-safety-brand-v242 .quick a.safety{
  background:#fff7e0;border-color:#d6ad43;color:#7b5200;
}

/* Safety dashboard normalization */
body[data-m28-safety-v242="1"]{
  background:#071a31!important;
}
body[data-m28-safety-v242="1"] > main,
body[data-m28-safety-v242="1"] .wrap,
body[data-m28-safety-v242="1"] .container{
  max-width:1180px!important;
}
body[data-m28-safety-v242="1"] .m28v241{
  margin-top:14px!important;
}
body[data-m28-safety-v242="1"] h1,
body[data-m28-safety-v242="1"] h2,
body[data-m28-safety-v242="1"] h3{
  text-wrap:balance;
}
body[data-m28-safety-v242="1"] button,
body[data-m28-safety-v242="1"] a{
  touch-action:manipulation;
}

/* Dead-Man wizard branding overlay */
body[data-m28-wizard-v242="1"]{
  background:#f5f8fc!important;
  color:#101820!important;
}
body[data-m28-wizard-v242="1"]::before{
  content:"VOTE MOTTA 2028  •  ROBERT R. MOTTA  •  COMMANDER IN CHIEF 2028  •  POTUS 48 CAMPAIGN";
  display:block;
  padding:10px 14px;
  background:#071d3c;
  color:#fff;
  border-bottom:3px solid #c51f2a;
  text-align:center;
  font:900 .75rem/1.25 Arial,sans-serif;
  letter-spacing:.06em;
}
body[data-m28-wizard-v242="1"]::after{
  content:"America Really First  •  One Term. Get It Done.  •  Test mode only — real emergency notifications remain OFF.";
  display:block;
  margin:0;
  padding:10px 14px calc(10px + var(--m28-safe));
  background:#071d3c;
  color:#dcecff;
  text-align:center;
  font:800 .76rem/1.35 Arial,sans-serif;
}
body[data-m28-wizard-v242="1"] [class*="wizard"],
body[data-m28-wizard-v242="1"] [class*="card"]{
  max-width:100%;
}
body[data-m28-wizard-v242="1"] .m28-wizard-photo-v242{
  width:74px;height:74px;object-fit:cover;border-radius:50%;
  border:3px solid var(--m28-gold);background:#fff;
}
body[data-m28-wizard-v242="1"] .m28-wizard-brand-v242{
  display:flex;align-items:center;gap:12px;
  width:min(850px,calc(100% - 28px));margin:14px auto 0;
  padding:12px 14px;border-radius:14px;
  background:#fff;border:1px solid #d4deea;
  box-shadow:0 8px 22px rgba(10,40,70,.06);
  font-family:Arial,sans-serif;
}
body[data-m28-wizard-v242="1"] .m28-wizard-brand-v242 strong{
  display:block;color:#0b315a;font-size:1.05rem
}
body[data-m28-wizard-v242="1"] .m28-wizard-brand-v242 span{
  display:block;color:#65778a;font-size:.8rem;margin-top:2px
}

@media(max-width:760px){
  #m28-safety-brand-v242{
    width:calc(100% - 16px);margin:8px auto 10px
  }
  #m28-safety-brand-v242 .brand-card{
    grid-template-columns:auto 1fr;
    gap:9px;padding:12px
  }
  #m28-safety-brand-v242 .portrait{width:62px;height:62px}
  #m28-safety-brand-v242 .home-btn{
    grid-column:1/-1;width:100%;min-height:50px
  }
  #m28-safety-brand-v242 .quick{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:7px
  }
  #m28-safety-brand-v242 .quick a{
    min-height:52px;font-size:.82rem
  }

  body[data-m28-safety-v242="1"]{
    padding-bottom:calc(78px + var(--m28-safe))!important;
  }

  body[data-m28-wizard-v242="1"]::before{
    font-size:.66rem;padding:8px 10px
  }
  body[data-m28-wizard-v242="1"] .m28-wizard-brand-v242{
    width:calc(100% - 18px);margin-top:9px;padding:10px
  }
  body[data-m28-wizard-v242="1"] .m28-wizard-photo-v242{
    width:58px;height:58px
  }
  body[data-m28-wizard-v242="1"] button,
  body[data-m28-wizard-v242="1"] a{
    min-height:48px
  }
}