#building-type-selector{--bts-bg:var(--xgz-surface,#fff);--bts-ink:var(--xgz-ink,#1E1E1E);--bts-muted:var(--xgz-ink-3,#5F6B7A);--bts-line:var(--xgz-line,#E5E7EB);--bts-tint:var(--xgz-surface-2,#F7F8FA);--bts-accent:var(--xgz-brand-text,#E60045);--bts-accent-ink:var(--xgz-on-deep,#fff);--bts-accent-soft:var(--xgz-brand-tint,#FDEBF0);--bts-font:var(--xgz-font,inherit);--bts-font-display:var(--xgz-font,inherit);margin:var(--xgz-s8,40px) 0;scroll-margin-top:calc(var(--xgz-header-h,0px) + 24px)}
#building-type-selector h2,#building-type-selector h3,#building-type-selector h4{position:static;border:0;padding:0;letter-spacing:normal;max-width:none;font-stretch:100%;text-transform:none}
#building-type-selector h2::after,#building-type-selector h3::after,#building-type-selector h4::after{content:none;display:none}
#building-type-selector th,#building-type-selector td{background:transparent;color:inherit;white-space:normal;font-size:inherit;text-transform:none;letter-spacing:normal;font-family:inherit}
#building-type-selector tbody tr:nth-child(even) td{background:transparent}
#building-type-selector a{text-decoration:none}
#building-type-selector svg{max-width:none}
#building-type-selector{
  --_bg:var(--bts-bg,#ffffff);
  --_ink:var(--bts-ink,#16202a);
  --_muted:var(--bts-muted,#56626e);
  --_line:var(--bts-line,#cbd3db);
  --_tint:var(--bts-tint,#f2f5f8);
  --_accent:var(--bts-accent,#1d5799);
  --_accent-ink:var(--bts-accent-ink,#ffffff);
  --_accent-soft:var(--bts-accent-soft,#dde8f5);
  --_font:var(--bts-font,inherit);
  --_display:var(--bts-font-display,inherit);
  --_mono:var(--bts-font-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);
  box-sizing:border-box;
  background:var(--_bg);
  color:var(--_ink);
  font-family:var(--_font);
  font-size:1rem;
  line-height:1.5;
  border:1px solid var(--_line);
  border-radius:6px;
  padding:clamp(1.25rem,3.5vw,2.25rem);
  display:grid;
  gap:1.5rem;
  position:relative;
  max-width:100%;
}
#building-type-selector *,#building-type-selector *::before,#building-type-selector *::after{box-sizing:inherit}
#building-type-selector h2,#building-type-selector h3,#building-type-selector h4,#building-type-selector p,#building-type-selector ul,#building-type-selector fieldset,#building-type-selector legend{margin:0;padding:0}
#building-type-selector ul{list-style:none}
#building-type-selector .bts-head{display:grid;gap:.5rem;max-width:44rem}
#building-type-selector .bts-eyebrow{font-family:var(--_mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--_muted)}
#building-type-selector .bts-title{font-family:var(--_display);font-weight:700;font-size:clamp(1.5rem,3.2vw,2rem);line-height:1.15;text-wrap:balance}
#building-type-selector .bts-lede{color:var(--_muted);max-width:40rem}
#building-type-selector .bts-progress{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
#building-type-selector .bts-frames{display:flex;gap:.25rem}
#building-type-selector .bts-frame{width:30px;height:24px;display:block}
#building-type-selector .bts-frame path{fill:none;stroke:var(--_line);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
#building-type-selector .bts-frame.is-done path{stroke:var(--_accent);fill:var(--_accent-soft)}
#building-type-selector .bts-frame.is-now path{stroke:var(--_accent)}
#building-type-selector .bts-step{font-family:var(--_mono);font-size:.8rem;color:var(--_muted);font-variant-numeric:tabular-nums}
#building-type-selector .bts-q{border:0;display:grid;gap:1rem;min-width:0}
#building-type-selector .bts-qtext{font-family:var(--_display);font-weight:700;font-size:clamp(1.25rem,2.6vw,1.6rem);line-height:1.2;text-wrap:balance;outline:none}
#building-type-selector .bts-hint{color:var(--_muted);font-size:.95rem;margin-top:-.5rem}
#building-type-selector .bts-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.625rem}
#building-type-selector .bts-opt{position:relative;display:grid;gap:.15rem;align-content:start;padding:.875rem 1rem .875rem 2.75rem;border:1px solid var(--_line);border-radius:4px;background:var(--_bg);cursor:pointer;transition:border-color .15s,background-color .15s;min-width:0}
#building-type-selector .bts-opt:hover{border-color:var(--_accent)}
#building-type-selector .bts-opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
#building-type-selector .bts-opt::before{content:"";position:absolute;left:1rem;top:1.05rem;width:1rem;height:1rem;border:2px solid var(--_line);border-radius:50%;background:var(--_bg)}
#building-type-selector .bts-opt.is-multi::before{border-radius:3px}
#building-type-selector .bts-opt.is-on{border-color:var(--_accent);background:var(--_accent-soft)}
#building-type-selector .bts-opt.is-on::before{border-color:var(--_accent);background:var(--_accent);box-shadow:inset 0 0 0 3px var(--_bg)}
#building-type-selector .bts-opt.is-multi.is-on::before{box-shadow:inset 0 0 0 2px var(--_bg)}
#building-type-selector .bts-opt:has(input:focus-visible){outline:3px solid var(--_accent);outline-offset:2px}
#building-type-selector .bts-opt-main{font-weight:600;line-height:1.3}
#building-type-selector .bts-opt-sub{font-size:.875rem;color:var(--_muted);line-height:1.35}
#building-type-selector .bts-nav{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}
#building-type-selector .bts-btn{appearance:none;font:inherit;font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.15rem;border-radius:4px;border:1px solid var(--_line);background:var(--_bg);color:var(--_ink);text-decoration:none;cursor:pointer;line-height:1.2}
#building-type-selector .bts-btn:hover{border-color:var(--_accent);color:var(--_accent)}
#building-type-selector .bts-btn-primary{background:var(--_accent);border-color:var(--_accent);color:var(--_accent-ink)}
#building-type-selector .bts-btn-primary:hover{color:var(--_accent-ink);filter:brightness(1.08)}
#building-type-selector .bts-btn[disabled]{opacity:.45;cursor:not-allowed}
#building-type-selector .bts-btn:focus-visible,#building-type-selector .bts-link:focus-visible,#building-type-selector .bts-also-link:focus-visible{outline:3px solid var(--_accent);outline-offset:2px}
#building-type-selector .bts-link{appearance:none;background:none;border:0;padding:.25rem 0;font:inherit;font-size:.95rem;color:var(--_accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#building-type-selector .bts-result{display:grid;gap:1.5rem}
#building-type-selector .bts-match{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.25rem;align-items:start;padding-bottom:1.5rem;border-bottom:1px solid var(--_line)}
#building-type-selector .bts-icon{width:96px;height:64px;color:var(--_accent);background:var(--_tint);border-radius:4px;padding:6px;display:block}
#building-type-selector .bts-icon svg{width:100%;height:100%;display:block}
#building-type-selector .bts-icon svg *{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
#building-type-selector .bts-rname{font-family:var(--_display);font-weight:700;font-size:clamp(1.5rem,3vw,2rem);line-height:1.1;outline:none;margin-top:.15rem}
#building-type-selector .bts-rblurb{margin-top:.5rem;max-width:42rem}
#building-type-selector .bts-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1.5rem}
#building-type-selector .bts-sub{font-family:var(--_mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--_muted);margin-bottom:.6rem}
#building-type-selector .bts-why li{position:relative;padding-left:1.1rem;margin-bottom:.45rem}
#building-type-selector .bts-why li::before{content:"";position:absolute;left:0;top:.62em;width:.45rem;height:2px;background:var(--_accent)}
#building-type-selector .bts-also-list{display:grid;gap:.5rem}
#building-type-selector .bts-also-link{display:grid;grid-template-columns:44px minmax(0,1fr);gap:.75rem;align-items:center;padding:.6rem .75rem;border:1px solid var(--_line);border-radius:4px;text-decoration:none;color:var(--_ink)}
#building-type-selector .bts-also-link:hover{border-color:var(--_accent)}
#building-type-selector .bts-also-link .bts-icon{width:44px;height:30px;padding:3px}
#building-type-selector .bts-also-name{font-weight:600;display:block;line-height:1.3}
#building-type-selector .bts-also-why{font-size:.875rem;color:var(--_muted);display:block;line-height:1.35}
#building-type-selector .bts-none{color:var(--_muted);font-size:.95rem}
#building-type-selector .bts-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}
#building-type-selector .bts-summary{font-size:.875rem;color:var(--_muted)}
#building-type-selector .bts-summary b{font-weight:600;color:var(--_ink)}
#building-type-selector .bts-note{font-size:.85rem;color:var(--_muted);border-left:2px solid var(--_line);padding-left:.75rem;max-width:44rem}
#building-type-selector .bts-toast{font-family:var(--_mono);font-size:.8rem;background:var(--_ink);color:var(--_bg);padding:.6rem .8rem;border-radius:4px;overflow-wrap:anywhere}
#building-type-selector .bts-fade{animation:bts-in .22s ease-out}
@keyframes bts-in{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#building-type-selector .bts-fade{animation:none}
#building-type-selector .bts-opt{transition:none}}
@media (max-width:30rem){#building-type-selector .bts-match{grid-template-columns:1fr}
#building-type-selector .bts-actions .bts-btn{flex:1 1 100%;justify-content:center;text-align:center}}
#building-type-selector .bts-hint{margin-top:.35rem}