/* Social Studio feed */
#ssfFeed{ font-family:'Nunito',system-ui,sans-serif; }
.ssf-sec{ max-width:1120px; margin:0 auto; padding:clamp(20px,4vw,34px) clamp(16px,4vw,26px) 8px; }
.ssf-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px;
  flex-wrap:wrap; margin:0 0 16px; }
.ssf-eb{ margin:0 0 5px; font-size:.68rem; font-weight:800; letter-spacing:.17em;
  text-transform:uppercase; color:#6E7A61 !important; -webkit-text-fill-color:#6E7A61 !important; }
.ssf-h{ font-family:'Playfair Display',Georgia,serif !important;
  font-size:clamp(1.5rem,3vw,2rem) !important; font-weight:700 !important; margin:0 0 6px !important;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
.ssf-sub{ margin:0; font-size:.95rem;
  color:#6E7683 !important; -webkit-text-fill-color:#6E7683 !important; }
.ssf-new{ min-height:48px; padding:13px 20px; border-radius:999px; cursor:pointer; font:inherit;
  font-size:.88rem; font-weight:800;
  background:#DCE8D6 !important; border:1px solid #C3D8BA !important;
  color:#26401F !important; -webkit-text-fill-color:#26401F !important; }
.ssf-filters{ display:flex; gap:8px; flex-wrap:wrap; margin:0 0 18px; }
.ssf-f{ min-height:42px; padding:9px 15px; border-radius:999px; cursor:pointer; font:inherit;
  font-size:.82rem; font-weight:700;
  background:#fff !important; border:1px solid #E7E1D6 !important;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
.ssf-f.is-on{ background:#243447 !important; border-color:#243447 !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important; }
.ssf-f:focus-visible, .ssf-new:focus-visible, .ssf-a:focus-visible{
  outline:3px solid #CF9E3F; outline-offset:2px; }
.ssf-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:16px; }
.ssf-card{ background:#FEFDFB !important; border:1px solid #ECE7DD !important; border-radius:22px;
  overflow:hidden; box-shadow:0 2px 10px rgba(36,52,71,.05); display:flex; flex-direction:column; }
.ssf-media{ position:relative; aspect-ratio:4/3; background:#F3F1EB; }
.ssf-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.ssf-count{ position:absolute; right:10px; bottom:10px; padding:5px 11px; border-radius:999px;
  font-size:.72rem; font-weight:800; background:rgba(20,28,44,.7); color:#fff; }
.ssf-body{ padding:16px 18px 18px; display:flex; flex-direction:column; gap:8px; flex:1; }
.ssf-top{ display:flex; justify-content:space-between; gap:10px; align-items:flex-start; }
.ssf-t{ font-family:'Playfair Display',Georgia,serif !important;
  font-size:1.12rem !important; font-weight:700 !important; margin:0 !important;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
.ssf-by{ margin:3px 0 0; font-size:.76rem;
  color:#8A919B !important; -webkit-text-fill-color:#8A919B !important; }
.ssf-badge{ flex:none; padding:5px 11px; border-radius:999px; font-size:.7rem; font-weight:800;
  background:#EDF3E9; color:#2E4A2C; }
.ssf-cap{ margin:0; font-size:.93rem; line-height:1.6;
  color:#3F4753 !important; -webkit-text-fill-color:#3F4753 !important; }
.ssf-tags{ margin:0; font-size:.78rem;
  color:#6E7A61 !important; -webkit-text-fill-color:#6E7A61 !important; }
.ssf-src{ font-size:.8rem; font-weight:800;
  color:#6B5427 !important; -webkit-text-fill-color:#6B5427 !important; }
.ssf-view{ align-self:flex-start; padding:0; border:0; background:none; cursor:pointer;
  font:inherit; font-size:.85rem; font-weight:800;
  color:#3F6B3A !important; -webkit-text-fill-color:#3F6B3A !important; }
.ssf-acts{ display:flex; gap:6px; flex-wrap:wrap; margin-top:auto; padding-top:10px;
  border-top:1px solid #F2EEE6; }
.ssf-a{ min-height:42px; padding:9px 13px; border-radius:999px; cursor:pointer; font:inherit;
  font-size:.79rem; font-weight:700;
  background:#fff !important; border:1px solid #E7E1D6 !important;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
.ssf-a.is-on{ background:#FBEFEE !important; border-color:#E6C4C0 !important;
  color:#8C4C40 !important; -webkit-text-fill-color:#8C4C40 !important; }
.ssf-comments{ margin:8px 0 0; padding:10px 12px; border-radius:12px; background:#FBFAF7; }
.ssf-comments p{ margin:0 0 5px; font-size:.84rem; line-height:1.5;
  color:#3F4753 !important; -webkit-text-fill-color:#3F4753 !important; }
.ssf-made-with{ margin:6px 0 0; font-size:.7rem;
  color:#B3B8C0 !important; -webkit-text-fill-color:#B3B8C0 !important; }
.ssf-empty{ padding:38px 26px; border-radius:22px; text-align:center;
  background:#FBFAF7 !important; border:1px dashed #E0D6C6 !important; }
.ssf-empty b{ display:block; font-size:1.05rem; margin:0 0 6px;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
.ssf-empty p{ margin:0 auto; max-width:44ch; font-size:.93rem; line-height:1.6;
  color:#6E7683 !important; -webkit-text-fill-color:#6E7683 !important; }
.ssf-note{ margin:18px 0 0; padding:13px 16px; border-radius:14px; font-size:.83rem; line-height:1.6;
  background:#F4F8F2 !important;
  color:#3F4753 !important; -webkit-text-fill-color:#3F4753 !important; }
#ssfToast{ position:fixed; left:50%; bottom:26px; transform:translate(-50%,14px); z-index:9850;
  background:#243447; color:#fff; padding:14px 24px; border-radius:999px;
  font:700 .87rem/1.35 'Nunito',sans-serif; opacity:0; pointer-events:none;
  transition:opacity .2s, transform .2s; }
#ssfToast.on{ opacity:1; transform:translate(-50%,0); }
@media (max-width:620px){ .ssf-grid{ grid-template-columns:1fr; } }