.cpw-instructions { min-width: 0; overflow-wrap: anywhere; }
.cpw-instructions-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; margin-bottom: 24px; }
.cpw-instructions-heading h1 { margin: 0; font-size: 24px; font-weight: 600; line-height: 32px; letter-spacing: -.5px; }
.cpw-instructions-back, .cpw-instructions-retry { display: inline-flex; align-items: center; justify-content: center; gap: 8px; max-width: 100%; min-height: 36px; white-space: normal; overflow-wrap: anywhere; border: 1px solid var(--cpw-border); border-radius: 8px; padding: 7px 12px; background: var(--cpw-surface); color: var(--cpw-text); font-size: 14px; font-weight: 500; cursor: pointer; }
.cpw-instructions-list { display: grid; gap: 16px; }
.cpw-instructions-card { min-width: 0; border: 1px solid var(--cpw-border); border-radius: 14px; background: var(--cpw-surface); }
.cpw-instructions-card summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; list-style: none; cursor: pointer; }
.cpw-instructions-card summary::-webkit-details-marker { display: none; }
.cpw-instructions-label { min-width: 0; }
.cpw-instructions-label strong { display: block; font-size: 14px; line-height: 20px; font-weight: 600; overflow-wrap: anywhere; }
.cpw-instructions-label time, .cpw-instructions-date { display: block; margin-top: 4px; color: var(--cpw-muted); font-size: 10px; line-height: 14px; }
.cpw-instructions-chevron { flex-shrink: 0; color: var(--cpw-muted); font-size: 18px; transition: transform .15s; }
.cpw-instructions-card[open] .cpw-instructions-chevron { transform: rotate(180deg); }
.cpw-instructions-content { padding: 0 20px 20px; }
.cpw-instructions-state { padding: 40px 24px; text-align: center; border: 1px solid var(--cpw-border); border-radius: 14px; background: var(--cpw-surface); color: var(--cpw-muted); }
.cpw-instructions-state svg { width: 32px; height: 32px; margin-bottom: 12px; }
.cpw-instructions-state h2 { margin: 0 0 8px; color: var(--cpw-text); font-size: 18px; font-weight: 600; }
.cpw-instructions-state p { margin: 0 0 16px; }
@media (prefers-reduced-motion: reduce) { .cpw-instructions-chevron { transition: none; } }