.offer-copy-action { background: #72e0e9; color: #111b1f; }
.offer-copy-action:hover { background: #a3eef3; color: #111b1f; }
.offer-copy-action:focus-visible,
.copy-guide summary:focus-visible,
.copy-guide button:focus-visible,
.copy-guide code:focus-visible { outline: 2px solid #f7c56b; outline-offset: 4px; }
.copy-guide { margin: -8px 0 32px; border-block: 1px solid #36464d; }
.copy-guide summary { padding: 20px 0; cursor: pointer; font-size: 17px; font-weight: 600; line-height: 1.5; }
.copy-guide summary::marker { color: #72e0e9; }
.copy-guide-content { padding: 4px 0 24px; }
.copy-guide-identity { display: flex; flex-wrap: wrap; gap: 8px 32px; align-items: center; padding: 0 0 20px; }
.copy-guide-label { color: #98a8b0; font-size: 12px; margin: 0 0 6px; }
.copy-guide-identity h2 { margin: 0; font-size: 22px; line-height: 1.3; }
.copy-guide-id { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.copy-guide-id > span { color: #98a8b0; font-size: 13px; }
.copy-guide-id code { color: #e7edf0; font-size: 18px; letter-spacing: 0; user-select: all; }
.copy-guide-id button { min-width: 142px; min-height: 40px; padding: 9px 14px; background: transparent; border: 1px solid #53686f; color: #72e0e9; border-radius: 4px; font: 600 13px/1.4 Inter, "Segoe UI", Arial, sans-serif; cursor: pointer; }
.copy-guide-id button:hover { background: #203036; }
.copy-guide-feedback { flex-basis: 100%; min-height: 20px; margin: 0; color: #b7c8cd; font-size: 12px; line-height: 1.5; }
.copy-guide-steps { margin: 0; padding: 0; list-style: none; counter-reset: guide-step; }
.copy-guide-steps > li { counter-increment: guide-step; display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 10px 18px; padding: 22px 0; border-top: 1px solid #2c3c43; }
.copy-guide-steps > li::before { content: counter(guide-step, decimal-leading-zero); font: 600 16px/1.6 Inter, "Segoe UI", Arial, sans-serif; color: #72e0e9; }
.copy-guide-steps h3 { font-size: 17px; line-height: 1.5; margin: 0 0 8px; }
.copy-guide-steps p { margin: 0; max-width: 760px; font-size: 14px; line-height: 1.75; color: #c6d0d4; overflow-wrap: anywhere; }
.copy-guide-steps strong { display: inline; font-size: inherit; line-height: inherit; margin: 0; }
.copy-guide-step-image { grid-column: 2; margin: 8px 0 0; max-width: 640px; }
.copy-guide-step-image img { display: block; width: 100%; height: auto; border-radius: 4px; }
.copy-guide-risk { border-left: 3px solid #f7c56b; margin: 12px 0 0; padding: 4px 0 4px 16px; max-width: 900px; font-size: 12px; line-height: 1.75; color: #aebcc2; }
@media (max-width: 760px) {
  .copy-guide summary { font-size: 16px; }
  .copy-guide-identity { gap: 18px; }
  .copy-guide-id { width: 100%; }
  .copy-guide-steps > li { grid-template-columns: 26px minmax(0, 1fr); gap: 10px; }
  .copy-guide-steps h3 { font-size: 16px; }
  .copy-guide-step-image { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }