.hc{gap:var(--space-6);align-items:start;display:grid}@media (width>=62rem){.hc{gap:var(--space-8);grid-template-columns:minmax(20rem,24rem) minmax(0,1fr)}.hc-form{top:var(--space-4);position:sticky}}.hc-form-title{font-size:var(--text-xl)}.hc-rate{margin-top:var(--space-3)}.hc-rate[hidden]{display:none}.hc-sweat-seg span,.hc-salt-seg span{padding-inline:var(--space-2)}.hc-results{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.hc-results-head h2{font-size:var(--text-2xl)}.hc-stats{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=40rem){.hc-stats{grid-template-columns:1fr 1fr}.hc-stat[data-stat=fluid]{column-gap:var(--space-6);grid-column:1/-1;grid-template-columns:auto 1fr;align-items:start;display:grid}.hc-stat[data-stat=fluid]>:not(.hc-thirst){grid-column:1}.hc-stat[data-stat=fluid] .hc-thirst{padding:0 0 0 var(--space-5);border-top:0;border-left:var(--border);grid-area:1/2/span 3;align-self:center;max-width:34ch;margin:0}}.hc-stat{background:var(--color-surface);border:var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm);gap:var(--space-1);flex-direction:column;display:flex}.hc-stat[data-stat=fluid]{border-top:3px solid var(--color-accent)}.hc-stat-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);letter-spacing:0}.hc-stat-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.hc-unit{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-muted);letter-spacing:0}.hc-stat-sub{font-size:var(--text-sm);color:var(--color-text-muted)}.hc-thirst{margin-top:var(--space-2);padding-top:var(--space-2);border-top:var(--border);font-size:var(--text-sm)}.hc-basis{font-size:var(--text-sm);color:var(--color-text-muted)}.hc-notes{font-size:var(--text-sm)}.hc-notes summary{cursor:pointer;font-weight:var(--weight-medium);color:var(--color-accent);width:fit-content}.hc-notes ul{margin-top:var(--space-2);padding-left:var(--space-5);color:var(--color-text-muted)}.hc-notes li+li{margin-top:var(--space-1)}.hc-match-block{margin-top:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.hc-match-top h2{font-size:var(--text-xl)}.hc-match-intro{font-size:var(--text-sm);margin-top:var(--space-1);max-width:var(--prose-max)}.hc-filters{gap:var(--space-2) var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.hc-check{gap:var(--space-2);font-size:var(--text-sm);cursor:pointer;align-items:center;min-height:2.75rem;display:inline-flex}.hc-check input{width:1.1rem;height:1.1rem}.hc-matches{gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.hc-match{background:var(--color-surface);border:var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.hc-match-head{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.hc-rank{background:var(--color-accent-soft);width:1.75rem;height:1.75rem;color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--weight-bold);border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.hc-match-name{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.hc-match-name a{color:var(--color-text);text-decoration:none}.hc-match-name a:hover{color:var(--color-accent);text-decoration:underline}.hc-fit{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-left:auto}.hc-match-stats{gap:var(--space-2) var(--space-4);padding:var(--space-3) 0;border-block:var(--border);grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));display:grid}.hc-match-stats dt{font-size:var(--text-xs);color:var(--color-text-muted)}.hc-match-stats dd{font-weight:var(--weight-semibold);margin:0}.hc-match-stats dd .muted{font-weight:var(--weight-normal);font-size:var(--text-xs)}.hc-serving{font-size:var(--text-sm)}.hc-reasons{font-size:var(--text-sm);padding-left:var(--space-5)}.hc-reasons li+li{margin-top:var(--space-1)}.hc-empty{padding:var(--space-5);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg)}.home{padding-block:var(--space-8) var(--space-16)}.home-head{max-width:var(--prose-max);margin-bottom:var(--space-6)}.home-lede{margin-top:var(--space-3);font-size:var(--text-lg);color:var(--color-text-muted)}.home-explain{margin-top:var(--space-16)}