/* Astrolinia Engine V1.5 — removable full-viewport blueprint overlay.
   Reference is a ghosted copy of the owner-approved 16:9 dashboard image.
   Everything beneath is real HTML/CSS; the guide receives zero pointer events. */
.ae-dash-pro-drawer{
  background:#fffdfd;border:1px solid #cfa6bc;border-radius:10px;
  box-shadow:0 10px 35px #481b3d33;
}
.ae-dash-pro-drawer>summary{
  cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;
  padding:9px 13px;color:#682d53;font:600 11px/1.2 "Segoe UI",sans-serif;
}
.ae-dash-pro-drawer>summary::-webkit-details-marker{display:none}
.ae-dash-pro-drawer[open]>summary{border-bottom:1px solid #edd9e3}
.ae-dash-pro-drawer .ae-dash-pro{box-shadow:none;border:0;margin:0;padding:12px;overflow-y:auto;max-height:calc(56vh - 35px)}
.ae-dash-pro-drawer .ae-dash-pro h2{font-size:18px}
.ae-dash__right .ae-dash-card,
.ae-sidebar,.ae-dash__left{scrollbar-width:thin;scrollbar-color:#b28ba6 transparent}

@media (min-width:1060px) {
  html:has(body.ae-app){height:100%;overflow:hidden}
  body.ae-app{height:100dvh;overflow:hidden;min-height:0}
  .ae-shell{
    height:100dvh;min-height:0;overflow:hidden;
    display:grid;grid-template-rows:clamp(66px,8.7dvh,98px) minmax(0,1fr);
  }
  .ae-topbar{height:100%;min-height:0!important;max-height:none}
  .ae-brand--above-menu{height:100%!important}
  .ae-brand__logo--full{max-height:calc(8.7dvh - 5px)}
  .ae-shell__body{height:100%;min-height:0;overflow:hidden}
  .ae-sidebar{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
  .ae-content{height:100%;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}
  .ae-settings{min-height:0;max-height:35vh;overflow-y:auto;overscroll-behavior:contain}
  .ae-main{min-height:0;height:100%;overflow-y:auto;overscroll-behavior:contain}
  .ae-app--overview .ae-settings{
    min-height:clamp(58px,6.2dvh,76px);max-height:30vh;
    padding:6px clamp(12px,1.4vw,24px);align-content:center;
  }
  .ae-app--overview .ae-main{
    display:flex;flex-direction:column;overflow:hidden;min-height:0;
    height:100%;position:relative;padding:7px 11px 9px;max-width:none;
  }
  .ae-app--overview .ae-breadcrumb,
  .ae-app--overview .ae-disclaimer{display:none}
  .ae-app--overview .ae-dash{
    min-height:0;flex:1 1 auto;height:100%;overflow:hidden;
    grid-template-columns:minmax(0,1fr) clamp(255px,21.3vw,344px);
    gap:clamp(7px,.8vw,13px);margin:0;align-items:stretch;
  }
  .ae-app--overview .ae-dash__world{
    height:100%;min-height:0;overflow:hidden;
    display:grid;grid-template-rows:auto minmax(0,1fr) auto;
    padding:clamp(8px,1.25dvh,15px) clamp(7px,.9vw,15px) clamp(7px,.8dvh,11px);
  }
  .ae-app--overview .ae-dash__intro{
    flex:0 0 auto;max-width:min(440px,60%);min-height:0;padding:0 5px 5px;
  }
  .ae-app--overview .ae-dash__intro h1{
    font-size:clamp(21px,2.16vw,37px);margin:0 0 3px;
  }
  .ae-app--overview .ae-dash__eyebrow{font-size:9px;margin-bottom:4px}
  .ae-app--overview .ae-dash__motto{font-size:clamp(13px,1.2vw,19px);margin-bottom:5px}
  .ae-app--overview .ae-dash__summary{font-size:clamp(10px,.88vw,13px);line-height:1.3}
  .ae-app--overview .ae-dash__stage{
    height:100%;min-height:0;overflow:hidden;
    display:grid;grid-template-columns:minmax(220px,32%) minmax(0,1fr);
    align-items:stretch;gap:0;
  }
  .ae-app--overview .ae-dash__left{
    min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;
    overscroll-behavior:contain;display:flex;flex-direction:column;gap:9px;
    justify-content:flex-end;padding:0 0 3px;
  }
  .ae-app--overview .ae-dash__left .ae-dash-card{flex-shrink:0;padding:clamp(8px,.75vw,13px)}
  .ae-app--overview .ae-dash__left .ae-dash-card__heading{padding-bottom:5px}
  .ae-app--overview .ae-dash-signal{padding:clamp(5px,.48dvh,10px) 1px}
  .ae-app--overview .ae-dash-energy__line{margin-top:clamp(6px,.7dvh,11px)}
  .ae-app--overview .ae-dash__celestial{
    width:100%;height:100%;min-height:0;max-height:100%;
    display:flex;align-items:center;justify-content:center;position:relative;
  }
  .ae-app--overview .ae-celestial-art{
    position:relative;height:min(100%,45vw);width:auto;max-width:100%;
    max-height:100%;aspect-ratio:1/1;flex-shrink:1;margin:0;
  }
  .ae-app--overview .ae-celestial-art__image{width:100%;height:100%;object-fit:contain}
  .ae-app--overview .ae-celestial-art__explore{
    position:absolute;left:50%;bottom:3px;padding:7px 12px;
    font-size:10px;
  }
  .ae-app--overview .ae-dash__bottom{
    min-height:0;height:clamp(103px,14dvh,165px);overflow:hidden;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:clamp(4px,.6vw,10px);margin-top:clamp(5px,.8dvh,12px);
  }
  .ae-app--overview .ae-dash-tile{
    min-height:0;height:100%;padding:clamp(7px,.7vw,12px);
  }
  .ae-app--overview .ae-dash-tile__art{
    font-size:clamp(34px,4.6dvh,71px);min-height:0;line-height:1;
    align-content:center;
  }
  .ae-app--overview .ae-dash-tile__bottom{
    padding-top:4px;font-size:clamp(8px,.75vw,10px);line-height:1.2;
  }
  .ae-app--overview .ae-dash__right{
    height:100%;min-height:0;overflow:hidden;
    display:grid;grid-template-columns:1fr;
    grid-template-rows:minmax(0,1.18fr) minmax(0,.97fr) minmax(0,.74fr);
    gap:clamp(5px,.8dvh,12px);padding:0;align-items:stretch;
  }
  .ae-app--overview .ae-dash__right .ae-dash-card,
  .ae-app--overview .ae-dash-guide{
    min-height:0;height:100%;overflow-y:auto;overscroll-behavior:contain;
  }
  .ae-app--overview .ae-dash__right .ae-dash-card{padding:clamp(9px,.9vw,16px)}
  .ae-app--overview .ae-dash-moon__scene{min-height:0;max-height:50%;height:clamp(78px,12.5dvh,136px)}
  .ae-app--overview .ae-dash-moon__scene img{max-height:100%;max-width:49%;width:auto}
  .ae-app--overview .ae-dash-moon__words strong{font-size:clamp(28px,3.6dvh,43px)}
  .ae-app--overview .ae-dash-moon__foot{padding-top:7px}
  .ae-app--overview .ae-dash-moon__foot p{font-size:11px;line-height:1.25}
  .ae-app--overview .ae-dash-event{padding:clamp(5px,.8dvh,12px) 0;gap:8px}
  .ae-app--overview .ae-dash-guide{min-height:0;padding:clamp(9px,1vw,16px) clamp(8px,1vw,15px) 8px clamp(58px,4.5vw,75px)}
  .ae-app--overview .ae-dash-guide h2{font-size:clamp(13px,1.16vw,18px);margin-bottom:4px}
  .ae-app--overview .ae-dash-guide p{font-size:10px;line-height:1.28;margin-bottom:6px}
  .ae-app--overview .ae-dash-guide a{padding:6px 9px}
  .ae-app--overview .ae-dash-guide small{font-size:9px;margin-top:6px}
  .ae-app--overview .ae-dash-pro-drawer{
    position:absolute;right:18px;bottom:13px;width:min(700px,80%);
    z-index:15;max-height:65%;overflow:hidden;
  }
  .ae-app--overview .ae-dash-pro-drawer[open]{overflow-y:auto}
}
@media (min-width:1060px) and (max-height:790px){
  .ae-app--overview .ae-dash__bottom{height:clamp(99px,13.4dvh,132px)}
  .ae-app--overview .ae-dash__intro h1{font-size:clamp(22px,2vw,30px)}
  .ae-app--overview .ae-dash__right .ae-dash-card{padding:9px}
  .ae-app--overview .ae-dash-signal__orb{width:31px;height:31px;flex-basis:31px;font-size:22px}
  .ae-app--overview .ae-dash-guide__star{width:35px;height:35px;font-size:32px;left:10px}
  .ae-app--overview .ae-dash-energy__line{margin-top:6px}
}
@media(max-width:1059px){
  /* Below desktop width allow natural accessible scrolling; hiding controls
     would be worse than a scrollbar on phones or tablets. */
  .ae-dash-pro-drawer{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){
  .ae-app--overview .ae-celestial-art__light{animation:none!important}
}

/* Dashboard hero: three clean lines at the top-left of the main workspace. */
@media (min-width:1060px){
  .ae-app--overview .ae-dash__intro{
    display:block;
    width:min(100%,550px);
    max-width:min(550px,88%);
    min-height:0;
    padding:clamp(5px,.85dvh,12px) 6px clamp(9px,1.35dvh,16px);
    margin:0;
    text-align:left;
  }
  .ae-app--overview .ae-dash__intro h1{
    font:normal clamp(29px,2.65vw,44px)/1.08 Georgia,"Times New Roman",serif;
    color:#59113e;
    letter-spacing:-.035em;
    white-space:nowrap;
    margin:0 0 clamp(4px,.55dvh,8px);
  }
  .ae-app--overview .ae-dash__motto{
    font:normal clamp(15px,1.33vw,21px)/1.23 Georgia,"Times New Roman",serif;
    color:#641e4f;
    margin:0 0 clamp(7px,.8dvh,12px);
  }
  .ae-app--overview .ae-dash__summary{
    max-width:470px;
    font:normal clamp(11px,.95vw,14px)/1.45 Georgia,"Times New Roman",serif;
    color:#765068;
    margin:0;
    text-wrap:pretty;
  }
}
@media (min-width:1060px) and (max-width:1250px){
  .ae-app--overview .ae-dash__intro h1{font-size:clamp(27px,2.55vw,33px)}
}
@media (max-width:1059px){
  .ae-app--overview .ae-dash__intro{
    display:block;
    width:100%;max-width:none;padding:8px 7px 13px;text-align:left;
  }
  .ae-app--overview .ae-dash__intro h1{
    font-size:clamp(27px,4vw,39px);
    line-height:1.08;
    white-space:normal;
  }
  .ae-app--overview .ae-dash__motto{font-size:clamp(16px,2.2vw,20px);line-height:1.25}
  .ae-app--overview .ae-dash__summary{font-size:clamp(12px,1.6vw,14px);line-height:1.45;max-width:470px}
}

/* The whole editor workspace must occupy the full available grid track:
   the earlier inherited margin:auto made its white center shrink to the
   headline's max-content width, exposing cream strips on both sides. */
.ae-app--overview .ae-shell__body{background:#fff}
.ae-app--overview .ae-content{
  width:100%;
  min-width:0;
  background:#fff;
  grid-template-columns:minmax(0,1fr);
}
/* Stage: empty editorial canvas, matching the approved mockup's top-left
   composition. The existing astronomy cards and wheel remain untouched in
   the template but are intentionally hidden until individually positioned.
   No rounded container, border, or inner card behind the headline. */
.ae-app--overview .ae-main{
  align-items:stretch;
  justify-content:flex-start;
  width:100%;
  min-width:0;
  max-width:none;
  margin:0;
  padding:clamp(20px,2.8dvh,34px) clamp(14px,1.3vw,22px) 18px;
  background:#fff;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.ae-app--overview .ae-dash__intro{
  display:block;
  position:relative;
  width:100%;
  max-width:660px;
  margin:0;
  padding:0;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  text-align:left;
  flex:0 0 auto;
}
.ae-app--overview .ae-dash__intro h1{
  font:normal clamp(33px,2.85vw,47px)/1.08 Georgia,"Times New Roman",serif;
  color:#59113e;
  letter-spacing:-.038em;
  white-space:normal;
  margin:0 0 7px;
}
.ae-app--overview .ae-dash__motto{
  font:normal clamp(16px,1.35vw,22px)/1.25 Georgia,"Times New Roman",serif;
  color:#641e4f;
  margin:0 0 13px;
}
.ae-app--overview .ae-dash__summary{
  max-width:530px;
  font:normal clamp(12px,.99vw,14px)/1.48 Georgia,"Times New Roman",serif;
  color:#765068;
  margin:0;
  text-wrap:pretty;
}
.ae-app--overview .ae-dash[hidden],
.ae-app--overview .ae-dash-pro-drawer{
  display:none!important;
}
@media(max-width:1059px){
  .ae-app--overview .ae-main{padding:22px clamp(12px,3vw,18px) 25px}
  .ae-app--overview .ae-dash__intro{max-width:100%}
  .ae-app--overview .ae-dash__intro h1{font-size:clamp(31px,4.3vw,43px)}
  .ae-app--overview .ae-dash__motto{font-size:clamp(16px,2.6vw,20px)}
  .ae-app--overview .ae-dash__summary{font-size:clamp(12px,1.7vw,14px)}
}