/* Wording pages (/no-card-surcharge-sign, /price-increase-notice, /invoice-surcharge-wording, /faq). Built on styles.css and
   guide.css; this file only adds quotes, copy boxes, the before/after table and the sign print layout. Mobile first. */
.src-quote { margin:12px 0; padding:8px 12px; border-left:4px solid var(--border); background:#fafbfc; }
.src-quote blockquote { margin:0; }
.src-quote blockquote p { margin:0; }
.src-quote figcaption { margin-top:2px; color:var(--muted); font-size:.9rem; }
.src-quote figcaption a { display:flex; align-items:center; min-height:44px; }
.src-quote .src-date { display:block; }
.copy-item { border:1px solid var(--border); border-radius:8px; padding:10px 12px; margin:12px 0; }
.copy-label { margin:0; color:var(--muted); font-size:.9rem; }
.copy-text { margin:4px 0; font-size:1.15rem; font-weight:600; overflow-wrap:anywhere; }
.copy-actions { display:flex; flex-wrap:wrap; gap:8px; margin:8px 0 0; }
.copy-actions[hidden] { display:none; }
.table-wrap { overflow-x:auto; }
.ba-table { width:100%; border-collapse:collapse; }
.ba-table th, .ba-table td { text-align:left; vertical-align:top; padding:8px; border-top:1px solid var(--border); overflow-wrap:anywhere; }
.ba-table td:first-child { text-decoration:line-through; color:var(--muted); }
.help-checklist { list-style:none; padding:0; margin:0; }
.help-checklist label { display:flex; gap:8px; align-items:flex-start; min-height:44px; padding:8px 0; }
.help-checklist input { width:20px; height:20px; margin:2px 0 0; flex:none; }
.help-related { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:0 16px; }
.help-related a, .help main p > a:only-child { display:inline-flex; align-items:center; min-height:44px; }
@media (max-width:600px) { .copy-actions button { flex:1 1 auto; } }
@media print {
  .no-print, .skip, .site-nav { display:none !important; }
  .src-quote { background:none; }
  /* The sign page prints only the signs, large, one per page; "Print this sign" prints just the chosen one. */
  body:has(#signs) .site-header, body:has(#signs) main > :not(#signs), body:has(#signs) footer { display:none !important; }
  #signs { border:0; padding:0; margin:0; }
  #signs .copy-item { border:0; break-after:page; padding:0; margin:0; }
  #signs .copy-label { display:none; }
  #signs .copy-text { font-size:40pt; line-height:1.2; text-align:center; margin:30vh 0 0; }
  body.print-one #signs .copy-item:not(.print-this) { display:none; }
}