/* mk-humidity-controller-for-grow-rooms.css: /humidity-controller-for-grow-rooms/ in "the control room at night". Loaded on that page only
   (slug), after home.css. Signature element: the stage table, humidity and VPD targets for every stage on one framed surface, with
   the Flowering row lit. Everything else is the shared dsdh- system (sections, cards, instrument strip, buttons). */

body.dsd #page-container .dsdm-hc-hero {
	padding-top: 56px !important;
	padding-bottom: 40px !important;
}
body.dsd #page-container .dsdm-hc-hero .dsdh-row--head { margin-bottom: 0 !important; gap: 20px; }
body.dsd #page-container .dsdm-hc-h1 h1.et_pb_module_header {
	font-size: clamp(36px, 4.6vw, 60px) !important;
	line-height: 1.04 !important;
	letter-spacing: -0.03em !important;
	max-width: 20ch;
}
body.dsd #page-container .dsdm-hc-hero .dsdh-lead .et_pb_text_inner p { max-width: 62ch; }

/* ---------- the stage table ---------- */

body.dsd #page-container .dsdm-hc-tablewrap {
	overflow-x: auto;
	background: var(--dsc-surface);
	border: 1px solid var(--dsc-line);
	border-radius: var(--dsc-r-card);
}
body.dsd #page-container .dsdm-hc-tablewrap:focus-visible { outline: 2px solid var(--dsc-accent); outline-offset: 2px; }
body.dsd #page-container table.dsdm-hc-table {
	width: 100%;
	min-width: 520px;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	background: transparent;
}
body.dsd #page-container table.dsdm-hc-table :is(th, td) {
	padding: 12px 20px;
	border: 0;
	border-bottom: 1px solid var(--dsc-line);
	background: transparent !important;
	text-align: left;
	font-size: 15px;
	line-height: 1.4;
	color: var(--dsc-muted-long);
}
body.dsd #page-container table.dsdm-hc-table thead th {
	font-family: var(--dsc-mono);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--dsc-muted);
}
body.dsd #page-container table.dsdm-hc-table tbody th { font-weight: 600; color: var(--dsc-text); }
body.dsd #page-container table.dsdm-hc-table tbody td { font-family: var(--dsc-mono); font-size: 14px; color: var(--dsc-warn); }
body.dsd #page-container table.dsdm-hc-table tbody tr:last-child :is(th, td) { border-bottom: 0; }
body.dsd #page-container table.dsdm-hc-table tbody tr.dsdm-hc-lit :is(th, td) { box-shadow: inset 0 0 0 9999px rgba(38, 198, 218, 0.07) !important; }
body.dsd #page-container table.dsdm-hc-table tbody tr.dsdm-hc-lit th { color: var(--dsc-accent); }
body.dsd #page-container .dsdm-hc-fine .et_pb_text_inner p { max-width: 70ch; margin: 16px 0 0; }

/* ---------- the four steps ---------- */

body.dsd #page-container .dsdm-hc-steps.dsdh-row { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; align-items: stretch; }
body.dsd #page-container .dsdm-hc-step { gap: 10px !important; }
body.dsd #page-container .dsdm-hc-step .dsdh-num .et_pb_text_inner p { margin: 0; }

/* ---------- two-up text rows ---------- */

body.dsd #page-container .dsdm-hc-two.dsdh-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; align-items: start; }
body.dsd #page-container .dsdm-hc-body .et_pb_text_inner p { max-width: 62ch; }
body.dsd #page-container .dsdm-hc-body .et_pb_text_inner a { border-bottom: 1px solid rgba(79, 157, 255, 0.35); }

@media (max-width: 1100px) {
	body.dsd #page-container .dsdm-hc-steps.dsdh-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.dsd #page-container .dsdm-hc-steps > .dsdh-col:nth-child(n + 3) { border-top: 1px solid var(--dsc-line); }
	body.dsd #page-container .dsdm-hc-steps > .dsdh-col:nth-child(3) { border-left: 0; }
}
@media (max-width: 900px) {
	body.dsd #page-container .dsdm-hc-two.dsdh-row { grid-template-columns: minmax(0, 1fr); gap: 32px; }
}
@media (max-width: 767px) {
	body.dsd #page-container .dsdm-hc-hero { padding-top: 32px !important; padding-bottom: 24px !important; }
	body.dsd #page-container .dsdm-hc-strip.dsdh-row { grid-template-columns: minmax(0, 1fr); }
	body.dsd #page-container .dsdm-hc-strip > .dsdh-col + .dsdh-col { border-left: 0; border-top: 1px solid var(--dsc-line); }
	body.dsd #page-container .dsdm-hc-steps.dsdh-row { grid-template-columns: minmax(0, 1fr); }
	body.dsd #page-container .dsdm-hc-steps > .dsdh-col + .dsdh-col { border-left: 0; border-top: 1px solid var(--dsc-line); }
	body.dsd #page-container table.dsdm-hc-table :is(th, td) { padding: 10px 14px; }
}

/* the readings are ranges, so they run a size down to stay on one line */
body.dsd #page-container .dsdm-hc-strip .dsdh-reading .et_pb_text_inner .dsdh-reading__n { font-size: clamp(26px, 2.8vw, 40px); }