/* Slim page headers: every page's top tile is one compact, colorful strip (title, one line of text, action on the right). */
:root{--sh-grad:linear-gradient(90deg,var(--accent),var(--accent2),#ec4899)}
html body :is(.page-head,.price-head,.hg-hero,.sx-hero,.cm-hero,.cp-hero,.emp-hero,.ev-hero,.pb-hero,.en-hero,.jh-hero,.rg-hero,.rg-head,.sp-hero,.pr-hero-x,.rh-tool>.page-head,.rh-tool .cpf-mid>.page-head,.ng-framed .page-head,.ng-body>.page-head,.rg-x .page-head.rg-head){
  position:relative;overflow:hidden;isolation:isolate;
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between;flex-wrap:wrap;gap:6px 16px!important;
  min-height:0!important;height:auto!important;padding:10px 16px 10px 18px!important;margin:0 0 12px!important;border-radius:14px!important;
  border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))!important;
  background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 11%,var(--surface)) 0%,var(--surface) 55%,color-mix(in srgb,var(--accent2) 12%,var(--surface)) 100%)!important;
  box-shadow:0 6px 18px -12px color-mix(in srgb,var(--accent) 45%,transparent)!important}
/* top accent bar and a bold left edge */
html body :is(.page-head,.price-head,.hg-hero,.sx-hero,.cm-hero,.cp-hero,.emp-hero,.ev-hero,.pb-hero,.en-hero,.jh-hero,.rg-hero,.rg-head,.sp-hero,.pr-hero-x)::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;width:auto;background:var(--sh-grad);opacity:1;z-index:1}
/* decorative art off */
html body :is(.page-head,.price-head,.hg-hero,.sx-hero,.cm-hero,.cp-hero,.emp-hero,.ev-hero,.pb-hero,.en-hero,.jh-hero,.rg-hero,.rg-head,.sp-hero,.pr-hero-x)::after{display:none!important}
html body :is(.sx-hero,.cm-hero,.cp-hero,.emp-hero,.ev-hero,.pb-hero,.en-hero,.jh-hero,.rg-hero,.sp-hero,.pr-hero-x) [class*="hero-art"],
html body :is(.sx-hero,.cm-hero,.cp-hero,.emp-hero,.pb-hero,.rg-hero,.pr-hero-x) :is(svg.art,.art,.scope-art){display:none!important}
/* title block: kicker, title and text on tight rows */
html body :is(.page-head,.price-head,.hg-hero,.rg-head)>div:first-child,
html body :is(.sx-hero,.pr-hero-x)>.sx-hero-t{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px;row-gap:0;min-width:0;flex:1 1 280px}
html body :is(.page-head,.price-head,.hg-hero,.sx-hero,.cm-hero,.cp-hero,.emp-hero,.ev-hero,.pb-hero,.en-hero,.jh-hero,.rg-hero,.rg-head,.sp-hero,.pr-hero-x) h1{font:700 1.3rem/1.2 var(--hfont)!important;margin:0!important;letter-spacing:.005em}
html body :is(.page-head,.price-head,.hg-hero,.sx-hero,.cm-hero,.cp-hero,.emp-hero,.ev-hero,.pb-hero,.en-hero,.jh-hero,.rg-hero,.rg-head,.sp-hero,.pr-hero-x) :is(.kicker,.sx-k){font:700 .62rem/1.3 var(--mono)!important;letter-spacing:.14em;text-transform:uppercase;margin:0!important;padding:0!important;background:none!important;border:0!important;color:var(--accent2)!important;order:-1}
html body :is(.page-head,.price-head,.hg-hero,.sx-hero,.cm-hero,.cp-hero,.emp-hero,.ev-hero,.pb-hero,.en-hero,.jh-hero,.rg-hero,.rg-head,.sp-hero,.pr-hero-x) p{font-size:.84rem!important;line-height:1.35;margin:1px 0 0!important;flex:1 0 100%;max-width:none!important;color:var(--muted);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
/* actions and buttons shrink */
html body :is(.page-head,.price-head,.hg-hero,.sx-hero,.cm-hero,.cp-hero,.emp-hero,.ev-hero,.pb-hero,.en-hero,.jh-hero,.rg-hero,.rg-head,.sp-hero,.pr-hero-x) .btn{padding:7px 14px!important;min-height:0!important;font-size:.84rem!important}
html body :is(.page-head,.price-head,.hg-hero,.sx-hero,.cm-hero,.cp-hero,.emp-hero,.ev-hero,.pb-hero,.en-hero,.jh-hero,.rg-hero,.rg-head,.sp-hero,.pr-hero-x) .sx-hero-a{margin:0;gap:8px}
/* hero stat tiles become a slim inline row */
html body :is(.sx-hero,.pr-hero-x) .sx-stats{display:flex;gap:6px 14px;margin:0;flex-wrap:wrap}
html body :is(.sx-hero,.pr-hero-x) .sx-stat{display:flex;align-items:baseline;gap:6px;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;min-width:0}
html body :is(.sx-hero,.pr-hero-x) .sx-stat b{font-size:1rem}.sx-hero .sx-stat small{font-size:.72rem}
@media (max-width:640px){
  html body :is(.page-head,.price-head,.hg-hero,.sx-hero,.cm-hero,.cp-hero,.emp-hero,.ev-hero,.pb-hero,.en-hero,.jh-hero,.rg-hero,.rg-head,.sp-hero,.pr-hero-x){padding:9px 12px 9px 14px!important;border-radius:12px!important}
  html body :is(.page-head,.sx-hero,.price-head) h1{font-size:1.15rem!important}
}
/* AI Copilot and Help headers */
html body .cp-hero-stats{display:none!important}
html body .cp-hero-txt{display:flex;flex-wrap:wrap;align-items:center;column-gap:14px;row-gap:0;flex:1 1 auto;min-width:0}
html body .cp-hero-txt>p{flex:1 0 100%;order:3}
html body .cp-hero-cta{display:flex;gap:8px;margin:0 0 0 auto!important;order:2;flex-wrap:wrap}
html body .cp-hero h1 .cp-grad{display:inline}
html body .hg-hero{text-align:left!important;justify-content:flex-start}
html body .hg-hero>*{max-width:none}
html body .hg-hero{display:grid!important;justify-items:start;align-items:start!important;gap:4px 16px!important}
html body .hg-hero h1{text-align:left}
@media (max-width:640px){html body .cp-hero-cta{margin-left:0!important;width:100%}html body .cp-hero-cta .btn{flex:1 1 140px;justify-content:center}}

/* v1.90.4 roomier page headers: the slim headers were squeezing the title, subtitle, buttons and stats together */
html body :is(.page-head,.price-head,.hg-hero,.sx-hero,.cm-hero,.cp-hero,.emp-hero,.ev-hero,.pb-hero,.en-hero,.jh-hero,.rg-hero,.rg-head,.sp-hero,.pr-hero-x,.rh-tool>.page-head,.rh-tool .cpf-mid>.page-head,.ng-framed .page-head,.ng-body>.page-head,.rg-x .page-head.rg-head){padding:16px 20px 16px 22px!important;gap:10px 18px!important;margin-bottom:16px!important}
html body :is(.page-head,.price-head,.hg-hero,.sx-hero,.cm-hero,.cp-hero,.emp-hero,.ev-hero,.pb-hero,.en-hero,.jh-hero,.rg-hero,.rg-head,.sp-hero,.pr-hero-x) h1{line-height:1.25!important}
html body :is(.page-head,.price-head,.hg-hero,.sx-hero,.cm-hero,.cp-hero,.emp-hero,.ev-hero,.pb-hero,.en-hero,.jh-hero,.rg-hero,.rg-head,.sp-hero,.pr-hero-x) p{font-size:.92rem!important;line-height:1.5!important;margin:6px 0 0!important;-webkit-line-clamp:3!important}
html body :is(.sx-hero,.pr-hero-x) .sx-hero-t{row-gap:2px}
html body :is(.sx-hero,.pr-hero-x) .sx-hero-a{margin:8px 0 0;gap:10px}
html body :is(.sx-hero,.pr-hero-x) .sx-stats{gap:8px 20px;margin:10px 0 0}
html body :is(.page-head,.price-head,.hg-hero,.sx-hero,.cm-hero,.cp-hero,.emp-hero,.ev-hero,.pb-hero,.en-hero,.jh-hero,.rg-hero,.rg-head,.sp-hero,.pr-hero-x) .btn{padding:8px 16px!important;font-size:.88rem!important}
@media (max-width:640px){html body :is(.page-head,.price-head,.hg-hero,.sx-hero,.cm-hero,.cp-hero,.emp-hero,.ev-hero,.pb-hero,.en-hero,.jh-hero,.rg-hero,.rg-head,.sp-hero,.pr-hero-x){padding:13px 14px 13px 16px!important}}