/* POLACY PRESTON — approved sunset header; 23 October 2026.
   Styles are scoped to the homepage, preserving portal login, moderation, forum and mobile chat. */
body.portal .pp-sunset-header {
  position:relative;
  isolation:isolate;
  background:#653f58 url('pp-sunset-hero.jpg') center 58%/cover no-repeat!important;
  min-height:276px;
  overflow:hidden;
}
body.portal .pp-sunset-header .pp-masthead-shade {
  min-height:inherit;
  background:linear-gradient(180deg,rgba(5,17,38,.22) 0%,rgba(4,15,35,.08) 46%,rgba(4,16,34,.45) 100%)!important;
}
body.portal .pp-sunset-header .pp-masthead-inner {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(100% - 48px,1440px)!important;
  max-width:1440px;
  min-height:276px!important;
  height:auto!important;
  padding:34px 12px 44px!important;
  position:relative;
}
.pp-sunset-identity { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; position:relative; z-index:2; width:100%; margin-top:7px; padding:8px 16px; text-align:center;}
body.portal .pp-sunset-header .pp-sunset-logo {
  display:block!important; width:auto!important; max-width:100%!important; min-width:0!important;
  white-space:normal!important; overflow-wrap:normal;
  color:#fff!important; text-decoration:none!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(48px,5.6vw,93px)!important;
  font-weight:400!important; font-style:italic!important; line-height:1.13!important;
  letter-spacing:-.045em!important;
  text-shadow:0 3px 5px rgba(3,12,27,.45),0 9px 24px rgba(3,12,27,.48);
  transition:transform .23s ease, filter .23s ease!important;
}
body.portal .pp-sunset-header .pp-sunset-logo:hover {transform:translateY(-2px)!important;filter:brightness(1.09)}
.pp-sunset-flag {display:inline-block; font-size:.68em; letter-spacing:0; vertical-align:.04em; margin-left:.11em; font-style:normal; filter:drop-shadow(0 2px 5px rgba(1,12,24,.28))}
.pp-sunset-tagline {max-width:100%;margin:0!important;color:white!important;font:600 clamp(11px,1.25vw,17px)/1.6 ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif!important;letter-spacing:clamp(.07em,.23vw,.19em)!important;text-shadow:0 2px 12px rgba(2,8,20,.88);}
.pp-sunset-tagline span {padding-inline:.21em; opacity:.9}
body.portal .pp-sunset-header .pp-header-actions {
  position:absolute!important;top:12px;right:0;z-index:6;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  width:auto;max-width:none!important;gap:7px!important;flex-wrap:nowrap!important;
}
body.portal .pp-sunset-header .pp-header-actions>button,
body.portal .pp-sunset-header .pp-lang-switch {
  background:rgba(7,26,48,.74)!important;backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 6px 20px rgba(7,24,45,.20)!important;
}
body.portal .pp-sunset-header .pp-header-actions>button {color:white!important;min-height:38px;padding:8px 12px!important;font-size:12px!important}
body.portal .pp-sunset-header .pp-header-actions>.pp-join {background:#e8234d!important;border-color:#f35b78!important}
body.portal .pp-sunset-header .pp-header-actions .pp-lang-switch {position:static!important;top:auto!important;right:auto!important;order:-1!important;padding:2px!important}
body.portal .pp-sunset-header .pp-header-actions .pp-lang-switch button {border:0!important;box-shadow:none!important;background:transparent!important;color:#fff!important}
body.portal .pp-sunset-header .pp-header-actions .pp-lang-switch button[aria-pressed='true'] {background:#fff!important;color:#122846!important}
.pp-community-anchor {height:1px;position:relative;scroll-margin-top:24px}
@media(max-width:900px) {
 body.portal .pp-sunset-header, body.portal .pp-sunset-header .pp-masthead-shade {min-height:240px}
 body.portal .pp-sunset-header .pp-masthead-inner{min-height:240px!important;padding:43px 0 57px!important}
 body.portal .pp-sunset-header .pp-header-actions{right:10px;top:9px}
 body.portal .pp-sunset-header .pp-header-actions>button{font-size:11px!important;padding:8px!important}
 .pp-rail-toggle {top:62px!important;left:12px!important;z-index:10020!important;border-radius:16px!important;padding:12px 16px!important;background:rgba(6,30,56,.95)!important;box-shadow:0 8px 24px #061a3466!important}
}
@media(max-width:650px) {
 body.portal .pp-sunset-header,body.portal .pp-sunset-header .pp-masthead-shade {min-height:236px}
 body.portal .pp-sunset-header {background-position:center bottom!important}
 body.portal .pp-sunset-header .pp-masthead-inner{min-height:236px!important;gap:0!important;padding:40px 2px 52px!important;width:calc(100% - 16px)!important}
 .pp-sunset-identity{margin:0;padding:3px 0 9px;gap:12px}
 body.portal .pp-sunset-header .pp-sunset-logo{font-size:clamp(29px,8.1vw,43px)!important;letter-spacing:-.042em!important;white-space:nowrap!important}
 .pp-sunset-flag{font-size:.76em;margin-left:0}
 .pp-sunset-tagline{width:100%;font-size:clamp(8px,2.6vw,11px)!important;letter-spacing:.042em!important;line-height:1.55!important;white-space:nowrap}
 .pp-sunset-tagline span{padding-inline:0}
 body.portal .pp-sunset-header .pp-header-actions {position:absolute!important;top:auto!important;bottom:9px!important;right:0!important;left:0!important;transform:none!important;width:100%!important;max-width:100%!important;gap:6px!important;flex-wrap:nowrap!important;justify-content:center!important}
 body.portal .pp-sunset-header .pp-header-actions>.pp-icon-button{display:none!important}
 body.portal .pp-sunset-header .pp-header-actions>button {font-size:11px!important;padding:8px 13px!important;min-height:34px!important;margin:0!important;border-radius:12px!important}
 body.portal .pp-sunset-header .pp-header-actions .pp-lang-switch {position:absolute!important;top:-158px!important;right:12px!important;left:auto!important;transform:none!important;z-index:200!important;padding:2px!important}
 .pp-rail-toggle {top:55px!important;left:11px!important;font-size:13px!important;padding:10px 14px!important;min-height:37px!important}
 body.portal .pp-ad-ticker {height:43px}
}
@media(max-width:360px) {
 body.portal .pp-sunset-header .pp-sunset-logo{font-size:28px!important}
 .pp-sunset-tagline{font-size:7.5px!important;letter-spacing:0!important}
 body.portal .pp-sunset-header .pp-header-actions>button{font-size:10px!important;padding:7px 9px!important}
}
@media(prefers-reduced-motion:reduce){body.portal .pp-sunset-header .pp-sunset-logo{transition:none!important}}