.satori-page-logo{display:block;width:52px;height:52px;object-fit:contain;flex:0 0 auto;border-radius:10px;background:#fff}.ip-brand .satori-page-logo{width:47px;height:47px}.powered-brand{display:flex!important;align-items:center;gap:10px}.masthead-main .brand{display:flex;align-items:center;gap:10px}.ip-top .ip-brand{gap:10px;min-width:0;flex-shrink:1}.ip-top .ip-brand strong{overflow:hidden;text-overflow:ellipsis}.branding-page-fields{border-top:1px solid #37546f;padding-top:24px;margin-top:25px}.branding-page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.branding-page-grid label{display:grid;gap:8px;min-width:0}.branding-page-grid input{width:100%;min-width:0}.branding-image-preview{height:100px;width:100%;object-fit:contain;border:1px solid #66849a;border-radius:9px;background:#071c30}.branding-page-fields small{line-height:1.5;color:var(--muted,#9bbdd4)}@media(max-width:1100px){.ip-top .ip-powered{display:none}.ip-top .ip-search{min-width:120px}.ip-top .ip-brand strong{font-size:15px}.ip-top .ip-location{display:none}}@media(max-width:850px){.ip-brand .satori-page-logo{width:37px;height:37px}.ip-top .ip-brand strong{max-width:180px}.ip-top .account-control{margin-left:0}.ip-top .ip-clock{display:none}}@media(max-width:550px){.ip-top .ip-brand strong{display:none}.satori-page-logo{width:38px;height:38px}.powered-brand{gap:5px;font-size:9px!important}.powered-brand strong{font-size:11px!important}.ip-top .ip-brand .satori-page-logo{width:36px;height:36px}.town-toolbar{gap:6px!important}.town-toolbar .date-time{display:none!important}}

/* Common town header, including mobile sizing. */
body.inner-page header.ip-top.town-header {
  box-sizing: border-box;
  display: flex;
  gap: clamp(12px, 1.7vw, 36px);
  align-items: center;
  padding-inline: clamp(12px, 1.7vw, 36px);
  color: #f7fbff;
  background: linear-gradient(180deg, #031123, #020e1c);
  border-bottom: 1px solid #00101f;
  box-shadow: none;
}
.town-header .town-header-brand {
  display: flex;
  gap: clamp(8px, 1vw, 20px);
  align-items: center;
  color: inherit;
  white-space: nowrap;
  text-decoration: none;
  max-width: 40%;
}
.town-header .town-header-brand strong {
  color: #f7fbff;
  font-size: clamp(17px, 2.3vw, 48px);
  font-weight: 850;
  overflow: hidden;
  text-overflow: ellipsis;
}
.town-header .town-header-brand .town-header-logo {
  display: block;
  width: auto;
  height: clamp(44px, 4.5vw, 96px);
  object-fit: contain;
  flex: none;
  clip-path: polygon(50% 0, 65% 2%, 77% 8%, 86% 17%, 92% 30%, 94% 42%, 91% 54%, 82% 65%, 70% 77%, 50% 97%, 46% 97%, 28% 79%, 17% 66%, 9% 53%, 5% 41%, 6% 30%, 12% 17%, 23% 8%, 36% 2%);
}
.town-header .ip-search {
  display: flex;
  flex: 1 1 30%;
  max-width: 675px;
  min-width: 0;
  margin-inline-start: auto;
  border: 1px solid #00d6ed;
  border-radius: clamp(11px, 1.1vw, 23px);
  background: #04172b;
  color: #f7fbff;
}
.town-header .ip-search input { min-width: 0; color: #f7fbff; }
.town-header .ip-search input::placeholder { color: #48e2f5; opacity: 1; }
.town-header :is(.ip-clock, .ip-top-weather) {
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: #f7fbff;
}
.town-header .ip-clock { padding-inline-end: clamp(10px, 1vw, 22px); border-inline-end: 1px solid #00d6ed; }
.town-header .ip-top-weather { border: 0; padding-inline-start: 0; }
.town-header :is(.ip-clock,.ip-top-weather) b { color: inherit; font-size: clamp(17px, 1.8vw, 37px); }
.town-header :is(.ip-clock,.ip-top-weather) small { color: inherit; font-size: clamp(10px, .95vw, 20px); }
.town-header .ip-top-weather .ip-weather-art { width: clamp(34px, 5vw, 105px); height: auto; }
.town-header .town-header-login {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5em;
  white-space: nowrap;
  border: 1px solid #00d6ed;
  border-radius: 999px;
  padding: .65em .85em;
  color: #f7fbff;
  font-weight: 750;
  text-decoration: none;
  width: auto;
  height: auto;
  min-width: 0;
  margin: 0;
  background: #041326;
}
.ip-top.town-header .town-header-login .account-label { display: inline; }
.town-header :is(a,button,input):focus-visible { outline: 2px solid #48e2f5; outline-offset: 3px; }
@media (max-width: 850px) {
  .town-header .ip-clock { display: none; }
  .town-header .town-header-brand { max-width: 42%; }
}
@media (max-width: 540px) {
  body.inner-page header.ip-top.town-header { gap: 8px; }
  .town-header .ip-top-weather { display: none; }
  .town-header .town-header-brand { max-width: 48%; gap: 4px; }
  body.inner-page .town-header .town-header-brand strong { display: block; font-size: clamp(12px, 3.4vw, 17px); }
  .town-header .town-header-brand .town-header-logo { height: 38px; }
  .town-header .town-header-login { padding: .45em .55em; }
}

.town-header .town-header-brand strong{font-family:SatoriInter,Arial,sans-serif}