/* Wave-2 new pages (tools/site/new_alternatives.py, new_topics.py, new_integrations.py): a scene beside its copy,
   the Approve-card states, the "before" side of a before/after, and a two-column quote strip.
   Loaded after alternatives.css, so it reuses its tokens and type. */
.np-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(36px,5vw,72px)}
.np-row--flip .np-row__t{order:2}
.np-row__t h2{margin-top:14px;max-width:16ch}
.np-row__t p:not(.alt-path__k){margin-top:16px;color:var(--ink-2);font-size:17px;line-height:1.6;max-width:32em}
.np-row__t a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
.np-row__m .media{box-shadow:var(--shadow)}
.np-states{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px}
.np-states figure{margin:0;display:flex;flex-direction:column;gap:10px}
.np-states figcaption{font:500 11.5px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.np-states .mk{padding:12px;border-radius:18px;background:var(--win);box-shadow:0 0 0 1px var(--line)}
.np-cite{margin-top:12px;font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.np-wide{padding-block:clamp(28px,4vw,56px)}
.np-wide .media{box-shadow:var(--shadow)}
.np-q{display:flex;flex-direction:column;gap:10px}
.np-q blockquote{margin:0;padding:10px 12px;border-radius:10px;background:var(--win);box-shadow:0 0 0 1px var(--line);font-size:13.5px;line-height:1.45;color:var(--ink)}
.np-q small{display:block;margin-top:4px;font:500 10.5px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.np-meter{display:flex;align-items:center;gap:10px;font:500 11.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.np-meter .mk-meter{height:8px;flex:1;display:block}
.np-meter .mk-meter i{background:#e4572e}
.np-queue{display:flex;flex-direction:column;gap:6px}
.np-queue div{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:var(--win);box-shadow:0 0 0 1px var(--line);font-size:12.5px}
.np-queue em{font-style:normal;color:var(--ink-3);font-size:11px}
.np-canvas{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px;border-radius:10px;background:var(--win);box-shadow:0 0 0 1px var(--line);font-size:12px}
.np-canvas span{padding:5px 8px;border-radius:6px;background:var(--card-3)}
.np-canvas .is-bad{background:#fbd9cf;color:#7a2410}
@media (prefers-color-scheme:dark){.np-canvas .is-bad{background:#4a1f14;color:#ffb8a3}}
:root[data-theme=dark] .np-canvas .is-bad{background:#4a1f14;color:#ffb8a3}
:root[data-theme=light] .np-canvas .is-bad{background:#fbd9cf;color:#7a2410}
@media (max-width:820px){
  .np-row{grid-template-columns:minmax(0,1fr)}
  .np-row--flip .np-row__t{order:0}
  .np-row__t h2{max-width:none}
}
.mk-ev.is-new time,.mk-ev.is-new span{color:#0f0f12}
.np-meter .mk-meter{background:var(--line-2)}