/* /guides/housing/ guide family (housing_guides package, 2026-10-05). Palette tokens only. */
.hg-decor { display: flex; align-items: center; gap: 10px; min-width: 200px; }
.hg-thumb {
  flex: 0 0 auto; width: 40px; height: 40px; object-fit: contain;
  background: var(--wgf-well, #08090c); border: 1px solid var(--wgf-metal-soft, #3a3120);
}
.hg-thumb--none { display: inline-block; }
.hg-decor__txt { display: flex; flex-direction: column; line-height: 1.25; }
.hg-decor__txt small, .hg-sub { display: block; color: var(--wgf-muted, #a49d8c); font-size: .78rem; }
.hg-muted { color: var(--wgf-muted, #a49d8c); font-size: .85rem; }
.hg-table td { vertical-align: top; }
.hg-filters {
  display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 14px; margin: 0 0 14px;
  padding: 10px 12px; background: var(--wgf-panel-1, #121317);
  border: 1px solid var(--wgf-border-neutral, #2e313a);
}
.hg-filter { display: flex; flex-direction: column; gap: 4px; font-size: .8rem; color: var(--wgf-muted, #a49d8c); }
.hg-filter select {
  min-height: var(--wgf-input-h, 34px); max-width: 260px; background: var(--wgf-well, #08090c);
  color: var(--wgf-text, #e8e2d0); border: 1px solid var(--wgf-border-neutral, #2e313a);
}
.hg-go {
  min-height: var(--wgf-input-h, 34px); padding: 0 14px; cursor: pointer;
  background: var(--wgf-panel-3, #1f2127); color: var(--wgf-gold-primary, #ffd100);
  border: 1px solid var(--wgf-metal, #5a4a2a);
}
.hg-clear { align-self: center; font-size: .85rem; }
.hg-method, .hg-facts { margin: 0; padding-left: 1.1rem; line-height: 1.5; }
.hg-method li, .hg-facts li { margin: 0 0 6px; }
.hg-grid {
  list-style: none; margin: 0; padding: 0; display: grid; gap: 8px 16px;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.hg-inst { margin: 0 0 6px; }
@media (max-width: 640px) {
  .hg-decor { min-width: 160px; }
  .hg-filter select { max-width: 100%; }
}