/* Namespace all rules under .wa-archived to avoid leaking to header/footer */
.wa-archived{
  --wa-accent: #0067b3;
  --wa-accent-2: #009fe3;
  --wa-border: #e5e7eb;
  --wa-text: #111827;
  --wa-muted: #6b7280;
  --wa-chip: #f3f4f6;
  --wa-shadow: 0 4px 10px rgba(0,0,0,.08);
  max-width: 1040px;
  margin: 0 auto;
  padding: 32px 20px 80px;
  color: var(--wa-text);
  font: inherit;
}
.wa-archived .wa-notice{ display:flex; gap:20px; align-items:center; padding:20px; margin-bottom:20px; border:1px solid var(--wa-border); border-radius:12px; background:#fff }
.wa-archived .wa-art{ min-width:120px }
.wa-archived .wa-badge{ display:inline-flex; gap:8px; align-items:center; background: var(--wa-chip); padding:6px 10px; border-radius:999px; font-size:12px; color: var(--wa-text) }
.wa-archived .wa-title{ font-size:28px; margin:12px 0 6px }
.wa-archived .wa-sub{ color: var(--wa-muted); margin:0 0 14px }
.wa-archived .wa-actions{ display:flex; gap:10px; margin-top:10px; flex-wrap:wrap }
.wa-archived .wa-btn{ padding:10px 14px; border-radius:8px; font-weight:600; text-decoration:none; display:inline-block; border:1px solid var(--wa-accent); color: var(--wa-accent); background:#fff }
.wa-archived .wa-btn--primary{ background:linear-gradient(135deg,var(--wa-accent),var(--wa-accent-2)); color:#fff; border:none }
.wa-archived .wa-btn--outline{ border:1px solid var(--wa-accent); color:var(--wa-accent); background:#fff }
.wa-archived .wa-grid{ display:grid; gap:16px; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)) }
.wa-archived .wa-card{ border:1px solid var(--wa-border); border-radius:12px; background:#fff; box-shadow: var(--wa-shadow); overflow:hidden }
.wa-archived .wa-thumb{ position:relative; padding-top:62%; background:#f1f5f9 }
.wa-archived .wa-chip{ position:absolute; top:10px; left:10px; background:#fff; border:1px solid var(--wa-border); padding:4px 8px; border-radius:999px; font-size:12px }
.wa-archived .wa-ph{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.wa-archived .wa-content{ padding:12px }
.wa-archived .wa-card-title{ font-size:16px; margin:0 }
.wa-archived .wa-meta{ color:#374151; font-size:13px; margin-top:6px }
.wa-archived .wa-price{ margin-left:8px; font-weight:700; color:#22c55e }
@media (max-width: 600px){
  .wa-archived .wa-title{ font-size:24px }
  .wa-archived .wa-btn{ padding:12px 16px }
}