/* ==========================================================================
   Additions for CMS-rendered sections and search
   (appended to style.css)
   ========================================================================== */

/* ---------- gallery ---------- */
.gallery{display:grid;gap:18px;margin-top:30px;}
.gallery__item{margin:0;border-radius:var(--radius);overflow:hidden;background:#fff;
  box-shadow:0 3px 14px rgba(0,0,0,.07);}
.gallery__item img{width:100%;height:150px;object-fit:contain;background:#fff;padding:14px;}
.gallery__item figcaption{padding:9px 13px;font-size:13.5px;color:var(--muted);
  border-top:1px solid var(--line);text-align:center;}

/* ---------- search results ---------- */
.search-results{display:grid;gap:16px;}
.search-result{background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 22px;}
.search-result__type{display:inline-block;font-size:11px;text-transform:uppercase;
  letter-spacing:.8px;font-weight:700;color:var(--red);margin-bottom:6px;}
.search-result h3{margin:0 0 6px;font-size:18px;}
.search-result h3 a{color:var(--blue);}
.search-result h3 a:hover{color:var(--red);}
.search-result p{margin:0;color:var(--muted);font-size:15px;}

/* ---------- two-column card grid ---------- */
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;}
@media (max-width:760px){ .grid2{grid-template-columns:1fr;} }

/* ---------- hero overlay tint (per slide) ---------- */
.hero-slide::before{background:rgba(9,78,146,.59);}

/* ---------- rich text inside sections ---------- */
.section p:last-child{margin-bottom:0;}
.section ul{margin-bottom:1em;}

/* ---------- document / download buttons ---------- */
.btn--doc{gap:7px;}
.btn__meta{font-weight:400;opacity:.75;font-size:12.5px;margin-left:4px;}
.btn--doc i{font-size:13px;}

/* ---------- stacked content blocks ---------- */
.content-block{margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid var(--line);}
.content-block:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0;}
.content-block h3{font-size:21px;margin-bottom:10px;color:var(--blue);}
.content-block p:last-child{margin-bottom:0;}