/* Extracted from /_header.php */

:root { --macs-red:#df111a; --macs-red-dark:#a90d13; }
.siteLogoImg { display:block; max-width:100%; height:auto; object-fit:contain; }
.loginLogoWrap { width:min(360px, 86vw); margin:0 auto 18px; padding:14px 18px; border-radius:20px; background:rgba(255,255,255,.96); box-shadow:0 18px 45px rgba(0,0,0,.22); }
.loginCard .loginIcon { display:none; }
.sideBrand { align-items:center; gap:12px; }
.sideBrandLogo { display:flex; align-items:center; justify-content:center; width:100%; max-width:190px; min-height:58px; padding:10px 12px; border-radius:16px; background:transparent; box-shadow:none; }
.sideBrandLogo img { width:100%; max-height:52px; }
.sideBrandText strong { letter-spacing:.08em; text-transform:uppercase; color:var(--macs-red); }
.headerBrandLogo { display:flex; align-items:center; justify-content:center; width:188px; max-width:34vw; min-height:48px; padding:8px 12px; border-radius:16px; display:none; flex:0 0 auto; }
.headerBrandLogo img { width:100%; max-height:44px; }
.headerTitleBlock h1 { margin-top:0; }
.homeCommandHero { position:relative; overflow:hidden; }
.homeHeroBrandLogo { width:min(440px, 92%); padding:16px 20px; border-radius:24px; display:none; margin-bottom:18px; }
.homeHeroBrandLogo img { width:100%; max-height:112px; }
.homeHeroPanelLogo { width:190px; max-width:80%; margin:0 auto 14px; padding:10px 12px; border-radius:18px; background:transparent; box-shadow:none; }
.homeHeroPanelLogo img { width:100%; max-height:60px; }
@media (max-width:900px) {
  .header { gap:10px; }
  .headerBrandLogo { width:140px; max-width:42vw; min-height:40px; padding:7px 9px; border-radius:13px; }
  .headerBrandLogo img { max-height:34px; }
  .headerTitleBlock h1 { font-size:1.15rem; }
  .sideBrandLogo { max-width:170px; }
}
@media (max-width:560px) {
  .headerBrandLogo { width:112px; }
  .headerTitleBlock .sub { display:none; }
  .homeHeroBrandLogo { padding:11px 13px; border-radius:18px; }
}

:root { --macs-red:#df111a; --macs-red-dark:#a90d13; }
.siteLogoImg { display:block; max-width:100%; height:auto; object-fit:contain; }
.loginLogoWrap { width:min(360px, 86vw); margin:0 auto 18px; padding:14px 18px; border-radius:20px; background:rgba(255,255,255,.96); box-shadow:0 18px 45px rgba(0,0,0,.22); }
.loginCard .loginIcon { display:none; }
.sideBrand { align-items:center; gap:12px; }
.sideBrandLogo { display:flex; align-items:center; justify-content:center; width:100%; max-width:190px; min-height:58px; padding:10px 12px; border-radius:16px; background:transparent; box-shadow:none; }
.sideBrandLogo img { width:100%; max-height:52px; }
.sideBrandText strong { letter-spacing:.08em; text-transform:uppercase; color:var(--macs-red); }
.headerBrandLogo { display:flex; align-items:center; justify-content:center; width:188px; max-width:34vw; min-height:48px; padding:8px 12px; border-radius:16px; display:none; flex:0 0 auto; }
.headerBrandLogo img { width:100%; max-height:44px; }
.headerTitleBlock h1 { margin-top:0; }
.homeCommandHero { position:relative; overflow:hidden; }
.homeHeroBrandLogo { width:min(440px, 92%); padding:16px 20px; border-radius:24px; display:none; margin-bottom:18px; }
.homeHeroBrandLogo img { width:100%; max-height:112px; }
.homeHeroPanelLogo { width:190px; max-width:80%; margin:0 auto 14px; padding:10px 12px; border-radius:18px; background:transparent; box-shadow:none; }
.homeHeroPanelLogo img { width:100%; max-height:60px; }
@media (max-width:900px) {
  .header { gap:10px; }
  .headerBrandLogo { width:140px; max-width:42vw; min-height:40px; padding:7px 9px; border-radius:13px; }
  .headerBrandLogo img { max-height:34px; }
  .headerTitleBlock h1 { font-size:1.15rem; }
  .sideBrandLogo { max-width:170px; }
}
@media (max-width:560px) {
  .headerBrandLogo { width:112px; }
  .headerTitleBlock .sub { display:none; }
  .homeHeroBrandLogo { padding:11px 13px; border-radius:18px; }
}