/* Novapep — shared styles for generated articles (answer blocks, comparison tables,
   lists, references, disclaimer). Built on the site's design tokens. */
.np-answer { max-width:760px; background:var(--np-volt-100); border:1px solid var(--line-2); border-left:4px solid var(--np-volt-600);
             border-radius:14px; padding:20px 24px; margin:0 0 8px; }
.np-answer p { font-size:18px; line-height:1.6; color:var(--fg-1); margin:0; }
.np-updated { font-size:13px; font-weight:500; color:var(--fg-3); margin-top:14px; }
.np-byline { margin-top:20px; font-size:14px; font-weight:500; color:rgba(244,241,234,.72); }
.np-byline a { color:rgba(244,241,234,.92); text-decoration:underline; text-underline-offset:3px; }

.np-tablewrap { overflow-x:auto; -webkit-overflow-scrolling:touch; border:1px solid var(--line-1); border-radius:20px; margin-top:8px; }
table.np-compare { width:100%; border-collapse:collapse; min-width:640px; background:var(--np-paper); font-size:15px; }
table.np-compare th, table.np-compare td { padding:16px 18px; text-align:left; vertical-align:top; border-bottom:1px solid var(--line-1); line-height:1.5; color:var(--fg-2); }
table.np-compare thead th { background:var(--np-deep); color:var(--np-bone); font-weight:600; font-size:15px; letter-spacing:-.01em; }
table.np-compare thead th:first-child { background:var(--np-deep-900); }
table.np-compare tbody th { font-weight:600; color:var(--np-deep); background:var(--np-bone); white-space:nowrap; }
table.np-compare tbody tr:last-child th, table.np-compare tbody tr:last-child td { border-bottom:0; }
table.np-compare .np-hl { color:var(--np-deep); font-weight:600; }
table.np-compare a { color:var(--np-deep); text-decoration:underline; text-underline-offset:3px; }

.np-compound { max-width:760px; }
.np-compound ul { margin:14px 0 0; padding-left:20px; display:flex; flex-direction:column; gap:8px; }
.np-compound li { font-size:16px; line-height:1.55; color:var(--fg-2); }
.np-compound__price { display:inline-block; margin-top:8px; font-size:14px; font-weight:600; color:var(--np-deep); text-decoration:underline; text-underline-offset:3px; }

.np-refs { max-width:760px; margin-top:8px; }
.np-refs ol { padding-left:20px; display:flex; flex-direction:column; gap:10px; }
.np-refs li { font-size:14px; line-height:1.55; color:var(--fg-3); }
.np-refs a { color:var(--np-deep-500); text-decoration:underline; text-underline-offset:2px; word-break:break-word; }

.np-disclaimer { max-width:760px; font-size:14px; line-height:1.6; color:rgba(244,241,234,.7); }
.np-disclaimer strong { color:var(--np-bone); }

/* article cards on the Resources page (rendered from js/articles.js) */
.np-artgrid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:8px; }
.np-artcard { display:flex; flex-direction:column; gap:12px; padding:30px; border-radius:20px;
  background:var(--np-paper); border:1px solid var(--line-1); text-decoration:none; color:inherit;
  transition:border-color .18s ease, transform .18s ease; }
.np-artcard:hover { border-color:var(--line-2); transform:translateY(-3px); }
.np-artcard__tag { align-self:flex-start; font-size:12px; font-weight:600; letter-spacing:.02em;
  color:var(--np-deep); background:var(--np-volt-200); border-radius:999px; padding:5px 12px; }
.np-artcard h3 { font-size:21px; font-weight:600; letter-spacing:-.02em; color:var(--np-deep); margin:0; line-height:1.25; }
.np-artcard p { font-size:15px; line-height:1.6; color:var(--fg-2); flex:1; margin:0; }
.np-artcard__meta { display:flex; align-items:center; justify-content:space-between; margin-top:4px; }
.np-artcard__date { font-size:13px; color:var(--fg-3); }
.np-artcard__more { font-size:14px; font-weight:600; color:var(--np-deep); text-decoration:underline; text-underline-offset:3px; }
@media (max-width:880px){ .np-artgrid { grid-template-columns:1fr; } }