/* Only loaded on the two chart pages that support English. Keep the other
   languages' visibility rules and the underlying drawing sources intact. */
html[lang="en"] [data-en-hide],
html[lang="en"] [data-design-chart-copy="entry_returning"],
html[lang="en"] [data-i18n="form.login_save_note"],
html[lang="en"] [data-action="save-chart"],
html[lang="en"] [data-i18n="result.save_chart_hint"],
html[lang="en"] #save-note,
html[lang="en"] #ts-save-note,
html[lang="en"] .hdsl-save-bar,
html[lang="en"] .auth-toggle,
html[lang="en"] [data-design-account-link],
html[lang="en"] [data-site-path="chart/mypage.php"],
html[lang="en"] [data-site-path="chart/monthly-open.php"],
html[lang="en"] [data-site-path="chart/membership.php"],
html[lang="en"] [data-gate-weather-entry="monthly"],
html[lang="en"] .site-reading-back,
html[lang="en"] .gloss-btn,
html[lang="en"] #glossary-section,
html[lang="en"] .bridge-message,
html[lang="en"] .cta-section,
html[lang="en"] .transit-cta,
html[lang="en"] #natal-report-offer,
html[lang="en"] #result-next-step,
html[lang="en"] [data-monthly-entry],
html[lang="en"] [data-cta="cta_admin_chart_pdf"],
html[lang="en"] #admin-md-export-btn,
html[lang="en"] #admin-adv-export {
  display: none !important;
}
html[lang="en"] .has-save-bar { padding-bottom: 6rem; }
html[lang="en"] .purpose-grid { grid-template-columns: 1fr; }
html[lang="en"] .hdsl-bottom-nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }
html[lang="en"] .ta-heading,
html[lang="en"] .exp-value { overflow-wrap: anywhere; }

/* Native date/time popups follow the browser locale. English uses explicit fields. */
.english-date-controls { display: none; }
html[lang="en"] #birth_date,
html[lang="en"] #transit-date-input { display: none; }
html[lang="en"] .english-date-controls {
  display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1.1fr);
  gap: .5rem; width: 100%; min-width: 0;
}
.english-date-controls label { min-width: 0; }
.english-date-controls label > span { display: block; font-size: .75rem; margin-bottom: .25rem; }
.english-date-controls select,
.english-date-controls input {
  width: 100%; min-width: 0; border: 1px solid rgb(196 162 101 / .3);
  border-radius: .375rem; padding: .5rem .4rem; background: rgb(245 242 237 / .5);
  color: inherit; font: inherit;
}
.english-date-controls :focus { outline-color: #C4A265; }
html[lang="en"] .english-date-time-controls { flex: 1 1 100%; }
html[lang="en"] #transit-section .solar-return-custom-year { flex-wrap: wrap; max-width: 28rem; }
html[lang="en"] .english-date-controls label { white-space: normal; }