/* Shared officer-page feature + closing components — 2026-09-19 */
.officer-feature{
  background:#fbf7f0;
  border-top:1px solid #eadfce;
  border-bottom:1px solid #eadfce;
  padding:72px 0;
}
.officer-feature-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:42px;
  align-items:center;
}
.officer-feature-art{
  border-radius:22px;
  overflow:hidden;
  background:#071e3a;
  box-shadow:0 18px 44px rgba(13,44,84,.11);
}
.officer-feature-art img{
  display:block;
  width:100%;
  height:auto;
}
.officer-feature-copy h2{
  margin:0 0 14px;
  color:#0d2c54;
  font-size:clamp(2rem,4vw,3.4rem);
  line-height:1;
  letter-spacing:-.04em;
}
.officer-feature-copy .feature-date{
  color:#a6242d;
  font-weight:900;
  margin:0 0 14px;
}
.officer-feature-copy p{
  color:#586675;
}
.officer-feature-copy .actions{
  display:flex;
  flex-wrap:wrap;
  gap:11px;
  margin-top:24px;
}
.officer-closing{
  padding:72px 0 80px;
  background:#fff;
}
.officer-closing .cta-box,
.officer-closing .cta-panel{
  background:linear-gradient(135deg,#0d2c54,#164b7d);
  border-radius:26px;
  padding:40px;
  color:#fff;
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:28px;
  align-items:center;
  box-shadow:0 18px 44px rgba(13,44,84,.11);
}
.officer-closing h2{
  margin:0 0 12px;
  color:#fff;
  font-size:clamp(2rem,4vw,3rem);
  line-height:1;
  letter-spacing:-.03em;
}
.officer-closing p{
  margin:0;
  color:#d8e5f0;
}
.officer-closing .eyebrow{
  color:#efc468 !important;
}
.officer-closing .cta-actions{
  display:flex;
  flex-direction:column;
  gap:11px;
}
.officer-closing .cta-actions .btn{
  width:100%;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:0 19px;
  text-decoration:none;
  font-size:.91rem;
  font-weight:900;
  box-sizing:border-box;
  background:transparent;
  color:#fff;
  border:1px solid rgba(255,255,255,.45);
}
.officer-closing .cta-actions .btn:first-child,
.officer-closing .cta-actions .btn.primary,
.officer-closing .cta-actions .btn.donate:first-child{
  background:#fff;
  color:#0d2c54;
  border-color:#fff;
}
.officer-closing .cta-actions .btn.secondary{
  background:transparent;
  color:#fff;
  border-color:rgba(255,255,255,.45);
}
@media(max-width:900px){
  .officer-feature-grid,
  .officer-closing .cta-box,
  .officer-closing .cta-panel{
    grid-template-columns:1fr;
  }
  .officer-closing .cta-actions{
    max-width:380px;
  }
}
@media(max-width:560px){
  .officer-feature,
  .officer-closing{
    padding:56px 0;
  }
  .officer-closing .cta-box,
  .officer-closing .cta-panel{
    padding:28px 22px;
    border-radius:20px;
  }
}