/* FlexPost Tab Layout v6 styles */
.fptl-wrapper { max-width:1200px; margin:20px auto; padding:0 12px; font-family:sans-serif; }
.fptl-heading { text-transform:uppercase; font-weight:700; margin-bottom:14px; font-size:20px; }

/* Tab bar */
.fptl-tabs-wrapper { overflow:hidden; }
.fptl-tabs { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:20px; }
.fptl-tab { background:#fff; border:2px solid #111; padding:10px 18px; font-weight:700; cursor:pointer; border-radius:4px; transition:all .2s ease; color:#111; white-space:nowrap; }
.fptl-tab.active { background:#111; color:#fff; }
.fptl-tab:hover { background:#111; color:#fff; }

.fptl-panel { display:none; animation:fadeIn .25s ease; }
.fptl-panel.active { display:block; }
.fptl-fallback-grid { display:flex; flex-wrap:wrap; gap:18px; }
.fptl-card { flex:1 1 calc(25% - 18px); background:#fff; border:1px solid #eee; border-radius:4px; overflow:hidden; box-shadow:0 2px 4px rgba(0,0,0,0.05); scroll-snap-align:center; }
.fptl-thumb-link img { width:100%; height:160px; object-fit:cover; }
.fptl-no-thumb { height:160px; background:#f2f2f2; }
.fptl-card-body { padding:14px; }
.fptl-cat-label { display:inline-block; background:#ffd400; padding:4px 8px; font-size:12px; font-weight:700; border-radius:2px; }
.fptl-card-title { font-size:18px; margin:10px 0; }
.fptl-card-title a { color:#000 !important; text-decoration:none; } /* Force black title */
.fptl-card-meta { color:#777; font-size:13px; }

/* Tablet */
@media (max-width:900px){ .fptl-card{flex:1 1 calc(50% - 12px);} }

/* Mobile tweaks */
@media (max-width:768px){
    .fptl-tabs { flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; gap:8px; scrollbar-width:none; }
    .fptl-tabs::-webkit-scrollbar { display:none; }
    .fptl-tab { flex:0 0 auto; scroll-snap-align:center; }
    .fptl-fallback-grid {
        display:flex;
        overflow-x:auto;
        flex-wrap:nowrap;
        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
        gap:12px;
        padding-bottom:8px;
        scrollbar-width:none;
    }
    .fptl-fallback-grid::-webkit-scrollbar { display:none; }
    .fptl-card { flex:0 0 80%; min-width:80%; }
}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none);} }