/*
 * PluginPip 2027 / Top Dock with original mega-dropdowns.
 * The top dock stays visible on every screen; only dropdown panels expand.
 * Purple glass, lime highlights and service icons follow the Corner Rail.
 */
.site-header{z-index:120}
body.admin-bar .site-header{top:32px}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}
.site-header__inner{
  width:min(calc(100% - 4vw),1550px);
  min-height:106px;
  gap:clamp(12px,2vw,36px);
}
.site-header .pp-mega-nav{
  position:relative;
  isolation:isolate;
  display:block;
  justify-self:center;
  width:auto;
  min-width:0;
  max-width:min(100%,950px);
  padding:6px 8px;
  color:#f5edff;
  background:linear-gradient(112deg,rgba(53,29,91,.97),rgba(24,12,50,.97));
  border:1px solid rgba(225,191,255,.52);
  border-radius:100px;
  box-shadow:0 14px 42px rgba(12,4,34,.3),0 0 0 1px rgba(185,117,249,.13),0 0 18px rgba(150,76,231,.18);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.site-header .pp-mega-nav::before{
  content:"";position:absolute;z-index:-1;inset:-1px;border-radius:inherit;padding:1px;
  background:linear-gradient(100deg,rgba(179,101,238,.4),rgba(212,166,255,.77) 68%,rgba(202,249,60,.55));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
}
.site-header .pp-mega-nav__items{
  display:flex;align-items:stretch;gap:2px;padding:0;
  min-width:0;
}
.site-header .pp-mega-trigger{
  position:relative;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:3px;
  min-height:60px;
  min-width:clamp(91px,9vw,130px);
  max-width:155px;
  padding:6px clamp(8px,1.1vw,17px) 7px;
  border:0;border-radius:18px;background:transparent;
  color:#f4eaff;text-align:center;
  font-size:clamp(.65rem,.78vw,.78rem);
  font-weight:740;line-height:1.14;letter-spacing:.005em;
  white-space:nowrap;
  transition:color .2s,background .2s;
}
.site-header .pp-mega-trigger + .pp-mega-trigger::before{
  content:"";position:absolute;left:-1px;top:13px;bottom:13px;width:1px;background:rgba(230,207,255,.22);
}
.site-header .pp-mega-trigger__icon{width:22px;height:22px;flex:none;transition:transform .2s}
.site-header .pp-mega-trigger:hover,
.site-header .pp-mega-trigger:focus-visible,
.site-header .pp-mega-trigger[aria-expanded=true]{
  color:#c9f53d;background:rgba(203,163,255,.15);
}
.site-header .pp-mega-trigger:hover .pp-mega-trigger__icon{transform:translateY(-2px)}
.site-header .pp-mega-caret{
  position:absolute;right:6px;top:50%;transform:translateY(-50%);
  font-size:12px;line-height:1;color:#c9f53d;
}
.site-header .pp-mega-trigger[aria-expanded=true] .pp-mega-caret{transform:translateY(-50%) rotate(180deg)}
.site-header .pp-mega-nav__items::after{
  content:"✳";flex:0 0 43px;display:grid;place-items:center;
  width:43px;height:43px;margin:8px 2px 8px 8px;
  color:#1a0a2e;background:#ccfa3a;border:2px solid #291442;border-radius:50%;
  box-shadow:0 0 0 2px rgba(221,208,255,.47),0 0 20px rgba(198,247,56,.3);
  font:500 26px/1 Arial,sans-serif;pointer-events:none;
}
.site-header .header-cta{background:#d9c9ff;border:1px solid rgba(227,207,255,.62);color:#24123b;white-space:nowrap}
.site-header .header-cta:hover{background:#c9f53d}
.site-header .nav-toggle{display:none!important}
/* Keep the rich menu panels, and make their typography consistent with the dock. */
.site-header .pp-mega-panel{
  top:calc(100% + 13px);
  z-index:150;
  max-height:min(76vh,700px);
  overflow-y:auto;
}
.site-header .pp-mega-panel[hidden]{display:none!important}
@media(max-width:1100px){
  .site-header__inner{gap:14px}
  .site-header .pp-mega-trigger{min-width:92px;padding-inline:9px;font-size:.68rem}
  .site-header .pp-mega-nav__items::after{width:40px;height:40px;flex-basis:40px;margin-left:5px}
}
@media(max-width:850px){
  .site-header__inner{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto;
    gap:8px 12px;
    min-height:0;
    padding:14px 0 0;
  }
  .site-header .brand{grid-column:1;grid-row:1}
  .site-header .header-cta{grid-column:2;grid-row:1}
  .site-header .pp-mega-nav{
    grid-column:1/-1;grid-row:2;justify-self:stretch;
    width:100%;max-width:100%;border-radius:21px;padding:4px 6px;
    overflow:visible;
  }
  .site-header .pp-mega-nav__items{
    width:100%;display:flex;overflow-x:auto;overflow-y:hidden;
    scrollbar-width:thin;scrollbar-color:rgba(200,168,255,.55) transparent;
    overscroll-behavior-x:contain;scroll-snap-type:x proximity;
  }
  .site-header .pp-mega-trigger{flex:1 0 auto;min-width:clamp(102px,25vw,137px);min-height:55px;scroll-snap-align:start}
  .site-header .pp-mega-nav__items::after{margin:7px 3px 7px 8px}
  .site-header .pp-mega-panel{
    position:absolute;left:0;right:0;top:calc(100% + 10px);
    width:100%;max-height:min(67svh,580px);
    transform:none;
    grid-template-columns:1fr;
    border-radius:20px;
  }
  .site-header .pp-mega-panel__intro{padding:20px}
  .site-header .pp-mega-panel__intro h2{font-size:1.8rem;margin:9px 0}
  .site-header .pp-mega-panel__intro p{font-size:.86rem;margin-bottom:14px}
  .site-header .pp-mega-spotlight{margin-top:4px}
  .site-header .pp-mega-columns{padding:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
}
@media(max-width:480px){
  .site-header__inner{width:calc(100% - 28px);padding-top:10px}
  .site-header .pp-mega-nav{border-radius:19px;padding:3px 5px}
  .site-header .pp-mega-trigger{min-width:107px;min-height:54px;font-size:10px}
  .site-header .pp-mega-trigger__icon{width:20px;height:20px}
  .site-header .pp-mega-nav__items::after{height:37px;width:37px;flex-basis:37px;font-size:21px;margin-left:5px}
  .site-header .header-cta{min-height:38px;padding:8px 13px;font-size:.72rem}
  .site-header .pp-mega-columns{grid-template-columns:1fr}
  .site-header .pp-mega-panel{max-height:65svh}
}
@media(max-width:360px){
  .site-header .header-cta{display:inline-flex;padding:7px 10px;gap:5px;font-size:.68rem}
  .site-header .brand{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){
  .site-header .pp-mega-trigger,.site-header .pp-mega-trigger__icon{transition:none}
}
/* PluginPip 2027 permanent multicolour brand mark. */
.site-header .brand .pp2027-brand-mark{display:block;width:clamp(46px,4.1vw,66px);height:clamp(46px,4.1vw,66px);object-fit:contain;flex:none;max-width:none;filter:none}
.site-header .brand .pp2027-brand-wordmark{font-family:Arial,Helvetica,sans-serif;font-size:clamp(1rem,1.25vw,1.45rem);font-weight:900;letter-spacing:-.055em;color:#fff}
.site-header .brand .pp2027-brand-wordmark .brand__period{color:#c9f53d}
@media(max-width:900px){.site-header .brand .pp2027-brand-mark{width:46px;height:46px}.site-header .brand .pp2027-brand-wordmark{font-size:1rem}}
@media(max-width:490px){.site-header .brand .pp2027-brand-mark{width:38px;height:38px}.site-header .brand .pp2027-brand-wordmark{font-size:.86rem}}