/* Selected paired surface: Emberhide Scriptorium, promoted from option 04. */
:root {
  --emberhide-panel-material:url("assets/chrome/panel-emberhide-material-native.de8be0fc6fc6.webp");
  --emberhide-footer-material:url("assets/chrome/footer-emberhide-material-native.1d32e7dec06d.webp");
}

body .panel,
body .management-card,
body .event-calendar-frame {
  --panel-corner-tl:url("assets/chrome/panel-emberhide-corner-tl-sm.e35cf536019a.webp");
  --panel-corner-tr:url("assets/chrome/panel-emberhide-corner-tr-sm.15d8839b9492.webp");
  --panel-corner-bl:url("assets/chrome/panel-emberhide-corner-bl-sm.362b889982cd.webp");
  --panel-corner-br:url("assets/chrome/panel-emberhide-corner-br-sm.fcaa7bfc26b8.webp");
  --panel-rail-top:url("assets/chrome/panel-emberhide-rail-top-sm.6c355fe31527.webp");
  --panel-rail-bottom:url("assets/chrome/panel-emberhide-rail-bottom-sm.6d81247db149.webp");
  --panel-rail-left:url("assets/chrome/panel-emberhide-rail-left-sm.83d24a741e0c.webp");
  --panel-rail-right:url("assets/chrome/panel-emberhide-rail-right-sm.3ce0d3ed99f3.webp");
  isolation:isolate;
  border:0;
  background-color:#0b0c0d;
  background-image:var(--emberhide-panel-material);
  background-position:center;
  background-repeat:repeat;
  background-size:auto;
  background-clip:padding-box;
  box-shadow:0 5px 18px rgba(0,0,0,.86);
}

body .panel::before,
body .management-card::before,
body .event-calendar-frame::before {
  content:"";
  display:block;
  position:absolute;
  z-index:2;
  inset:0;
  width:auto;
  height:auto;
  border:0;
  background-image:
    var(--panel-corner-tl),
    var(--panel-corner-tr),
    var(--panel-corner-bl),
    var(--panel-corner-br),
    var(--panel-rail-top),
    var(--panel-rail-bottom),
    var(--panel-rail-left),
    var(--panel-rail-right);
  background-position:left top,right top,left bottom,right bottom,left top,left bottom,left top,right top;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat-x,repeat-x,repeat-y,repeat-y;
  background-size:auto;
  pointer-events:none;
}

body .auth-card { max-width:560px; padding:30px; }

body .auth-card,
body .feature {
  --panel-corner-tl:url("assets/chrome/panel-emberhide-corner-tl-md.6a7ddfd16aad.webp");
  --panel-corner-tr:url("assets/chrome/panel-emberhide-corner-tr-md.cb988fa90491.webp");
  --panel-corner-bl:url("assets/chrome/panel-emberhide-corner-bl-md.99914aaa9ff2.webp");
  --panel-corner-br:url("assets/chrome/panel-emberhide-corner-br-md.301d15b04be9.webp");
  --panel-rail-top:url("assets/chrome/panel-emberhide-rail-top-md.1eadbbd26c43.webp");
  --panel-rail-bottom:url("assets/chrome/panel-emberhide-rail-bottom-md.77f30c0b0174.webp");
  --panel-rail-left:url("assets/chrome/panel-emberhide-rail-left-md.15579eaa8181.webp");
  --panel-rail-right:url("assets/chrome/panel-emberhide-rail-right-md.295d23af4cc5.webp");
}

body .management-card::before,
body .event-calendar-frame::before { z-index:0; }

body .management-card > *,
body .event-calendar-frame > * { position:relative; z-index:1; }

body .management-form > .ornate-button {
  align-self:center;
  margin:8px auto 0;
}

body .auth-card > .ornate-button {
  margin-left:auto;
  margin-right:auto;
}

body .event-registration-panel form > .ornate-button {
  margin-left:auto;
  margin-right:auto;
}

body .quick-links {
  display:grid;
  grid-template-rows:repeat(4,minmax(0,1fr));
  padding:30px 0;
}

body .quick-links a { height:auto; min-height:0; padding-left:34px; padding-right:34px; }

body .news-panel { padding:34px 32px 28px; }

body .feature-copy { inset:auto 38px 34px; }

/* Let the landing panels size from their framed content instead of squeezing it
   into the retired 353px reference row. */
@media (min-width:1101px) {
  body.landing-page .news-panel,
  body.landing-page .feature,
  body.landing-page .quick-links {
    height:auto;
    min-height:353px;
  }
}

@media (min-width:761px) and (max-width:1100px) {
  body.landing-page .news-panel,
  body.landing-page .feature {
    height:auto;
    min-height:353px;
  }

  body.landing-page .quick-links {
    height:auto;
    min-height:126px;
    padding:30px;
    grid-template-rows:1fr;
  }

  body.landing-page .quick-links a { padding-left:12px; padding-right:12px; }
}

body .site-footer {
  border:0;
  background:transparent;
  box-shadow:0 -10px 30px rgba(0,0,0,.78);
}

body .site-footer-inner {
  --footer-corner-tl:url("assets/chrome/footer-emberhide-corner-tl-sm.5bcb8ad1b8c3.webp");
  --footer-corner-tr:url("assets/chrome/footer-emberhide-corner-tr-sm.444d48cafbae.webp");
  --footer-corner-bl:url("assets/chrome/footer-emberhide-corner-bl-sm.3640e56c3b69.webp");
  --footer-corner-br:url("assets/chrome/footer-emberhide-corner-br-sm.997e5e8702b5.webp");
  --footer-rail-top:url("assets/chrome/footer-emberhide-rail-top-sm.bcb4999f77b5.webp");
  --footer-rail-bottom:url("assets/chrome/footer-emberhide-rail-bottom-sm.5f3c0cde7c03.webp");
  --footer-rail-left:url("assets/chrome/footer-emberhide-rail-left-sm.6f8bd05579a5.webp");
  --footer-rail-right:url("assets/chrome/footer-emberhide-rail-right-sm.f3325537eeac.webp");
  position:relative;
  isolation:isolate;
  width:min(1536px,100%);
  min-height:200px;
  padding:28px 38px 24px;
  border:0;
  background-color:#0b0c0d;
  background-image:var(--emberhide-footer-material);
  background-position:center;
  background-repeat:repeat;
  background-size:auto;
  background-clip:padding-box;
  box-shadow:none;
}

body .site-footer-inner::before {
  content:"";
  display:block;
  position:absolute;
  z-index:2;
  inset:0;
  background-image:
    var(--footer-corner-tl),
    var(--footer-corner-tr),
    var(--footer-corner-bl),
    var(--footer-corner-br),
    var(--footer-rail-top),
    var(--footer-rail-bottom),
    var(--footer-rail-left),
    var(--footer-rail-right);
  background-position:left top,right top,left bottom,right bottom,left top,left bottom,left top,right top;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat-x,repeat-x,repeat-y,repeat-y;
  background-size:auto;
  pointer-events:none;
}

@media (max-width:1050px) {
  body .site-footer-inner { padding-left:32px; padding-right:32px; }
}

@media (max-width:760px) {
  body .panel,
  body .management-card,
  body .event-calendar-frame {
    --panel-corner-tl:url("assets/chrome/panel-emberhide-corner-tl-sm.e35cf536019a.webp");
    --panel-corner-tr:url("assets/chrome/panel-emberhide-corner-tr-sm.15d8839b9492.webp");
    --panel-corner-bl:url("assets/chrome/panel-emberhide-corner-bl-sm.362b889982cd.webp");
    --panel-corner-br:url("assets/chrome/panel-emberhide-corner-br-sm.fcaa7bfc26b8.webp");
    --panel-rail-top:url("assets/chrome/panel-emberhide-rail-top-sm.6c355fe31527.webp");
    --panel-rail-bottom:url("assets/chrome/panel-emberhide-rail-bottom-sm.6d81247db149.webp");
    --panel-rail-left:url("assets/chrome/panel-emberhide-rail-left-sm.83d24a741e0c.webp");
    --panel-rail-right:url("assets/chrome/panel-emberhide-rail-right-sm.3ce0d3ed99f3.webp");
  }

  body .auth-card { padding:22px; }

  body.landing-page .news-panel,
  body.landing-page .feature,
  body.landing-page .quick-links {
    height:auto;
    min-height:320px;
  }

  body .site-footer-inner {
    min-height:0;
    padding:24px 36px 18px;
  }
}

/* Inner pages use plain content and footer surfaces without landing-page chrome. */
body.management-page .management-card,
body.management-page .event-calendar-frame,
body.management-page .site-footer-inner {
  background-image:none!important;
  box-shadow:none;
}

body.management-page .management-card::before,
body.management-page .event-calendar-frame::before,
body.management-page .site-footer-inner::before {
  content:none;
}

body.management-page .site-footer { box-shadow:none; }
