.brand-proof-card { min-width: 0; }
.brand-proof-trigger { position: relative; display: grid; width: 100%; gap: 7px; padding: 22px 52px 22px 28px; border: 0; border-right: 1px solid var(--brand-line, #e7ebf1); border-radius: 0; background: transparent; color: inherit; text-align: left; cursor: pointer; }
.brand-proof-card:first-child .brand-proof-trigger { border-left: 1px solid var(--brand-line, #e7ebf1); }
.brand-proof-trigger strong { color: #101828; font-size: 13px; font-weight: 720; }
.brand-proof-trigger span { max-width: 230px; color: #98a2b3; font-size: 10px; line-height: 1.5; }
.brand-proof-trigger i { position: absolute; top: 22px; right: 24px; color: #155eef; font-size: 21px; font-style: normal; font-weight: 300; line-height: 1; transition: transform .2s ease; }
.brand-proof-card.is-open .brand-proof-trigger { background: #f7f9ff; }
.brand-proof-card.is-open .brand-proof-trigger i { transform: rotate(45deg); }
.brand-proof-detail { margin: 0 28px 20px; padding: 16px 0 2px; border-top: 1px solid #dbe5ff; }
.brand-proof-detail p { margin: 0 0 13px; color: #667085; font-size: 12px; line-height: 1.7; }
.brand-proof-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.brand-proof-actions a, .brand-proof-actions button { display: inline-flex; align-items: center; gap: 5px; padding: 0; border: 0; background: transparent; color: #155eef; font: inherit; font-size: 12px; font-weight: 700; text-decoration: none; cursor: pointer; }
.brand-proof-actions a:hover, .brand-proof-actions a:focus-visible, .brand-proof-actions button:hover, .brand-proof-actions button:focus-visible { text-decoration: underline; }
.brand-proof-actions svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; }
.brand-proof-actions .brand-proof-secondary { color: #667085; font-weight: 500; }
.brand-proof-trigger:focus-visible, .brand-proof-actions a:focus-visible, .brand-proof-actions button:focus-visible { outline: 2px solid #155eef; outline-offset: 3px; }
@media (max-width: 800px) { .brand-proof-trigger { padding-inline: 20px; }.brand-proof-detail { margin-inline: 20px; } }
@media (max-width: 540px) { .brand-proof-trigger { padding: 18px 40px 18px 20px; }.brand-proof-trigger i { top: 18px; right: 18px; }.brand-proof-detail { margin-bottom: 18px; } }