#project-drawings { scroll-margin-top:110px; }
.prefab-tabs { display:flex; gap:28px; border-bottom:1px solid #c9d5dd; margin:0 0 28px; }
.prefab-tabs button { border:0; border-bottom:3px solid transparent; background:none; color:#58738b; font:600 15px 'Open Sans',sans-serif; padding:16px 0; cursor:pointer; }
.prefab-tabs button[aria-selected=true] { color:#203f60; border-bottom-color:#203f60; }
.prefab-tabs button span { margin-left:8px; font-size:11px; font-weight:400; }
.prefab-tabs button:focus-visible,.prefab-photo:focus-visible { outline:3px solid #547a9b; outline-offset:4px; }
#project-drawings [hidden] { display:none!important; }
.prefab-photo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.prefab-photo { padding:0; border:0; background:transparent; text-align:left; cursor:pointer; color:#203f60; font:600 14px 'Open Sans',sans-serif; }
.prefab-photo img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.prefab-photo > span { display:flex; justify-content:space-between; gap:12px; padding-top:14px; }
.prefab-caption { font-size:14px; line-height:1.7; color:#405c70; max-width:760px; }
.prefab-caption span { display:block; color:#58738b; font-size:12px; margin-top:6px; }
@media(max-width:700px) { .prefab-tabs { gap:20px; }.prefab-tabs button { font-size:13px; }.prefab-photo-grid { gap:14px; }.prefab-photo { font-size:12px; } }

@media(max-width:800px) { .prefab-photo-grid { grid-template-columns:1fr; gap:24px; } }
