.smff{--smff-blue:#1769aa;--smff-ink:#213544;--smff-line:#e0e6eb;width:100%;margin:0 auto;color:var(--smff-ink);font-family:inherit;box-sizing:border-box}
.smff *{box-sizing:border-box}
.smff .smff-heading{text-align:center;margin:0 0 30px;color:inherit;font-family:inherit}
.smff .smff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.smff .smff-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid var(--smff-line);border-radius:14px;box-shadow:0 4px 18px rgb(20 40 60 / 5%);margin:0}
.smff .smff-image-link{display:block;background:#f3f5f7;line-height:0}
.smff .smff-image{display:block;width:100%;height:260px;object-fit:contain;margin:0;border:0;border-radius:0}
.smff .smff-content{display:flex;flex-direction:column;flex:1;padding:22px}
.smff .smff-meta{display:flex;align-items:center;gap:11px;margin:0 0 17px;font-size:15px;line-height:1.4}
.smff .smff-meta strong{display:block;color:#213544}
.smff .smff-meta time{display:block;margin-top:3px;color:#596975;font-size:13px}
.smff .smff-badge{display:flex;align-items:flex-end;justify-content:center;width:35px;height:35px;flex-shrink:0;overflow:hidden;border-radius:50%;background:#1769aa;color:#fff;font:bold 32px/1 Arial,sans-serif;padding-top:5px}
.smff .smff-text{font-size:15px;line-height:1.65;margin:0 0 22px;color:#344652;overflow-wrap:anywhere}
.smff .smff-post-link{align-self:flex-start;margin-top:auto;color:var(--smff-blue);font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.smff .smff-post-link:hover{color:#123e61}
.smff .smff-footer{text-align:center;margin-top:30px}
.smff .smff-follow{display:inline-block;padding:12px 23px;background:#1769aa;color:#fff;border-radius:7px;font-size:15px;font-weight:700;text-decoration:none;line-height:1.5}
.smff .smff-follow:hover{background:#12558a;color:#fff;text-decoration:underline;text-underline-offset:3px}
.smff a:focus-visible{outline:3px solid #d98600;outline-offset:4px}
.smff .smff-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1024px){.smff .smff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.smff .smff-grid{grid-template-columns:minmax(0,1fr);gap:20px}.smff .smff-content{padding:20px}.smff .smff-image{height:280px}}
