/* ============================================================
   ST. MICHAEL'S BUILDING PROJECT PAGE (building.html)
   Church drawing + stages list styles are in style.css
   ============================================================ */
.bp-overview{display:grid;grid-template-columns:minmax(260px,480px) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center}
.church-lg{padding:12px}
.bp-facts{display:grid;gap:14px}
.bp-facts div{padding:14px 18px;border-top:4px solid var(--gold-leaf);background:var(--leaf);border-radius:0 var(--radius-sm) var(--radius-sm) 0;box-shadow:var(--shadow)}
.bp-facts dt{color:var(--muted);font-style:italic}
.bp-facts dd{font-size:1.15rem;font-weight:700;color:var(--ink)}
.bp-fact-big dd{font-family:var(--serif);font-size:clamp(2.6rem,2rem + 3vw,4rem);line-height:1}
.bp-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(20px,4vw,56px);align-items:start}
html[lang="ti"] .bp-page .section-title{font-family:var(--ethiopic)}
.bp-stages-lg li{padding:10px 0}
.bp-stages-lg .st-text strong{font-size:1.15rem}
.bp-stages-lg li:not(:last-child)::before{top:30px;bottom:-10px}
.bp-about p{font-size:1.08rem;line-height:1.75;color:var(--lapis);margin-bottom:14px;max-width:65ch}
.bp-photos{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.bp-photo{margin:0}
.bp-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm);box-shadow:var(--shadow)}
.bp-photo figcaption{font-size:.88rem;color:var(--muted);margin-top:6px}
.bp-page .muted{color:var(--muted);font-style:italic}
@media (max-width:820px){ .bp-overview,.bp-two{grid-template-columns:1fr} .church-lg{max-width:420px;margin-inline:auto} }
.bp-help{margin-top:22px}

/* ---------- St. Michael's: photo timeline, thanks, share ---------- */
.bp-month + .bp-month{margin-top:22px}
.bp-month-t{margin:0 0 10px;font-family:var(--serif);color:var(--ink);font-size:1.1rem;padding-bottom:6px;border-bottom:2px solid var(--gold-soft)}
.bp-photos-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.bp-ph{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;border-radius:var(--radius-sm)}
.bp-ph:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.bp-thanks{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;align-items:center}
.bp-thanks p{line-height:1.65}
.bp-share{padding:18px 20px;background:var(--leaf);border:1px solid var(--line);border-radius:var(--radius)}
.bp-share > p{margin:0 0 10px;font-weight:700;color:var(--navy)}
.bp-share-row{display:flex;flex-wrap:wrap;gap:8px}
html[lang="ti"] #thanks,html[lang="ti"] .bp-month-t{font-family:var(--ethiopic)}
@media (max-width:760px){.bp-thanks{grid-template-columns:1fr}}