.xp{--xp-ink: var(--pe-ink, #12100f);--xp-muted: var(--pe-muted, #57534e);--xp-rule: var(--pe-rule, #e5e2dc);--xp-red: var(--pe-pencil, #c0392b);--xp-green: var(--pe-green, #15803d);--xp-soft: var(--pe-red-soft, #f3ddd9);--xp-ok: var(--pe-green-soft, #e7f2ea);--xp-ledger: var(--pe-ledger, #f5f5f4);margin:12px 0 44px;padding:clamp(20px,3vw,36px);border:1px solid var(--xp-rule);border-radius:12px;background:#fff}.xp-heading{max-width:44rem;margin-bottom:1.5rem}.xp-heading>span{display:block;margin-bottom:.75rem;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--xp-red)}.xp-heading h2{margin:0;font-size:clamp(1.4rem,2.6vw,2.1rem);line-height:1.18;letter-spacing:-.03em;max-width:34ch}.xp-caption{margin:1rem 0 0;font-size:.8125rem;color:var(--xp-muted)}.xp-grid{display:grid;gap:1rem}.xp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xp-steps{display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr))}.xp-card,.xp-state,.xp-row{min-width:0;border:1px solid var(--xp-rule);border-radius:8px;background:var(--xp-ledger);padding:.9rem 1rem}.xp-card h3,.xp-state h3{margin:0 0 .4rem;font-size:1rem}.xp-card p,.xp-state p{margin:0;font-size:.875rem;color:var(--xp-muted)}.xp-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:999px;border:1px solid var(--xp-rule);background:#fff;font-size:.75rem;font-weight:650}.xp-badge[data-state=detected]{color:var(--xp-ink)}.xp-badge[data-state=checked]{color:#0f5132;background:var(--xp-ok);border-color:#c9e0cf}.xp-badge[data-state=review]{color:var(--xp-red);background:var(--xp-soft);border-color:#e4c3ba}.xp-badge[data-state=validated]{color:#fff;background:var(--xp-green);border-color:var(--xp-green)}.xp-table{width:100%;border-collapse:collapse;font-size:.875rem}.xp-table th,.xp-table td{padding:.55rem .6rem;border-bottom:1px solid var(--xp-rule);text-align:left}.xp-table th{font-size:.75rem;color:var(--xp-muted);font-weight:650}.xp-table tfoot th,.xp-table tfoot td{border-bottom:0;font-weight:700}.xp-table .num{text-align:right;font-variant-numeric:tabular-nums}.xp-field{display:grid;grid-template-columns:8rem 1fr auto;gap:.6rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--xp-rule)}.xp-field:last-child{border-bottom:0}.xp-field dt{margin:0;color:var(--xp-muted);font-size:.8125rem}.xp-field dd{margin:0;font-weight:650}.xp-form{display:grid;gap:.75rem}.xp-form label{font-size:.875rem;font-weight:650}.xp-form input,.xp-form select,.xp-form button{width:100%;min-height:44px;border:1px solid #cec3b8;border-radius:6px;background:#fff;padding:.5rem .75rem;font:inherit}.xp-form button{cursor:pointer;font-weight:650}.xp-form button[aria-pressed=true]{border-color:var(--xp-red);color:var(--xp-red)}.xp-switch{display:flex;flex-wrap:wrap;gap:.5rem}.xp-switch button,.xp-table button{width:auto;min-height:44px;padding:.4rem .75rem;border:1px solid #cec3b8;border-radius:6px;background:#fff;font:inherit;cursor:pointer}.xp-switch button[aria-pressed=true],.xp-table button[aria-pressed=true]{border-color:var(--xp-red);color:var(--xp-red)}.xp-table tr[data-selected]{background:var(--xp-soft)}.xp-result{padding:1rem;border:1px solid var(--xp-rule);border-radius:8px;background:#fff}.xp-result strong{display:block;font-size:1.75rem;letter-spacing:-.03em}.xp-source{font-size:.8125rem}.xp-source a{color:inherit;text-underline-offset:3px}.xp-chain{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.xp-chain li{display:grid;grid-template-columns:2rem 1fr;gap:.7rem;align-items:start}.xp-chain li>span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--xp-red);color:#fff;font-size:.75rem;font-weight:700}.xp-kind{display:grid;gap:.75rem}.xp-kind article[data-kind=export]{border-left:3px solid var(--xp-ink)}.xp-kind article[data-kind=format]{border-left:3px solid #8a8178}.xp-kind article[data-kind=connector]{border-left:3px solid var(--xp-red);background:var(--xp-soft)}.xp-pre{margin:0;padding:.85rem;overflow:auto;max-width:100%;border:1px solid var(--xp-rule);border-radius:8px;background:#fff;font-size:.75rem;line-height:1.5}[data-public-scroll-region] .xp-pre{overflow:visible}.xp-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:1rem;font-size:.875rem;font-weight:650;text-underline-offset:3px}@media(max-width:900px){.xp-grid-2,.xp-grid-4,.xp-steps,.xp-field{grid-template-columns:1fr}}@media(max-width:390px){.xp{padding:16px}.xp-form input,.xp-form select,.xp-form button{min-height:44px}}