/* Newsbly polish layer — uses the theme variables from head.php so every theme keeps working */
.main-content{font-feature-settings:"cv11","ss01"}
.nb-section{margin:34px 0 14px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.nb-section h2{font-size:1.15rem;font-weight:800;letter-spacing:-.01em;margin:0}
.nb-section .nb-sub{font-size:.78rem;color:var(--txt-2)}
.nb-section a{font-size:.8rem;font-weight:600;color:var(--accent);text-decoration:none}
.nb-empty{padding:28px;border:1px dashed var(--border-md);border-radius:var(--radius);color:var(--txt-2);font-size:.88rem;text-align:center}

/* greeting + KPI strip */
.nb-hello{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.nb-hello h1{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:0}
.nb-hello p{margin:2px 0 0;font-size:.86rem;color:var(--txt-2)}
.nb-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.nb-kpi{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;transition:border-color var(--transition),transform var(--transition)}
.nb-kpi:hover{border-color:var(--accent-border);transform:translateY(-1px)}
.nb-kpi b{display:block;font-size:1.45rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.nb-kpi span{font-size:.72rem;color:var(--txt-2);text-transform:uppercase;letter-spacing:.07em;font-weight:600}

/* Top stories */
.ts-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px}
.ts-hero,.ts-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}
.ts-hero{display:flex;flex-direction:column}
.ts-hero-link,.ts-item-link{color:inherit;text-decoration:none;display:block}
.ts-hero-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--bg-3)}
.ts-hero-body{padding:16px 18px 6px}
.ts-hero-title{font-size:1.35rem;line-height:1.28;font-weight:800;letter-spacing:-.015em;margin:8px 0}
.ts-hero-link:hover .ts-hero-title,.ts-item-link:hover .ts-title{color:var(--accent)}
.ts-desc{font-size:.88rem;line-height:1.55;color:var(--txt-2);margin:0 0 8px}
.ts-hero-foot{padding:10px 18px 16px}
.ts-foot-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--txt-3);font-weight:700;margin-bottom:6px}
.ts-list{display:flex;flex-direction:column;gap:10px}
.ts-item{padding:13px 15px;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:8px;transition:border-color var(--transition)}
.ts-item:hover{border-color:var(--accent-border)}
.ts-title{font-size:.95rem;line-height:1.35;font-weight:700;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ts-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.72rem;color:var(--txt-2)}
.ts-count{font-weight:700;color:var(--txt)}
.ts-badge{font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:2px 7px;border-radius:5px;background:var(--bg-3);color:var(--txt-2)}
.ts-badge.is-breaking{background:#e5484d;color:#fff}
.ts-badge.is-developing{background:rgba(245,158,11,.18);color:#f59e0b}
.ts-badge.is-wide{background:var(--accent-glow);color:var(--accent)}
.ts-sources{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ts-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 5px;border-radius:99px;border:1px solid var(--border);background:var(--bg-2);color:var(--txt);font-size:.72rem;font-weight:600;text-decoration:none;max-width:150px}
.ts-chip img{width:14px;height:14px;border-radius:3px;flex-shrink:0}
.ts-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ts-chip:hover{border-color:var(--accent-border);color:var(--accent)}
.ts-more{font-size:.72rem;color:var(--txt-2);font-weight:600}
@media(max-width:900px){.ts-grid{grid-template-columns:1fr}.nb-kpis{grid-template-columns:repeat(2,1fr)}}

/* skeleton loading */
.nb-skel{background:linear-gradient(90deg,var(--bg-3) 25%,var(--bg-2) 37%,var(--bg-3) 63%);background-size:400% 100%;animation:nbshine 1.3s ease infinite;border-radius:8px}
@keyframes nbshine{0%{background-position:100% 50%}100%{background-position:0 50%}}

/* "N new articles" pill */
.nb-new-pill{position:fixed;top:calc(var(--nav-h) + 12px);left:50%;transform:translateX(-50%);z-index:900;background:var(--accent);color:#fff;border:0;border-radius:99px;padding:9px 18px;font:700 .8rem/1 inherit;box-shadow:var(--shadow);cursor:pointer;animation:nbdrop .25s ease}
@keyframes nbdrop{from{opacity:0;transform:translate(-50%,-8px)}}

/* collapsible management area */
.nb-fold{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:0 16px;margin-top:10px}
.nb-fold>summary{cursor:pointer;list-style:none;padding:14px 0;font-weight:700;font-size:.92rem;display:flex;justify-content:space-between;align-items:center}
.nb-fold>summary::-webkit-details-marker{display:none}
.nb-fold>summary::after{content:"＋";color:var(--txt-2)}
.nb-fold[open]>summary::after{content:"−"}
.nb-fold>div{padding-bottom:16px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}