The Basic Economics of Home Building

.bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #C0C0C0; } .bh__table_cell { padding: 5px; background-color: #FFFFFF; } .bh__table_cell p { color: #2D2D2D; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; } .bh__table_header { padding: 5px; background-color:#F1F1F1; } .bh__table_header p { color: #2A2A2A; font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif !important;…

https://somervilleyimby.org/2026/04/30/the-basic-economics-of-home-building/

Just committed my first ':has()' to (soon to be) production #CSS!

pre:has(code) {
background: #f1f1f1;
padding-block: 1em;
padding-inline: 1.5em;
border-radius: 0.5em;
}

That will style the 'pre' in:

<pre>
<code>
{{content goes here}}
</code>
</pre>

That’s a tree view, not a source view, to be clear. The source doesn’t have all that whitespace.

Progressive enhancement, baby!