:root{--pna-red:#e81828;--pna-blue:#002d72;--pna-light:#f5f7fb;--pna-ink:#121826}
.pna-wrap{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--pna-ink);max-width:1280px;margin:24px auto}
.pna-hero{display:flex;align-items:center;gap:18px;padding:24px;border-radius:18px;background:linear-gradient(135deg,var(--pna-blue),#001b45);color:#fff;border-bottom:6px solid var(--pna-red);box-shadow:0 12px 30px rgba(0,45,114,.18)}
.pna-monogram{display:grid;place-items:center;min-width:72px;height:72px;border-radius:50%;background:var(--pna-red);border:4px solid #fff;font-weight:900;font-size:21px;letter-spacing:.06em}
.pna-hero h2{margin:0 0 5px;font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.1;color:#fff}.pna-hero p{margin:0;opacity:.9}
.pna-filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.pna-filters button{border:1px solid #cbd5e1;background:#fff;border-radius:999px;padding:9px 15px;font-weight:700;cursor:pointer}.pna-filters button:hover,.pna-filters button.is-active{background:var(--pna-red);border-color:var(--pna-red);color:#fff}
.pna-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pna-card{background:#fff;border:1px solid #dfe5ee;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.07);transition:transform .2s,box-shadow .2s}.pna-card:hover{transform:translateY(-3px);box-shadow:0 13px 32px rgba(15,23,42,.12)}.pna-card[hidden]{display:none}
.pna-image{display:block;position:relative;aspect-ratio:16/9;background:var(--pna-blue);overflow:hidden}.pna-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.pna-card:hover .pna-image img{transform:scale(1.03)}
.pna-type{position:absolute;left:12px;top:12px;background:var(--pna-red);color:#fff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.pna-body{padding:17px}.pna-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:#64748b}.pna-source{font-weight:800;color:var(--pna-blue);text-decoration:none}.pna-source:hover{text-decoration:underline}
.pna-body h3{font-size:19px;line-height:1.25;margin:10px 0}.pna-body h3 a{color:var(--pna-ink);text-decoration:none}.pna-body h3 a:hover{color:var(--pna-red)}.pna-body p{color:#475569;font-size:14px;line-height:1.55}
.pna-read{display:inline-flex;margin-top:5px;color:var(--pna-red);font-weight:800;text-decoration:none}.pna-read:hover{text-decoration:underline}.pna-footer{margin-top:22px;padding-top:14px;border-top:1px solid #dfe5ee;color:#64748b;font-size:12px}.pna-notice{padding:25px;border-left:5px solid var(--pna-red);background:#fff4f5;border-radius:10px}
@media(max-width:900px){.pna-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.pna-grid{grid-template-columns:1fr}.pna-hero{align-items:flex-start}.pna-monogram{min-width:58px;height:58px;font-size:16px}.pna-meta{align-items:flex-start;flex-direction:column;gap:3px}}