/* St. Benedict Newsletter Archive — green & gold */
.sbnl-wrap{max-width:1100px;margin:0 auto;padding:0 4%;}

/* date-range search bar */
.sbnl-controls{
  display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;margin:0 0 28px;
  background:#f3f8f5;border:1px solid #dce8e2;border-radius:12px;padding:16px 18px;
}
.sbnl-field{display:flex;flex-direction:column;gap:5px;}
.sbnl-field label{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#005848;}
.sbnl-field input{
  border:1px solid #cddfd7;border-radius:8px;padding:9px 12px;font-size:15px;color:#33413b;
  background:#fff;font-family:inherit;min-width:150px;
}
.sbnl-field input:focus{outline:none;border-color:#005848;box-shadow:0 0 0 3px rgba(0,88,72,.12);}
.sbnl-search,.sbnl-clear{
  padding:10px 22px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;
  border:1px solid transparent;transition:background .15s ease,color .15s ease;line-height:1.2;
}
.sbnl-search{background:#005848;color:#fff;}
.sbnl-search:hover{background:#dbba00;color:#003024;}
.sbnl-clear{background:#fff;color:#005848;border-color:#cddfd7;}
.sbnl-clear:hover{background:#eef5f1;}

/* card grid (no preview images) */
.sbnl-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin:0;padding:0;list-style:none;
}
.sbnl-card{
  background:#fff;border:1px solid #e6ebe8;border-left:4px solid #dbba00;border-radius:10px;
  padding:20px 22px;display:flex;flex-direction:column;gap:12px;
  box-shadow:0 4px 14px rgba(0,88,72,.05);opacity:0;transform:translateY(12px);
  transition:transform .18s ease,box-shadow .18s ease,opacity .25s ease;
}
.sbnl-card.is-in{opacity:1;transform:none;}
.sbnl-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,88,72,.13);}
.sbnl-kicker{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#c7960a;}
.sbnl-date{font-family:'Playfair Display SC',Georgia,serif;color:#005848;font-size:21px;font-weight:700;line-height:1.2;margin:0;}
.sbnl-btn{
  margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:#005848;color:#fff !important;font-weight:700;font-size:14px;letter-spacing:.3px;
  padding:11px 16px;border-radius:8px;text-decoration:none;transition:background .16s ease;
}
.sbnl-btn:hover{background:#dbba00;color:#003024 !important;}
.sbnl-btn svg{width:15px;height:15px;fill:currentColor;flex:0 0 auto;}

.sbnl-status{text-align:center;color:#6a7d76;font-size:15px;padding:34px 0 6px;}
.sbnl-spinner{display:inline-block;width:26px;height:26px;border:3px solid #d7e8e0;border-top-color:#005848;border-radius:50%;animation:sbnl-spin .8s linear infinite;}
@keyframes sbnl-spin{to{transform:rotate(360deg)}}
.sbnl-end{text-align:center;color:#8a978f;font-size:14px;padding:30px 0 4px;font-style:italic;}

@media(max-width:600px){
  .sbnl-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .sbnl-card{padding:16px;}
  .sbnl-date{font-size:18px;}
  .sbnl-controls{gap:10px;padding:14px;}
  .sbnl-field input{min-width:0;width:100%;}
  .sbnl-field{flex:1 1 130px;}
  .sbnl-search,.sbnl-clear{flex:1 1 auto;}
}