/* V75 — Date Calculator layout: independent desktop/mobile numerical tables + compact planetary days. */

/* ---------- Numerical calendar analysis tables ---------- */
#pageDatecalc :is(#dcGematria,#dcHebrewSection,#dcEthiopianSection,#dcPersianSection,#dcBahaiSection).dc-section{
  width:min(760px,calc(100% - 28px))!important;
  max-width:760px!important;
  margin:1rem auto 0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

#pageDatecalc :is(#dcTbody,#dcHebrewTbody,#dcEthiopianTbody,#dcPersianTbody,#dcBahaiTbody).dc-results{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:1rem!important;
  width:100%!important;
  max-width:760px!important;
  margin:0 auto!important;
  padding:.6rem .7rem!important;
  background:var(--bg-hover)!important;
  border-radius:10px!important;
  overflow:visible!important;
  direction:ltr!important;
  box-sizing:border-box!important;
}

#pageDatecalc :is(#dcTbody,#dcHebrewTbody,#dcEthiopianTbody,#dcPersianTbody,#dcBahaiTbody) > .dc-pair{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  background:color-mix(in srgb,var(--bg-card) 82%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--border) 70%,transparent)!important;
  border-radius:8px!important;
  overflow:hidden!important;
  direction:ltr!important;
  box-sizing:border-box!important;
}

#pageDatecalc :is(#dcTbody,#dcHebrewTbody,#dcEthiopianTbody,#dcPersianTbody,#dcBahaiTbody) .dc-result-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 4.25rem!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  border-bottom:1px solid color-mix(in srgb,var(--border) 48%,transparent)!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
#pageDatecalc :is(#dcTbody,#dcHebrewTbody,#dcEthiopianTbody,#dcPersianTbody,#dcBahaiTbody) .dc-result-row:last-child{
  border-bottom:0!important;
}

#pageDatecalc :is(#dcTbody,#dcHebrewTbody,#dcEthiopianTbody,#dcPersianTbody,#dcBahaiTbody) .dc-result-row > .dcr{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:2.55rem!important;
  padding:.46rem .55rem!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
#pageDatecalc :is(#dcTbody,#dcHebrewTbody,#dcEthiopianTbody,#dcPersianTbody,#dcBahaiTbody) .dc-result-row > .dcr-e{
  justify-content:flex-start!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.3!important;
  text-align:left!important;
  direction:ltr!important;
  font-size:.82rem!important;
}
#pageDatecalc :is(#dcTbody,#dcHebrewTbody,#dcEthiopianTbody,#dcPersianTbody,#dcBahaiTbody) .dc-result-row > .dcr-v{
  justify-content:center!important;
  white-space:nowrap!important;
  text-align:center!important;
  direction:ltr!important;
  min-width:0!important;
  font-size:1.05rem!important;
  padding-inline:.25rem!important;
  border-inline-start:1px solid color-mix(in srgb,var(--border) 40%,transparent)!important;
}

#pageDatecalc :is(#dcHebrewSection,#dcEthiopianSection,#dcPersianSection,#dcBahaiSection) .dc-sec-title{
  width:min(760px,calc(100% - 28px))!important;
  margin-inline:auto!important;
  box-sizing:border-box!important;
}

/* Tablet / narrow laptop: keep both dates visible together. */
@media (min-width:701px) and (max-width:899px){
  #pageDatecalc :is(#dcGematria,#dcHebrewSection,#dcEthiopianSection,#dcPersianSection,#dcBahaiSection).dc-section{
    width:min(650px,calc(100% - 24px))!important;
    max-width:650px!important;
  }
  #pageDatecalc :is(#dcTbody,#dcHebrewTbody,#dcEthiopianTbody,#dcPersianTbody,#dcBahaiTbody).dc-results{max-width:650px!important}
}

/* Mobile: both dates stay side by side without horizontal scrolling. */
@media (max-width:700px){
  #pageDatecalc :is(#dcGematria,#dcHebrewSection,#dcEthiopianSection,#dcPersianSection,#dcBahaiSection).dc-section{
    width:100%!important;
    max-width:100%!important;
    margin:1rem auto 0!important;
    padding-inline:0!important;
  }
  #pageDatecalc :is(#dcTbody,#dcHebrewTbody,#dcEthiopianTbody,#dcPersianTbody,#dcBahaiTbody).dc-results{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.35rem!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:.3rem!important;
    overflow:hidden!important;
  }
  #pageDatecalc :is(#dcTbody,#dcHebrewTbody,#dcEthiopianTbody,#dcPersianTbody,#dcBahaiTbody) > .dc-pair{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    border-radius:8px!important;
  }
  #pageDatecalc :is(#dcTbody,#dcHebrewTbody,#dcEthiopianTbody,#dcPersianTbody,#dcBahaiTbody) .dc-result-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 2.65rem!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    align-items:stretch!important;
  }
  #pageDatecalc :is(#dcTbody,#dcHebrewTbody,#dcEthiopianTbody,#dcPersianTbody,#dcBahaiTbody) .dc-result-row > .dcr{
    min-height:2.65rem!important;
    height:auto!important;
    padding:.34rem .22rem!important;
  }
  #pageDatecalc :is(#dcTbody,#dcHebrewTbody,#dcEthiopianTbody,#dcPersianTbody,#dcBahaiTbody) .dc-result-row > .dcr-e{
    font-size:clamp(.58rem,2.35vw,.72rem)!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    text-align:left!important;
  }
  #pageDatecalc :is(#dcTbody,#dcHebrewTbody,#dcEthiopianTbody,#dcPersianTbody,#dcBahaiTbody) .dc-result-row > .dcr-v{
    font-size:clamp(.78rem,3vw,.95rem)!important;
    padding-inline:.08rem!important;
  }
  #pageDatecalc :is(#dcTbody,#dcHebrewTbody,#dcEthiopianTbody,#dcPersianTbody,#dcBahaiTbody) .dc-date-context{
    display:none!important;
  }
  #pageDatecalc :is(#dcHebrewSection,#dcEthiopianSection,#dcPersianSection,#dcBahaiSection) .dc-sec-title{
    width:100%!important;
    max-width:100%!important;
    padding-inline:.35rem!important;
    white-space:normal!important;
    line-height:1.45!important;
  }
}

/* ---------- Planetary days ---------- */
#pageDatecalc .dc-planet-days-section{
  width:min(1040px,calc(100% - 28px))!important;
  max-width:1040px!important;
  margin:1rem auto!important;
  box-sizing:border-box!important;
}
#pageDatecalc .dc-planet-days-cards{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:.65rem!important;
  width:100%!important;
  max-width:100%!important;
  margin-inline:auto!important;
}
#pageDatecalc .dc-pd-card{
  min-width:0!important;
  min-height:225px!important;
}
@media (max-width:899px){
  #pageDatecalc .dc-planet-days-section{width:min(760px,calc(100% - 20px))!important}
  #pageDatecalc .dc-planet-days-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:560px){
  #pageDatecalc .dc-planet-days-section{width:100%!important;max-width:100%!important;padding:.7rem!important}
  #pageDatecalc .dc-planet-days-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important}
  #pageDatecalc .dc-pd-card{min-height:215px!important;padding:.65rem .4rem!important}
}
@media (max-width:360px){
  #pageDatecalc .dc-planet-days-cards{grid-template-columns:minmax(0,1fr)!important}
}