/* How They Built the Square (history feature pages, /tn/<town>/explore/history/how-they-built/) */
.hb-jump{display:flex;flex-wrap:wrap;gap:.4rem .5rem;margin:.8rem 0 1.2rem}
.hb-jump a{display:inline-block;padding:.35rem .75rem;border:1px solid var(--rule);border-radius:999px;text-decoration:none;font-size:.88rem;background:#fff}
.hb-note{background:#fbf7ee;border-left:4px solid #c9a34a;padding:.75rem 1rem;border-radius:4px;margin:1rem 0}
.hb-src{font:12px/1.3 system-ui,sans-serif;white-space:normal;text-decoration:none;color:var(--accent)}
.hb-tl{list-style:none;padding:0;margin:.8rem 0;border-left:3px solid var(--rule)}
.hb-tl li{position:relative;padding:.35rem 0 .55rem 1rem}
.hb-tl li:before{content:"";position:absolute;left:-7px;top:.75rem;width:11px;height:11px;border-radius:50%;background:var(--accent)}
.hb-yr{font-weight:700}
.hb-kind{display:inline-block;font:700 11px/1.4 system-ui,sans-serif;padding:0 .45rem;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;vertical-align:2px}
.hb-log{background:#e8d7b5;color:#5a4410}.hb-frame{background:#f3e7c9;color:#5a4410}.hb-brick{background:#f2d3cc;color:#7a2a24}.hb-today{background:#d8ead3;color:#1f4a17}.hb-house{background:#ececec;color:#555}
.hb-figs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.1rem;margin:1rem 0}
.hb-fig{margin:1rem 0}
.hb-figs .hb-fig{margin:0}
.hb-fig img{max-height:560px;object-fit:contain}
.hb-fig .credit{display:block;font-size:.85rem;margin-top:.2rem}
.hb-gen{display:inline-block;font:700 11px/1.6 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em;background:#e8e0cf;color:#5a4a2a;border-radius:3px;padding:0 6px;margin-right:4px}
.hb-ch{background:#fffaf0;border:1px solid var(--rule);box-shadow:3px 3px 0 var(--rule);padding:14px 16px;margin:1.6rem 0;scroll-margin-top:1rem}
.hb-ch h2{margin-top:.2rem}
.hb-dec{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .3rem;font-weight:700}
.hb-conf{background:#fbf7ee;border-left:4px solid #c9a34a;padding:.6rem .9rem;border-radius:4px;font-size:.93rem;margin:.8rem 0}
.hb-want{border:2px dashed var(--rule);background:#fbf7ee}
.hb-want h3{font-size:1.02em}
.hb-want .pw-status{margin-left:2px}
.hb-want p{font-size:.95rem}
.hb-others{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.hb-others .card{margin:0}
.hb-credits{font-size:.9rem;padding-left:1.1rem}
.hb-credits li{margin:.35rem 0}
h2[id],section[id]{scroll-margin-top:1rem}
.facts td{font-size:15px}
@media (max-width:600px){.facts th{width:34%}.hb-ch{padding:12px}}
