/* Astrolinia Engine — moonlit mountains in the narrow left navigation.
   User-provided source art: crescent moon, mountain lake, motto (17.10.2026).
   The original slogan block was removed from the template. The image is an
   actual background, not another content card, and is not stretched. */
.ae-sidebar {
  background-color:#30102f;
  background-image:
    linear-gradient(
      180deg,
      rgba(44,14,46,.93) 0%,
      rgba(44,14,46,.91) 32%,
      rgba(44,14,46,.72) 54%,
      rgba(44,14,46,.14) 78%,
      rgba(44,14,46,0) 100%
    ),
    url("../img/engine-sidebar-moon-soft.b34c7e7e542a.webp");
  background-repeat:no-repeat,no-repeat;
  background-position:center center,center bottom;
  background-size:100% 100%,100% auto;
  padding:8px 9px 9px;
  gap:0;
}
/* The source art is softly alpha-faded over its top 41%, removing the
   abrupt horizontal seam while preserving the bright moon and lower motto.
   Background remains non-interactive; sidebar controls are unchanged. */
/* Keep link text comfortably readable but close the excessive vertical space. */
.ae-sidebar .ae-primary-nav {
  display:grid;
  gap:2px;
  padding:0 2px;
}
.ae-sidebar .ae-primary-nav a {
  box-sizing:border-box;
  min-height:35px;
  padding:6px 7px;
  gap:7px;
  font-size:13.5px;
  line-height:1.2;
  border-radius:9px;
}
.ae-sidebar .ae-primary-nav a>span{
  font-size:18px;
  flex:0 0 21px;
}
.ae-sidebar .ae-primary-nav--secondary a {
  min-height:34px;
  padding:6px 7px;
  font-size:13px;
}
.ae-sidebar .ae-sidebar__eyebrow--groups {
  margin:8px 10px 4px;
  padding:0 0 5px;
  font-size:10px;
}
.ae-sidebar .ae-sidebar__more {
  margin:8px 2px 0;
  padding:7px 0 0;
}
.ae-sidebar .ae-sidebar__more>summary {
  min-height:37px;
  padding:8px 10px;
  font-size:13px;
  border-radius:9px;
}
/* No scrollbar on ordinary desktop heights. On short screens, preserve access
   to ALL links by allowing internal scrolling instead of clipping controls. */
@media (min-width:1060px) and (min-height:690px) {
  .ae-sidebar {overflow-x:hidden;overflow-y:hidden;scrollbar-width:none}
  .ae-sidebar::-webkit-scrollbar {display:none}
}
@media (min-width:1060px) and (max-height:689px) {
  .ae-sidebar {overflow-y:auto}
}
/* Narrow devices keep the horizontal navigation/accessibility behavior. */
@media (max-width:1059px) {
  .ae-sidebar {background-position:center center,center bottom}
}
@media (max-width:700px) {
  .ae-sidebar {overflow-y:auto}
  .ae-sidebar .ae-primary-nav {
    display:flex;
    gap:3px;
    overflow-x:auto;
  }
  .ae-sidebar .ae-primary-nav a {
    min-height:35px;
    flex:0 0 auto;
    white-space:nowrap;
  }
}