/* prod1 (2026-10-08): mobile code cards, status badges, mobile portrait Hero, Sources links. Loaded after the existing sheets. */
/* F: status badges (table + home teaser). Reported = neutral grey; Disputed = amber outline. */
.code-status{display:inline-flex;align-items:center;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600;border:1px solid transparent}
.code-status.code-status--reported{background:rgba(100,116,139,.14);color:#334155;border-color:rgba(100,116,139,.28)}
.code-status.code-status--disputed{background:transparent;color:#92400e;border-color:#d97706}
.dark .code-status.code-status--reported{background:rgba(148,163,184,.16);color:#cbd5e1;border-color:rgba(148,163,184,.3)}
.dark .code-status.code-status--disputed{background:transparent;color:#fbbf24;border-color:#f59e0b}
.code-status.text-\[10px\]{font-size:10px;line-height:.875rem}
/* B: code copy button (inserted by script; cards only) */
.code-copy{display:none}
@media (max-width:767px){
  section[aria-label="Code list"] > div{overflow:visible;border:0;border-radius:0}
  section[aria-label="Code list"] table,section[aria-label="Code list"] tbody,section[aria-label="Code list"] tr,section[aria-label="Code list"] td{display:block;width:auto}
  section[aria-label="Code list"] thead,section[aria-label="Code list"] thead tr,section[aria-label="Code list"] thead th{display:block;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  section[aria-label="Code list"] tbody{display:grid;gap:.75rem}
  section[aria-label="Code list"] tbody tr{min-width:0;border:1px solid hsl(var(--border))!important;border-radius:.75rem;background:hsl(var(--card));padding:.75rem .875rem}
  section[aria-label="Code list"] tbody td{padding:0!important;min-width:0}
  /* row 1: code + copy */
  section[aria-label="Code list"] tbody td:nth-child(1){display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:1rem!important;line-height:1.5rem;font-weight:700;color:hsl(var(--foreground));overflow-wrap:anywhere}
  section[aria-label="Code list"] .code-copy{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin:-.5rem -.5rem -.5rem 0;border-radius:.5rem;color:hsl(var(--brand-text));background:transparent;border:0;cursor:pointer}
  section[aria-label="Code list"] .code-copy:focus-visible{outline:2px solid hsl(var(--brand-text));outline-offset:-2px}
  section[aria-label="Code list"] .code-copy svg{width:1.125rem;height:1.125rem}
  /* row 2: status badge + reward / note */
  section[aria-label="Code list"] tbody td:nth-child(2){display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;margin-top:.375rem}
  section[aria-label="Code list"] tbody td:nth-child(2) > div{margin-top:0!important;flex:1 1 12rem;min-width:0}
  /* row 3 (no-JS fallback): source and checked cells with header labels */
  section[aria-label="Code list"] tbody td:nth-child(3),section[aria-label="Code list"] tbody td:nth-child(5){margin-top:.375rem;font-size:.75rem;line-height:1rem}
  section[aria-label="Code list"] tbody td:nth-child(4){display:none}
  section[aria-label="Code list"] tbody td:nth-child(3)::before{content:"Source: ";font-weight:600}
  section[aria-label="Code list"] tbody td:nth-child(5)::before{content:"Checked: ";font-weight:600}
  /* row 3 (scripted): one line "Source · YYYY-MM-DD", never wraps */
  section[aria-label="Code list"] tr.has-card-meta td:nth-child(n+3){display:none}
  section[aria-label="Code list"] .code-card-meta{display:flex;flex:0 0 100%;max-width:100%;min-width:0;margin-top:.375rem;font-size:.75rem;line-height:1rem;color:hsl(var(--muted-foreground));white-space:nowrap}
  section[aria-label="Code list"] .code-card-src{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  section[aria-label="Code list"] .code-card-date{flex:0 0 auto;white-space:nowrap}
  section[aria-label="Code list"] .code-card-meta a{color:hsl(var(--brand-text))}
}
@media (min-width:768px){ .code-card-meta{display:none} }
/* C: mobile portrait Hero (<768px only; desktop rules untouched) */
@media (max-width:767px){
  .sq-hero{--sq-hero-pos-mobile:center top}
  .sq-hero,.sq-hero-inner{min-height:max(540px,125vw)}
  .sq-hero-scrim{background:linear-gradient(180deg,rgba(16,17,20,0) 0%,rgba(16,17,20,0) 34%,rgba(16,17,20,.55) 54%,rgba(16,17,20,.86) 72%,var(--sq-fade, #101114) 100%)!important}
  .sq-hero .sq-hero-quick{display:none}
  .sq-hero-quick.sq-hero-quick--below{display:flex;margin:0;padding:.25rem 1rem 1.25rem;background:#101114}
}
@media (min-width:768px){ .sq-hero-quick.sq-hero-quick--below{display:none} }
/* Expired block (PM ruling): plain table on desktop; compact rows on mobile; never card-ified, no copy button */
.code-status.code-status--expired{background:rgba(100,116,139,.08);color:#475569;border-color:rgba(100,116,139,.35);border-style:dashed}
.dark .code-status.code-status--expired{background:rgba(148,163,184,.08);color:#94a3b8;border-color:rgba(148,163,184,.4)}
.codes-expired summary{cursor:pointer}
@media (max-width:767px){
  .codes-expired table,.codes-expired tbody,.codes-expired tr{display:block;width:auto}
  .codes-expired thead,.codes-expired thead tr,.codes-expired thead th{display:block;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .codes-expired tbody tr{padding:.625rem .875rem;font-size:0}
  .codes-expired td:nth-child(2){font-size:.75rem}
  .codes-expired td{display:inline;padding:0!important}
  .codes-expired td:nth-child(1){font-weight:700;margin-right:.375rem;overflow-wrap:anywhere}
  .codes-expired td:nth-child(2)::after{content:"\A";white-space:pre}
  .codes-expired td:nth-child(3),.codes-expired td:nth-child(4){font-size:.75rem;line-height:1.25rem}
  .codes-expired td:nth-child(4)::before{content:", "}
}