/*
 * Parix.ai | ai-cold-email-generator — page styles. Sits on top of px-kit.css.
 * The generator's own markup, stylesheet and script are untouched; its
 * variables hang off .ace-wrap, so re-pointing them here recolours it to the
 * reference palette and drops its old standalone page layout.
 */
.pxce .ace-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;
}
.pxce .ace-wrap h2,.pxce .ace-wrap h3{font-family:var(--head)}

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

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

/* five-part structure table */
.pxce .struct{max-width:900px;margin:0 auto;display:grid;gap:10px}
.pxce .srow{display:grid;grid-template-columns:150px 118px 1fr;gap:16px;align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;
  transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s}
.pxce .srow:hover{transform:translateY(-2px);border-color:#f4b58c}
.pxce .srow b{font:700 15.5px/1.3 var(--head)}
.pxce .srow .len{font-size:12.5px;font-weight:700;color:var(--bdd);background:var(--t-sun);
  border-radius:999px;padding:4px 10px;text-align:center}
.pxce .srow > span:last-child{font-size:14.5px;color:var(--ink-2)}
@media (max-width:700px){
  .pxce .srow{grid-template-columns:1fr;gap:6px}
  .pxce .srow .len{justify-self:start}
}