/* Scoped to FSN topic news shortcode; avoid overriding Cocoon styles. */
.fsn-topic-news{margin:14px 0 26px;clear:both}
.fsn-topic-news__items{display:grid;gap:14px}
.fsn-topic-news__item{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid #e5e7eb;min-width:0}
.fsn-topic-news__thumb{display:block;flex:0 0 116px;max-width:30%;overflow:hidden;border-radius:5px}
.fsn-topic-news__thumb img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;margin:0}
.fsn-topic-news__body{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}
.fsn-topic-news__date{font-size:12px;color:#64748b;line-height:1.4}
.fsn-topic-news__title{font-weight:700;font-size:15px;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}
.fsn-topic-news__category{font-size:11px;color:#64748b}
.fsn-topic-news--grid .fsn-topic-news__items{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.fsn-topic-news--grid .fsn-topic-news__item{display:flex;flex-direction:column;align-items:stretch;border:1px solid #e5e7eb;border-radius:7px;padding:10px}
.fsn-topic-news--grid .fsn-topic-news__thumb{max-width:100%;width:100%;flex:0 0 auto}
.fsn-topic-news--compact .fsn-topic-news__item{gap:12px;padding:7px 0}
.fsn-topic-news--compact .fsn-topic-news__body{display:flex;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:8px}
.fsn-topic-news--compact .fsn-topic-news__date{flex:0 0 auto}
.fsn-topic-news--compact .fsn-topic-news__title{font-weight:500;font-size:14px}
.fsn-topic-news__pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:22px 0 8px;font-size:14px}
.fsn-topic-news__pagination a{padding:5px 12px;border:1px solid #ddd;border-radius:5px;text-decoration:none}
.fsn-topic-news-empty{font-size:14px;color:#64748b}
@media(max-width:760px){.fsn-topic-news--grid .fsn-topic-news__items{grid-template-columns:repeat(2,minmax(0,1fr))}.fsn-topic-news__thumb{flex-basis:92px}.fsn-topic-news__title{font-size:14px}}
@media(max-width:420px){.fsn-topic-news--grid .fsn-topic-news__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.fsn-topic-news--grid .fsn-topic-news__item{padding:7px}.fsn-topic-news__thumb{flex-basis:82px}}

/* v0.8.4: opt-in responsive large topic cards; legacy grid/list remain unchanged. */
.fsn-topic-news--grid.fsn-topic-news--responsive .fsn-topic-news__items{grid-template-columns:repeat(var(--fsn-topic-cols,3),minmax(0,1fr))}
.fsn-topic-news--grid.fsn-topic-news--responsive .fsn-topic-news__thumb{border-radius:5px;background:#f4f5f7;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}
.fsn-topic-news--grid.fsn-topic-news--responsive .fsn-topic-news__thumb img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
.fsn-topic-news--grid.fsn-topic-news--fit-contain .fsn-topic-news__thumb img{object-fit:contain}
.fsn-topic-news__thumb--empty{color:#8a93a2;text-decoration:none;font-size:15px;font-weight:700;letter-spacing:.15em}
.fsn-topic-news__badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:0 0 2px}
.fsn-topic-news__badge{display:inline-block;font-size:11px;font-weight:700;line-height:1.35;border-radius:4px;padding:4px 7px;white-space:nowrap}
.fsn-topic-news__badge--today{background:#b91c1c;color:#fff}
.fsn-topic-news__badge--coming{background:#f59e0b;color:#292524}
.fsn-topic-news__badge--new{background:#15803d;color:#fff}
.fsn-topic-news__fallback{font-size:12px;color:#64748b;margin:0 0 9px}
@media(max-width:760px){.fsn-topic-news--grid.fsn-topic-news--responsive .fsn-topic-news__items{grid-template-columns:repeat(var(--fsn-topic-mobile-cols,1),minmax(0,1fr))}}

/* v0.8.6: full-bleed visual cards; image ratios are determined from WP attachment metadata. */
.fsn-topic-news--grid.fsn-topic-news--responsive .fsn-topic-news__item{padding:0;overflow:hidden;gap:0}
.fsn-topic-news--grid.fsn-topic-news--responsive .fsn-topic-news__body{padding:12px 13px 14px;gap:6px}
.fsn-topic-news--grid.fsn-topic-news--responsive .fsn-topic-news__thumb{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:100%;max-width:none;aspect-ratio:4/3;overflow:hidden;border-radius:0;background:#eef0f3}
.fsn-topic-news--grid.fsn-topic-news--responsive .fsn-topic-news__thumb img{position:relative;z-index:1;width:100%;height:100%;object-position:center;object-fit:contain;margin:0;display:block}
.fsn-topic-news--grid.fsn-topic-news--responsive .fsn-topic-news__thumb--cover img{object-fit:cover}
.fsn-topic-news--grid.fsn-topic-news--responsive .fsn-topic-news__thumb--blur img{object-fit:contain}
.fsn-topic-news--grid.fsn-topic-news--responsive .fsn-topic-news__thumb--contain img{object-fit:contain}
.fsn-topic-news--grid.fsn-topic-news--responsive .fsn-topic-news__blur{position:absolute;z-index:0;inset:-12%;background-position:center;background-repeat:no-repeat;background-size:cover;filter:blur(17px) brightness(1.08);opacity:.62;transform:scale(1.06);pointer-events:none}
.fsn-topic-news--grid.fsn-topic-news--responsive .fsn-topic-news__thumb--blur:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.12);z-index:0;pointer-events:none}
.fsn-topic-news--grid.fsn-topic-news--responsive.fsn-topic-news--pos-left .fsn-topic-news__thumb--cover img{object-position:left center}
.fsn-topic-news--grid.fsn-topic-news--responsive.fsn-topic-news--pos-right .fsn-topic-news__thumb--cover img{object-position:right center}
.fsn-topic-news--grid.fsn-topic-news--responsive .fsn-topic-news__thumb .fsn-topic-news__badges{position:absolute;z-index:3;left:9px;top:9px;right:9px;display:flex;gap:5px;flex-wrap:wrap;margin:0;pointer-events:none}
.fsn-topic-news--grid.fsn-topic-news--responsive .fsn-topic-news__thumb .fsn-topic-news__badge{box-shadow:0 1px 5px rgba(0,0,0,.24);font-size:11px}
.fsn-topic-news--grid.fsn-topic-news--responsive .fsn-topic-news__thumb--empty{color:#7d8793}
@media(max-width:420px){.fsn-topic-news--grid.fsn-topic-news--responsive .fsn-topic-news__body{padding:11px}}