/*
 * Parix.ai | serp-snippet-preview — page styles. Sits on top of px-kit.css.
 * The generator's own markup, stylesheet and script are untouched; its
 * variables hang off .srp-wrap, so re-pointing them here recolours it to the
 * reference palette and drops its old standalone page layout.
 */
.pxsn .srp-wrap{
  --primary:#eb600e; --primary-2:#eb600e; --accent:#CF520F; --accent-2:#CF520F;
  --brand:#eb600e; --brand-2:#CF520F;
  --bg:#ffffff; --soft:#fef1ed; --card:#ffffff; --border:rgba(26,21,18,.08);
  --text:#1a1512; --muted:#6f655e; --ink:#1a1512;
  --radius:18px; --radius-sm:12px;
  --shadow:0 1px 2px rgba(26,21,18,.05),0 24px 48px -28px rgba(26,21,18,.28);
  --font:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  max-width:1080px; margin:28px auto 0; padding:0; color:#1a1512; text-align:left;
}
.pxsn .srp-wrap h2,.pxsn .srp-wrap h3{font-family:var(--head)}

/* labels read as labels, not accents (the tools colour them with --primary) */
.pxsn label,.pxsn .lbl,.pxsn legend{color:var(--ink)}
.pxsn label i,.pxsn .lbl i{color:var(--b)}

/* shared visual bits used by the new sections */
.pxsn .bar{height:9px;border-radius:999px;background:#f3e3d8;overflow:hidden}
.pxsn .bar > i{display:block;height:100%;width:var(--w,0%);border-radius:999px;background:var(--b)}
.pxsn .barline{display:grid;grid-template-columns:96px 1fr auto;gap:12px;align-items:center;
  font-size:12.5px;color:var(--muted);margin-bottom:10px}
.pxsn .barline b{font-size:12.5px;color:var(--ink);font-variant-numeric:tabular-nums}
.pxsn .who a{color:var(--bdd);text-decoration:none;border-bottom:1px solid #f4b58c}
.pxsn .who a:hover{color:var(--b)}