/* Shared page presentation: retain headings, controls, and table borders. */
body>header>div>p,body>header>p,
body>main>section:first-child>h2+p:not([id]):not([role]),
.page-subtitle,.page-sub-title{display:none!important}
body>header,body>main{border-bottom:0!important}
body>.creator-footer,body>.master-payment-footer,body>.site-payment-footer{border-top:0!important}
#zodiacForm label{line-height:1.7;overflow:visible}
#zodiacForm #zodiacChartView{height:44px;min-height:44px;padding:4px 5px;font-size:13px;line-height:1.7}
@media(max-width:800px){
  #zodiacForm .zodiac-chart-choice{grid-column:3!important;grid-row:3!important;width:100%!important;min-width:0!important;max-width:none!important;justify-self:stretch;align-self:end}
  #zodiacForm .zodiac-coords label{align-self:end}
  #zodiacForm button[type="submit"]{grid-column:1/-1!important;grid-row:auto!important}
}

#zodiacForm{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#zodiacForm .zodiac-birth-place,#zodiacForm .zodiac-coords{display:contents!important}
#zodiacForm .zodiac-birth-city{grid-column:3;grid-row:2;width:100%;min-width:0;max-width:none}
#zodiacForm .zodiac-coords label{grid-row:3;width:100%;min-width:0;max-width:none;align-self:end;white-space:normal}
#zodiacForm .zodiac-coords label:first-child{grid-column:1}
#zodiacForm .zodiac-coords label:last-child{grid-column:2}
#zodiacForm .zodiac-chart-choice{grid-column:3!important;grid-row:3!important;width:100%!important;min-width:0!important;max-width:none!important;align-self:end}
#zodiacForm .zodiac-manual-coords{grid-column:1/-1;grid-row:4}
#zodiacForm button[type="submit"]{grid-column:1/-1!important;grid-row:5!important}

/* Hide repeated introductory titles, retaining primary and result headings. */
body>header:has(h1)~main>section:first-child>h2:first-of-type{display:none!important}

@media(max-width:800px){
  #ephemerisForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:end;border:0!important;box-shadow:none!important;background:transparent!important}
  #ephemerisForm .ephemeris-start{grid-column:1!important;grid-row:1!important}
  #ephemerisForm .ephemeris-end{grid-column:2!important;grid-row:1!important}
  #ephemerisForm .ephemeris-frame{grid-column:1!important;grid-row:2!important}
  #ephemerisForm button[type="submit"]{grid-column:2!important;grid-row:2!important;align-self:end!important}
  #ephemerisForm :is(input[type="date"],select,button[type="submit"]){box-sizing:border-box!important;appearance:none;-webkit-appearance:none;width:100%!important;min-width:0!important;max-width:none!important;height:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important;padding:4px 6px!important;font-size:13px!important;line-height:1.5!important}
  #ephemerisForm label{width:100%;min-width:0;grid-template-columns:minmax(0,1fr);line-height:1.6}
  #ephemerisForm input[type="date"]::-webkit-date-and-time-value{min-width:0;text-align:center}
  #ephemerisForm input[type="date"]::-webkit-datetime-edit{padding:0}
}

@media(max-width:800px){
  .ephemeris-page.is-khmer #ephemerisForm{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;justify-content:center}
  .ephemeris-page.is-khmer #ephemerisForm .ephemeris-start{grid-column:1!important;grid-row:1!important}
  .ephemeris-page.is-khmer #ephemerisForm .ephemeris-end{grid-column:2!important;grid-row:1!important}
  .ephemeris-page.is-khmer #ephemerisForm button[type="submit"]{grid-column:3!important;grid-row:1!important;white-space:normal!important;overflow-wrap:anywhere;font-size:12px!important;line-height:1.5!important}
  .ephemeris-page.is-khmer #ephemerisForm .ephemeris-frame[hidden]{display:none!important}
  .ephemeris-page.is-khmer #ephemerisForm input[type="date"]{font-size:12px!important;padding-inline:2px!important}
}

/* Uniform typography for the zodiac calculator, results, and chart controls. */
.zodiac-page:is(main,#zodiacTypography) :is(label,input,select,button,summary,h2,h3,h4,th,td,th *,td *, .zodiac-reference-matches li){font-size:16px!important}

/* Compact phone layouts for the zodiac and moon calculators. */
@media(max-width:800px){
  body .zodiac-page:is(main,#zodiacTypography) :is(label,input,select,button,summary,h2,h3,h4,th,td,th *,td *,li,li *){font-size:14px!important}
  body.lunar-eclipse-page .reference-page:is(main,#moonTypography) :is(label,input,select,button,h2,h3,h4,p,th,td,span,strong,div){font-size:14px!important;line-height:1.6!important}
  #moonCalculator{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;align-items:end!important;margin:0 auto 12px!important}
  #moonCalculator label{display:grid!important;grid-column:auto!important;grid-row:auto!important;grid-template-columns:minmax(0,1fr);gap:4px!important;min-width:0!important;text-align:center!important}
  #moonCalculator :is(input,button){box-sizing:border-box!important;appearance:none;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:4px!important;margin:0!important;text-align:center!important;font-size:14px!important}
  #moonCalculator button{grid-column:3!important;grid-row:2!important;align-self:end!important}
  body.lunar-eclipse-page .reference-page{padding-top:8px!important;padding-bottom:0!important;text-align:center}
  body.lunar-eclipse-page :is(.moon-results,.moon-birth-info){margin:10px auto!important;text-align:center!important}
  body .zodiac-page .zodiac-charts{margin-top:10px!important}
  body .zodiac-page .zodiac-chart-card{padding-top:0!important;padding-bottom:0!important;text-align:center!important}
  body .zodiac-page .zodiac-chart-card h3{margin:0!important}
  body .zodiac-page .zodiac-fullscreen{display:block!important;margin:0 auto!important;min-height:44px!important;padding:4px 12px!important}
  body:has(>.zodiac-page)>.creator-footer,body.lunar-eclipse-page>.creator-footer{margin-top:8px!important;padding-top:4px!important;font-size:14px!important}
  body .zodiac-page{padding-bottom:0!important}
}

@media(max-width:800px){
  html body:has(>.zodiac-page,>#moonTypography,>.reference-page #moonCalculator){-webkit-text-size-adjust:100%;text-size-adjust:100%}
  html body:has(>.zodiac-page,>.reference-page #moonCalculator) :is(.zodiac-page,.reference-page,.creator-footer):is(*,#mobileUniformType) :is(p,span,strong,b,small,a,li,button,label,input,select,h2,h3,h4,th,td){font-size:14px!important}
}

/* Keep chart heading, circle, caption, and action together on every screen. */
body .zodiac-page .zodiac-chart-card h3{margin:0 0 3px!important}
body .zodiac-page .zodiac-chart-card canvas{margin:0 auto!important}
body .zodiac-page .zodiac-fullscreen{display:block;margin:3px auto 0!important}

@media(max-width:800px){
  #mundaneForm{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;align-items:end!important}
  #mundaneForm label{display:grid!important;grid-column:auto!important;grid-row:auto!important;grid-template-columns:minmax(0,1fr);gap:4px!important;min-width:0!important;text-align:center!important;font-size:14px!important}
  #mundaneForm :is(input,button){box-sizing:border-box!important;appearance:none;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:4px!important;margin:0!important;text-align:center!important;font-size:14px!important;line-height:1.5!important}
  #mundaneForm button{grid-column:3!important;grid-row:2!important;align-self:end!important;white-space:normal!important}
}

/* A larger, centered traditional chart with equal side margins. */
body .zodiac-results:not(.zodiac-system-wheel-only) .zodiac-chart-card{width:min(100%,960px)!important;margin-inline:auto!important}
body .zodiac-results:not(.zodiac-system-wheel-only) .zodiac-chart-card canvas{width:100%!important;max-width:100%!important;height:auto;margin-inline:auto!important}

/* Fit phone charts to the available screen width without horizontal scrolling. */
@media(max-width:800px){
  body .zodiac-results:not(.zodiac-system-wheel-only) .zodiac-chart-card{min-width:0!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box}
  body .zodiac-results:not(.zodiac-system-wheel-only) .zodiac-chart-card canvas{width:100%!important;min-width:0!important;max-width:100%!important}
}

@media(min-width:801px){
  body .zodiac-results:not(.zodiac-system-wheel-only) .zodiac-chart-card{width:min(100%,800px)!important}
  html body .zodiac-page:is(main,#zodiacTypography) .zodiac-chart-card :is(h3,button){font-size:14px!important}
}