/* Anubis28 v39: correct the decorative column compositing errors from v38.
   Crop assets are fully isolated from the content and the mis-cropped white
   panel strips have been removed. Each column consists of separate capital,
   seamless shaft, and terminal torch, so long pages never expose a hard cut. */
.content {
  position:relative;
  isolation:isolate;
}
.content::before, .content::after {
  display:block!important;
  content:"";
  position:absolute;
  inset-block:0;
  width:70px;
  opacity:1;
  z-index:0;
  pointer-events:none;
  filter:drop-shadow(2px 2px 3px rgba(72,36,11,.20));
  background-repeat:no-repeat,no-repeat,repeat-y;
  background-size:70px 210px,70px 230px,70px 260px;
  background-position:center top,center bottom,center 210px;
}
.content::before {
  left:0;
  background-image:url('assets/decor/temple-left-capital-clean.png'),
    url('assets/decor/temple-left-torch-clean.png'),
    url('assets/decor/temple-left-shaft-clean.png');
}
.content::after {
  right:0;
  background-image:url('assets/decor/temple-right-capital-clean.png'),
    url('assets/decor/temple-right-torch-clean.png'),
    url('assets/decor/temple-right-shaft-clean.png');
  filter:drop-shadow(-2px 2px 3px rgba(72,36,11,.20));
}
.content > * {position:relative;z-index:1}
/* Strong invariant: inside content always has at least 14px between the
   inner edges of the columns and the nearest clickable elements. */
@media(min-width:1121px) {
  .content {max-width:1120px;padding-inline:100px}
}
@media(min-width:801px) and (max-width:1120px) {
  .content {max-width:100%;padding-inline:clamp(82px,8.8vw,99px)}
  .content::before,.content::after {
    width:61px;
    background-size:61px 183px,61px 200px,61px 226px;
    background-position:center top,center bottom,center 183px;
  }
}
@media(min-width:601px) and (max-width:800px) {
  .content {max-width:100%;padding-inline:clamp(73px,10.8vw,86px)}
  .content::before,.content::after {
    width:55px;
    background-size:55px 165px,55px 181px,55px 204px;
    background-position:center top,center bottom,center 165px;
  }
}
@media(max-width:600px) {
  .content {padding-inline:12px}
  .content::before,.content::after {display:none!important;content:none!important}
}