*{box-sizing:border-box}body{margin:0;background:#f1ecdf;color:#242820;font:17px/1.75 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #865f24;outline-offset:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:white;padding:10px}header,footer{background:#171c16;color:#eee8dc;padding:24px max(24px,calc((100vw - 1180px)/2))}nav{display:flex;gap:24px;flex-wrap:wrap;align-items:center}nav .brand{margin-right:auto;font-family:Georgia,serif;font-size:24px}main{max-width:1180px;margin:auto;padding:60px 24px 80px}h1,h2,h3{font-family:Georgia,serif;line-height:1.15;font-weight:600}h1{font-size:clamp(38px,5vw,68px);max-width:20ch;margin:12px 0 28px}h2{font-size:32px;margin-top:48px}h3{font-size:25px}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#665036}.deck{font-size:21px;max-width:65ch}.filters{padding:24px 0;border-block:1px solid #c4bcab;margin:36px 0;display:flex;gap:12px;flex-wrap:wrap}.filters label{flex-basis:100%;font-weight:600}input{font:inherit;padding:12px;border:1px solid #766f60;background:#fffcf3;max-width:100%;width:100%}button{font:inherit;padding:8px 15px;min-height:44px;border:1px solid #766f60;border-radius:3px;cursor:pointer;background:transparent;color:inherit}button[aria-pressed=true]{background:#263e2e;color:white}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{padding:28px;background:#faf6ed;border:1px solid #c9c1b2;border-top:4px solid #4a6047;display:flex;flex-direction:column}.card h2{font-size:28px;margin:10px 0 18px}.card p{margin-top:0}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:18px}.tag{font-size:12px;background:#e6e5d7;padding:3px 9px;border-radius:3px}.article{max-width:76ch;margin:auto}.article h1{max-width:24ch}.article img,.article svg{max-width:100%;height:auto}.article table{width:100%;border-collapse:collapse;font-size:15px}.article td,.article th{padding:10px;text-align:left;border-bottom:1px solid #c4bcab}.article blockquote{border-left:3px solid #667457;margin-left:0;padding-left:24px}.source-list{font-size:14px}.related{margin-top:56px;border-top:1px solid #bbb2a0;padding-top:12px}.crumbs{font-size:14px;margin-bottom:28px}.meta{font-size:14px;color:#605f55}.hidden,[hidden]{display:none!important}footer p{font-size:14px}.count{font-size:14px}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.grid{grid-template-columns:1fr}main{padding-top:36px}nav{gap:16px}nav .brand{flex-basis:100%}.card{padding:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.article-hero{margin:32px 0}.article-hero img{width:100%;max-height:520px;object-fit:cover;aspect-ratio:16/9}.article-hero img[src$="svg"]{object-fit:contain;background:#f9f5e9}
.card>img{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:20px}.card>img[src$="svg"]{object-fit:contain;background:#f9f5e9}
/* Keep intrinsic HTML heights from turning covers into tall strips. */
.grid>.card>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;flex:none}.grid>.card>img[src$="wire-collated-nails.jpg"]{object-fit:contain;background:#fff}.grid>.card>img[src$="t2-roof-truss-1000.jpg"]{object-position:50% 28%}