/* =========================================================
   V13.17 BREATHING ROOM FINAL
   - Adds real inner spacing to the dark homepage planning panels.
   - Keeps cards away from section borders.
   - Preserves the premium dark card system.
   - Keeps gold destination pills readable with dark text.
   ========================================================= */

body.home .sa-v86-inner,
body.home .sa-v88-inner,
body.home .sa-v89-inner{
  box-sizing:border-box !important;
  width:min(1320px, calc(100% - 48px)) !important;
  padding:42px !important;
  border-radius:28px !important;
  overflow:hidden !important;
}

body.home .sa-v86-head,
body.home .sa-v88-head,
body.home .sa-v89-head{
  margin:0 0 34px !important;
}

body.home .sa-v86-grid,
body.home .sa-v88-layout,
body.home .sa-v89-layout{
  gap:30px !important;
}

body.home .sa-v86-timeline,
body.home .sa-v88-calendar,
body.home .sa-v89-regions{
  gap:22px !important;
}

body.home .sa-v86-moon-card,
body.home .sa-v86-condition-card,
body.home .sa-v86-meteor-card,
body.home .sa-v86-recommend,
body.home .sa-v88-feature,
body.home .sa-v88-month,
body.home .sa-v88-dark-window,
body.home .sa-v89-bortle,
body.home .sa-v89-escape,
body.home .sa-v89-regions a{
  background:linear-gradient(145deg, rgba(17,32,58,.98) 0%, rgba(6,15,34,.99) 100%) !important;
  border:1px solid rgba(246,196,83,.20) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.045) !important;
  color:#eef5ff !important;
}

body.home .sa-v86-timeline div{
  padding:24px !important;
}

body.home .sa-v88-month,
body.home .sa-v89-regions a{
  padding:24px !important;
}

body.home .sa-v88-month span,
body.home .sa-v89-regions strong,
body.home .sa-v86-timeline strong{
  color:#fff !important;
}

body.home .sa-v88-month em,
body.home .sa-v89-regions span,
body.home .sa-v86-timeline span{
  color:#d8e2f1 !important;
}

body.home .sa-v88-month strong{
  color:#f6c453 !important;
}

body.home .sa-v89-regions em{
  background:#f6c453 !important;
  color:#061126 !important;
  border:1px solid rgba(246,196,83,.45) !important;
  text-shadow:none !important;
}

body.home .sa-v86-links a{
  background:#f6c453 !important;
  color:#061126 !important;
  border-color:rgba(246,196,83,.65) !important;
  text-shadow:none !important;
  box-shadow:0 14px 32px rgba(246,196,83,.18) !important;
}

body.home .sa-v86-links a:hover{
  color:#061126 !important;
  filter:brightness(1.06) !important;
}

body.home .sa-v86-conditions,
body.home .sa-v88-moon-calendar,
body.home .sa-v89-light{
  padding-top:74px !important;
  padding-bottom:74px !important;
}

body.home .sa-v88-moon-calendar{
  padding-top:24px !important;
}

@media(max-width:1050px){
  body.home .sa-v86-inner,
  body.home .sa-v88-inner,
  body.home .sa-v89-inner{
    padding:30px !important;
    width:min(100% - 32px, 1320px) !important;
  }

  body.home .sa-v86-grid,
  body.home .sa-v88-layout,
  body.home .sa-v89-layout,
  body.home .sa-v86-timeline,
  body.home .sa-v88-calendar,
  body.home .sa-v89-regions{
    gap:20px !important;
  }
}

@media(max-width:720px){
  body.home .sa-v86-inner,
  body.home .sa-v88-inner,
  body.home .sa-v89-inner{
    padding:22px !important;
    width:min(100% - 24px, 1320px) !important;
    border-radius:22px !important;
  }

  body.home .sa-v86-conditions,
  body.home .sa-v88-moon-calendar,
  body.home .sa-v89-light{
    padding-top:50px !important;
    padding-bottom:54px !important;
  }
}