/* Psychrometric chart site: widget styles on top of the Physics of Buildings house style (brand theme.css). */
.pc .pc-say { min-height: 2.9em; }
.pc-table-wrap { overflow-x: auto; margin: .5rem 0 .2rem; }
.pc-table { border-collapse: collapse; width: 100%; table-layout: fixed; font: 400 .98rem/1.3 var(--font-sans); font-variant-numeric: tabular-nums; }
.pc-table th, .pc-table td { padding: .28rem .4rem; border-bottom: 1px solid var(--rule); white-space: nowrap; text-align: right; }
.pc-table thead th { border-bottom: 2px solid var(--ink); font-weight: 600; }
.pc-table tbody th { text-align: left; font-weight: 500; color: var(--ink-soft); width: 42%; }
.pc-table td { font-weight: 600; }
.pc-table .pc-a { color: var(--c-second); }
.pc-table .pc-b { color: var(--c-second); }
.pc-table .pc-m { color: var(--c-ok); }
.pc-table.pc-one tbody th { width: 55%; }
@media (max-width: 600px) { .pc-table { font-size: .9rem; } .pc-table th, .pc-table td { padding: .25rem .25rem; } .pc-table tbody th { width: 38%; white-space: normal; } }
.pc-deck { display: grid; gap: .5rem 1.2rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 760px) { .pc-deck { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pc-deck > .pc-entry, .pc-deck > .pc-msg, .pc-deck > .pc-lines, .pc-deck > .pc-pre { grid-column: 1 / -1; } }
.pc-entry { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem .9rem; }
@media (min-width: 760px) { .pc-entry { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.pc-entry [hidden] { display: none; }
.pc-pre .w-btns { display: flex; flex-wrap: wrap; gap: .4rem; }
.pc-checks { display: grid; gap: .2rem; padding: .3rem 0 .5rem; }
.pc-checks .w-check { font: 400 .98rem var(--font-sans); min-height: 32px; display: flex; align-items: center; gap: .5rem; }
.pc-msg { margin: 0; }
.w-compact .pc-hide-compact, .w-compact .pc-say { display: none; }
@media (max-width: 999px) { .story-figure .pc-deck, .story-figure .pc-fold { display: none; } }
.pc-fold { margin-top: .3rem; }

/* Window section (dew point essay) */
.wc-say { min-height: 3em; }
.gap-say { min-height: 2.9em; }

/* Calculator */
.pcalc .calc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 760px) { .pcalc .calc-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.pcalc select { width: 100%; min-height: 44px; font: 500 1rem var(--font-sans); border: 1px solid var(--fig-grid-strong); border-radius: var(--radius); background: var(--ctl-bg); color: var(--fig-ink); padding: 0 .4rem; }
.pcalc .calc-out { margin-top: .4rem; }
.pcalc .calc-big { font-size: clamp(1.5rem, 4.4vw, 2.1rem); }

/* Home: the question index */
.qi { list-style: none; padding: 0 !important; margin: .4rem 0 1.4rem; border-top: 2px solid var(--ink); }
.qi li { margin: 0 !important; border-bottom: 1px solid var(--rule); }
.qi a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .2rem 1rem; padding: .6rem .2rem; text-decoration: none; color: var(--ink); min-height: 44px; }
.qi a:hover .qi-q { text-decoration: underline; }
.qi-q { font: 600 1.04rem/1.3 var(--font-sans); }
.qi-s { font: 400 .92rem/1.3 var(--font-sans); color: var(--muted); white-space: nowrap; align-self: center; }
.home-hero .dek a { white-space: nowrap; }
.home-hero h1 { font-size: clamp(2.3rem, 9.6vw, 3.3rem); max-width: none; hyphens: none; -webkit-hyphens: none; overflow-wrap: normal; }
@media (min-width: 980px) { .home-hero h1 { font-size: clamp(2.6rem, 3.9vw, 3.3rem); } }
.pc .w-hint { bottom: auto; top: 6.3rem; left: .6rem; }