/* Exactly one upper-left header accent and one lower-right page accent.
   Attribute specificity and explicit longhands resist existing cover/size rules.
   No body-wide, nested-section or repeated decorations; no layout rules. */
html body [data-esa-top="1"][data-esa-top] {
  background-image:url("legacy-corner-top.svg?v=1.1.0-legacy")!important;
  background-position:left top!important;
  background-size:clamp(150px,20vw,300px) auto!important;
  background-repeat:no-repeat!important;
  background-attachment:scroll!important;
}
html body [data-esa-bottom="1"][data-esa-bottom],
html body[data-esa-bottom="1"][data-esa-bottom],
html body .ess-home.ess-full[data-esa-bottom="1"]::before {
  background-image:url("legacy-corner-bottom-light.svg?v=1.1.0-legacy")!important;
  background-position:right bottom!important;
  background-size:clamp(150px,20vw,300px) auto!important;
  background-repeat:no-repeat!important;
  background-attachment:scroll!important;
}
html body [data-esa-bottom="1"][data-esa-tone="dark"],
html body[data-esa-bottom="1"][data-esa-tone="dark"],
html body .ess-home.ess-full[data-esa-bottom="1"][data-esa-tone="dark"]::before {
  background-image:url("legacy-corner-bottom.svg?v=1.1.0-legacy")!important;
}
@media(max-width:760px){
  html body [data-esa-top="1"][data-esa-top],
  html body [data-esa-bottom="1"][data-esa-bottom],
  html body[data-esa-bottom="1"][data-esa-bottom],
  html body .ess-home.ess-full[data-esa-bottom="1"]::before {background-size:140px auto!important;}
}
@media(forced-colors:active){
  html body [data-esa-top="1"][data-esa-top],
  html body [data-esa-bottom="1"][data-esa-bottom],
  html body[data-esa-bottom="1"][data-esa-bottom],
  html body .ess-home.ess-full[data-esa-bottom="1"]::before {background-image:none!important;}
}

/* The homepage already paints its full-width gutter in this pseudo-element. */
html body .ess-home.ess-full[data-esa-bottom="1"] {background-image:none!important;}

/* Reference-sized corner artwork, once at each end of the page. */
html body[data-esa-reference="1"] [data-esa-top="1"],html body[data-esa-reference="1"] .ess-dest-header {position:relative;z-index:25;background-image:none!important;}
html body[data-esa-reference="1"] [data-esa-top="1"]::before,html body[data-esa-reference="1"] .ess-dest-header::before {
 content:"";position:absolute;left:0;top:0;width:clamp(260px,30.5vw,520px);aspect-ratio:520/480;
 background:url("corner-top.svg?v=1.1.0") left top/100% auto no-repeat;pointer-events:none;z-index:-1;
}
html body[data-esa-reference="1"] [data-esa-bottom="1"][data-esa-bottom],html body[data-esa-reference="1"][data-esa-bottom="1"],html body[data-esa-reference="1"] .ess-home.ess-full[data-esa-bottom="1"]::before {
 background-image:url("corner-bottom-light.svg?v=1.1.0")!important;background-position:right bottom!important;
 background-size:clamp(240px,30.5vw,520px) auto!important;background-repeat:no-repeat!important;background-attachment:scroll!important;
}
html body[data-esa-reference="1"] [data-esa-bottom="1"][data-esa-tone="dark"],html body[data-esa-reference="1"] .ess-home.ess-full[data-esa-bottom="1"][data-esa-tone="dark"]::before {background-image:url("corner-bottom.svg?v=1.1.0")!important;}
html body[data-esa-reference="1"] .ess-home.ess-full[data-esa-bottom="1"] {background-image:none!important;}
html body[data-esa-reference="1"] [data-esa-top="1"]>*,html body[data-esa-reference="1"] .ess-dest-header>* {position:relative;z-index:1;}
@media(max-width:760px){
 html body[data-esa-reference="1"] [data-esa-top="1"]::before,html body[data-esa-reference="1"] .ess-dest-header::before {width:220px;}
 html body[data-esa-reference="1"] [data-esa-bottom="1"][data-esa-bottom],html body[data-esa-reference="1"] .ess-home.ess-full[data-esa-bottom="1"]::before {background-size:200px auto!important;}
}
@media(forced-colors:active){html body[data-esa-reference="1"] [data-esa-top="1"]::before,html body[data-esa-reference="1"] .ess-dest-header::before {display:none;}html body[data-esa-reference="1"] [data-esa-bottom="1"][data-esa-bottom],html body[data-esa-reference="1"] .ess-home.ess-full[data-esa-bottom="1"]::before{background-image:none!important;}}

/* Align the four standalone public headers to the full-width homepage header. */
html body[data-esa-reference="1"] > header.site-header[data-esa-top="1"] {
  box-sizing:border-box;
  width:100%;
  max-width:none;
  margin-inline:0;
  padding:32px clamp(20px,3vw,52px);
}
