/* Shell */
.sa-am-archive{
  --bg:#f7f8fc;
  --panel:#ffffff;
  --panel-2:#ffffff;
  --ink:#1f2937;           /* slate-800 text */
  --muted:#64748b;         /* slate-500 */
  --line:#e5e7eb;          /* border */
  --line-2:#d1d5db;        /* hover border */
  --brand:#c2410c;         /* deep auroral orange (AA contrast) */
  --shadow: 0 10px 24px rgba(2,6,23,.06);
  color:var(--ink);
  background:
    radial-gradient(1200px 600px at 50% -200px, rgba(244,114,182,.18), transparent 60%),
    radial-gradient(1400px 800px at 0% 110%, rgba(56,189,248,.16), transparent 60%),
    var(--bg);
  border-radius:16px;
  padding:18px;
  box-shadow:var(--shadow);
}

/* Top row & divider under topbar */
.sa-am-topbar{ margin-bottom:12px; }
.sa-am-archive::after{
  content:"";
  display:block;
  height:1px;
  background:linear-gradient(90deg, transparent, var(--line), transparent);
  margin:10px 0 14px;
}

/* Base grid (desktop default) */
.sa-am-layout{
  display:grid;
  grid-template-columns: minmax(260px,300px) 1fr;
  gap:18px;
}

/* Guard: force 2 columns on ≥1025px no matter what other CSS says */
@media (min-width:1025px){
  .sa-am-archive .sa-am-layout{
    display:grid !important;
    grid-template-columns: 300px minmax(0,1fr) !important;
    gap:18px !important;
  }
  /* Also pin the children to explicit tracks */
  .sa-am-archive .sa-am-sidebar{ grid-column: 1 !important; }
  .sa-am-archive .sa-am-results{ grid-column: 2 !important; }
}

@media (max-width:1200px){
  .sa-am-layout{ grid-template-columns: minmax(240px,280px) 1fr; }
}
@media (max-width:1024px){
  .sa-am-layout{ grid-template-columns: 1fr; }
}

/* Extra breathing room for the mobile pill so it doesn’t overlap results */
@media (max-width:1024px){
  .sa-am-results{ padding-bottom:90px; }
}