/* Polacy Preston · 26.10.2026 · unified 40%-lighter sky blue + symmetric side rails.
   The full-width editorial header/menus remain unchanged. */
:root {
  --pp26-new-bg: #709ec1;
  --pp26-new-card: #5c87a8;
  --pp26-new-card-2: #507b9c;
  --pp26-new-line: rgba(216,240,255,.5);
  --pp-sky-surface: #76a5c6;
  --pp-sky-frame: rgba(211,237,252,.65);
}
/* Same background on HOME, PROFILE, MARKETPLACE, NEWS and every other published route.
   Lightness is about 40% higher than the original dark navy appearance. */
html body.portal,
html body.pp-v6-unified,
html body.pp-v6-unified.portal[data-pp-page='home'],
html body.pp-v6-unified.pp-themed-subpage,
html body.pp-v6-unified.pp-community-page,
html body.pp-v6-unified.pp-partner-body,
html body.pp-final-modern,
html body.pp-shared-shell,
html body[class] {
  background-color:#6e9dbf!important;
  background-image:radial-gradient(ellipse 90% 700px at 52% 10%,rgba(189,224,246,.56),transparent 78%),linear-gradient(175deg,#6093ba 0%,#79aace 39%,#6799bd 75%,#507fa4 100%)!important;
  background-attachment:fixed!important;
}
/* One balanced desktop grid — equal external rails, no nested, legacy left-hand rail. */
body.pp-shared-shell .pp-shared-content {
  width:100%!important;
  max-width:1710px!important;
  padding:22px clamp(12px,2.25vw,34px) 70px!important;
  margin-inline:auto!important;
}
body.pp-shared-shell .pp-shared-grid {
  display:grid!important;
  grid-template-columns:minmax(0,215px) minmax(0,1fr) minmax(0,215px)!important;
  gap:clamp(14px,1.9vw,26px)!important;
  align-items:start!important;
}
body.pp-shared-shell .pp-shared-grid > .pp-shared-middle {min-width:0!important;max-width:100%!important;width:100%!important}
body.pp-shared-shell .pp-shared-rail {
  min-width:0!important;width:100%!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:15px!important;top:20px!important;
}
body.pp-shared-shell .pp-shared-rail .pp-shared-ad {
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  width:100%!important;min-width:0!important;min-height:215px!important;
  padding:17px!important;gap:10px!important;overflow:hidden!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(13,43,66,.16) 0%,rgba(9,36,64,.78) 78%,rgba(6,29,53,.90) 100%),var(--rail-bg, linear-gradient(135deg,#5188ae,#315d81)) center/cover no-repeat,#477a9e!important;
  border:1px solid rgba(232,247,255,.66)!important;
  box-shadow:0 13px 30px rgba(14,49,77,.23),inset 0 1px rgba(255,255,255,.13)!important;
  transition:transform .17s ease, box-shadow .17s ease;
}
body.pp-shared-shell .pp-shared-rail-left .pp-shared-ad,
body.pp-shared-shell .pp-shared-rail-right .pp-shared-ad {border-radius:24px!important}
body.pp-shared-shell .pp-shared-rail .pp-shared-ad:hover {
 transform:translateY(-2px);box-shadow:0 17px 38px rgba(9,43,69,.29)!important;filter:none!important;
}
body.pp-shared-shell .pp-shared-rail .pp-shared-ad small {color:#fff!important;background:rgba(7,29,47,.5)!important;border-color:rgba(255,255,255,.4)!important}
body.pp-shared-shell .pp-shared-rail .pp-shared-ad span {color:#f0f8ff!important}
body.pp-shared-shell .pp-shared-rail .pp-shared-ad strong {color:#fff!important;font-weight:850!important;overflow-wrap:anywhere}
body.pp-shared-shell .pp-shared-rail .pp-shared-ad b {background:linear-gradient(125deg,#f44876,#c33169)!important;color:#fff!important;border-radius:13px!important}
body.pp-shared-shell .pp-shared-rail-note {background:rgba(47,103,145,.5)!important;border:1px dashed #c1dfef!important;color:#eff9ff!important;border-radius:20px!important}
body.pp-shared-shell .pp-shared-rail-title{color:#f9fdff!important;text-shadow:0 1px 4px #214d6e88}
/* Several subpages, especially /profil, still carry a second left sidebar from the old design.
   The actual links are in the global header and the new external rails. */
body.pp-shared-shell .pp-shared-middle .pp-approved-rail,
body.pp-shared-shell .pp-shared-middle .pp-approved-rail-right,
body.pp-shared-shell .pp-shared-middle .shell > aside.side,
body.pp-shared-shell .pp-shared-middle .pp-social-left,
body.pp-shared-shell .pp-shared-middle .pp-social-right { display:none!important; }
body.pp-shared-shell .pp-shared-middle .shell {
 display:block!important;grid-template-columns:minmax(0,1fr)!important;
 width:100%!important;max-width:100%!important;
 margin:0 auto!important;padding:0!important;min-width:0!important;
}
body.pp-shared-shell .pp-shared-middle .shell > .main,
body.pp-shared-shell .pp-shared-middle .shell > main,
body.pp-shared-shell .pp-shared-middle .pp-approved-shell,
body.pp-shared-shell .pp-shared-middle .pp-approved-content {width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
body.pp-shared-shell .pp-shared-middle .pp-approved-shell {display:block!important}
body.pp-shared-shell .pp-shared-middle .pp-social-grid {grid-template-columns:minmax(0,1fr)!important}
body.pp-shared-shell .pp-shared-middle :is(.profile-card,.panel,.pp-ads-browse,.pp-ads-create,.pp-ads-hero,.pp-market-card,.pp-widget,.pp-post-card){border-radius:23px!important}
body.pp-shared-shell .pp-shared-middle :is(.panel,.pp-widget,.pp-ads-browse,.pp-ads-create){border:1px solid rgba(183,219,241,.72)!important;box-shadow:0 12px 35px rgba(22,52,79,.14)!important}
/* Home-only sections keep a consistent sky-blue outer canvas too. */
body.portal :is(.pp-home,.pp-dash-surface,.pp-dash-section) {border-radius:20px}
body.portal .pp-discovery-strip {background:linear-gradient(120deg,#507f9f,#3a6a90)!important;border:1px solid #d8f1ff99!important}
/* Safety: maintain text contrast despite lighter surrounding canvas. */
body.pp-shared-shell .pp-ref-hero,body.portal .pp-ref-hero {background-attachment:scroll!important}
@media(max-width:1180px){
 body.pp-shared-shell .pp-shared-grid {grid-template-columns:minmax(0,175px) minmax(0,1fr) minmax(0,175px)!important;gap:12px!important}
 body.pp-shared-shell .pp-shared-rail .pp-shared-ad{min-height:180px!important;padding:13px!important;border-radius:20px!important}
}
@media(max-width:960px){
 body.pp-shared-shell .pp-shared-grid {display:block!important}
 body.pp-shared-shell .pp-shared-rail {display:none!important}
 body.pp-shared-shell .pp-shared-content{padding:12px 12px 105px!important}
}
@media(prefers-reduced-motion:reduce){body.pp-shared-shell .pp-shared-rail .pp-shared-ad {transition:none!important}}