
/* Frontend: magazine + ticker */
.npp-front-outer{max-width:1200px;margin:0 auto;padding:16px}
.npp-ticker{display:flex;align-items:center;gap:12px;background:#0f172a;color:#e2e8f0;border-radius:10px;padding:10px 12px;margin:8px 0 18px;overflow:hidden}
.npp-ticker-label{background:#D4AF37;color:#0b1220;font-weight:800;border-radius:999px;padding:4px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;flex:0 0 auto}
.npp-ticker-track{position:relative;overflow:hidden;flex:1 1 auto}
.npp-ticker-list{display:inline-flex;gap:24px;list-style:none;margin:0;padding:0;white-space:nowrap;animation:npp-scroll 30s linear infinite}
.npp-ticker-list li a{color:#e2e8f0;text-decoration:none}
.npp-ticker-list li a:hover{text-decoration:underline}
@keyframes npp-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.npp-mag{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:900px){.npp-mag{grid-template-columns:2fr 3fr}}
.npp-feature{background:#ffffff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.npp-feature .thumb img{width:100%;height:auto;border-radius:12px;display:block}
.npp-feature .title{font-size:clamp(22px,2.6vw,30px);margin:.5rem 0}
.npp-feature .meta{color:#64748b;font-size:13px;margin-bottom:6px}
.npp-feature .excerpt{color:#334155}
.npp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.npp-card-front{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:8px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.npp-card-front .title{font-size:16px;margin:.5rem 0}
.npp-card-front .meta{color:#64748b;font-size:12px}
.npp-card-front .thumb img{display:block;width:100%;height:auto;border-radius:10px}
.npp-front{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
