.orlex-humidity { color: #182d36; background: #f4f8f7; border: 1px solid #c7d8d3; border-radius: 14px; padding: clamp(16px, 3vw, 28px); margin: 28px 0; font: 1rem/1.5 system-ui, sans-serif; }
.orlex-humidity *, .orlex-humidity *::before, .orlex-humidity *::after { box-sizing: border-box; }
.orlex-humidity h2 { font-size: 1.5rem; line-height: 1.25; margin: 0 0 14px; }
.orlex-humidity p { margin: 0 0 16px; }
.orlex-humidity label { display: block; font-weight: 650; margin-bottom: 6px; }
.orlex-humidity input, .orlex-humidity select, .orlex-humidity textarea { width: 100%; min-width: 0; max-width: 100%; border: 1px solid #78988e; border-radius: 7px; padding: 10px 12px; background: white; color: #182d36; font: inherit; }
.orlex-humidity small { display: block; color: #425c62; font-size: .85rem; margin-top: 5px; }
.orlex-hl-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-bottom: 18px; }
.orlex-humidity textarea { resize: vertical; }
.orlex-hl-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0; }
.orlex-humidity button { min-height: 44px; max-width: 100%; border: 1px solid #21594d; border-radius: 7px; padding: 10px 16px; background: #21594d; color: white; font: inherit; font-weight: 650; cursor: pointer; }
.orlex-humidity button:disabled { background: #dbe4e1; color: #53645f; border-color: #acbcb6; cursor: default; }
.orlex-humidity :focus-visible { outline: 3px solid #bf7908; outline-offset: 3px; }
.orlex-humidity [data-hl-error] { color: #a31f24; font-weight: 650; }
.orlex-humidity [data-hl-readings] { list-style: none; margin: 18px 0; padding: 0; }
.orlex-humidity [data-hl-readings] li { background: white; border: 1px solid #c7d8d3; border-radius: 10px; padding: 16px; margin-top: 14px; overflow-wrap: anywhere; }
.orlex-humidity h3 { font-size: 1.05rem; margin: 0 0 12px; line-height: 1.4; }
.orlex-humidity dl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px 14px; margin: 0 0 14px; }
.orlex-humidity dt { font-weight: 600; }
.orlex-humidity dd { margin: 0; }
.orlex-humidity [hidden] { display: none !important; }
@media (max-width: 560px) { .orlex-hl-fields { grid-template-columns: minmax(0, 1fr); } .orlex-humidity dl { grid-template-columns: minmax(0, 1fr); gap: 3px; } .orlex-humidity dd { margin-bottom: 8px; } }