/* DealTutor stylesheet. Dark is the default; [data-theme="light"] overrides. */

:root,
:root[data-theme="dark"] {
  --bg:#0f1115;
  --card:#181b22;
  --card2:#1f232c;
  --line:#262b35;
  --fg:#e6e8ec;
  --mut:#9aa3b2;
  --accent:#4b9fff;
  --on-accent:#0b1220;
  --ok:#9be7b4;
  --bad:#e78b8b;
  --warnc:#e7b34d;
  --shadow:0 10px 30px rgba(0,0,0,.65);
}

:root[data-theme="light"] {
  --bg:#f5f6f8;
  --card:#ffffff;
  --card2:#eef0f4;
  --line:#d8dde5;
  --fg:#1b1f27;
  --mut:#5d6675;
  --accent:#1a66d0;
  --on-accent:#ffffff;
  --ok:#1d7a44;
  --bad:#b03030;
  --warnc:#9a6a05;
  --shadow:0 10px 24px rgba(20,25,40,.18);
}

* { box-sizing:border-box; }

body {
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font:14px/1.4 system-ui, sans-serif;
}

/* ---------- header ---------- */

header {
  display:flex;
  align-items:center;
  gap:20px;
  padding:12px 20px;
  border-bottom:1px solid var(--line);
  flex-wrap:wrap;
}
.brand { display:flex; align-items:center; gap:9px; color:var(--fg); text-decoration:none; font-weight:700; }
.brand svg { width:28px; height:28px; display:block; }
/* Gold script wordmark. The source art is gold-on-black with the black keyed
   out, so on a near-white page it reads washed out: deepen it in light mode. */
.brand .wordmark { height:34px; width:auto; display:block; }
:root[data-theme="light"] .brand .wordmark { filter:brightness(.74) saturate(1.35); }

header nav { display:flex; gap:4px; flex-wrap:wrap; }
header nav a {
  color:var(--mut);
  text-decoration:none;
  padding:6px 10px;
  border-radius:0;
  position:relative;
}
header nav a:hover { color:var(--fg); background:var(--card); }
header nav a::before {
  content:"";
  position:absolute;
  left:2px; top:50%;
  width:4px; height:4px;
  margin-top:-2px;
  background:var(--accent);
  opacity:0;
}
header nav a:hover::before { opacity:1; }

/* pixel strip under the header */
.pixelbar {
  height:4px;
  background:repeating-linear-gradient(90deg,
    #e8e0c8 0 4px, #3b7dd8 4px 8px, #4a4458 8px 12px,
    #d4442f 12px 16px, #3fa45b 16px 20px, transparent 20px 24px);
  image-rendering:pixelated;
  opacity:.85;
}

.spacer { flex:1 1 auto; }

/* Page sprite after the nav: 64px art shown 1:1, the negative margin lets it
   fill the header padding instead of making the header taller. */
.pagesprite { width:64px; height:64px; margin:-12px 0; image-rendering:pixelated; display:block; flex:0 0 auto; }

/* 16px sprite shown at 2x so the pixel grid stays crisp */
.mascot { width:32px; height:32px; image-rendering:pixelated; display:block; flex:0 0 auto; }

.themebtn {
  background:var(--card);
  color:var(--fg);
  border:1px solid var(--line);
  border-radius:0;
  min-height:38px;
  padding:6px 12px;
  cursor:pointer;
  font:inherit;
  display:flex;
  align-items:center;
  gap:7px;
}
.themebtn:hover { border-color:var(--accent); }
.themebtn svg { width:16px; height:16px; }
.themebtn .i-sun { color:#ffcc33; }
:root[data-theme="light"] .themebtn .i-sun { display:none; }
:root[data-theme="dark"] .themebtn .i-moon,
:root:not([data-theme="light"]) .themebtn .i-moon { display:none; }

.hbtns { display:flex; gap:6px; align-items:center; }
.langbtn { gap:4px; }
.langbtn span { color:var(--mut); }
.langbtn span.on { color:var(--fg); font-weight:700; }
.langbtn .sep { color:var(--line); }
.lopt { display:flex; flex-direction:column; align-items:center; gap:2px; line-height:1.1; font-size:12px; }
.lopt svg { width:16px; height:10px; display:block; outline:1px solid var(--line); }
.lopt:not(.on) svg { opacity:.45; }

main { padding:20px; max-width:1200px; margin:0 auto; }

.ad {
  background:var(--card);
  border:1px dashed var(--line);
  color:var(--mut);
  text-align:center;
  padding:10px;
  margin:14px 0;
  font-size:12px;
}
/* Slots stay in the templates but show nothing until they get content. */
.ad:empty { display:none; }

/* ---------- carousel ---------- */

.carousel { margin:4px 0 20px; }
.carousel-head { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.carousel-head h2 { font-size:15px; margin:0; font-weight:600; }
.carousel-head .navbtns { margin-left:auto; display:flex; gap:6px; }
.carousel-head button {
  background:var(--card); color:var(--fg); border:1px solid var(--line);
  border-radius:0; width:30px; height:30px; cursor:pointer; font:inherit; line-height:1;
}
.carousel-head button:hover { border-color:var(--accent); }

.carousel-track {
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding-bottom:6px;
  scrollbar-width:thin;
}
.cdeal {
  flex:0 0 160px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:10px;
  padding:10px;
  text-decoration:none;
  color:var(--fg);
  display:flex;
  flex-direction:column;
  gap:6px;
}
.cdeal:hover { border-color:var(--accent); }
.cdeal img { width:100%; height:120px; object-fit:cover; object-position:top center;
  border-radius:6px; display:block; }
.cdeal .cname { font-size:12px; font-weight:600; line-height:1.25;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.cdeal .cprice { font-size:13px; }
.cdeal .cprice s { color:var(--mut); }
.cdeal .cpct {
  align-self:flex-start;
  background:var(--accent); color:var(--on-accent);
  border-radius:0; padding:1px 7px; font-size:11px; font-weight:700;
}

/* ---------- controls ---------- */

form.filters { margin-bottom:16px; }

.sortbar { display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-bottom:12px; }
.sortbar .lbl { color:var(--mut); font-size:12px; margin-right:4px; }
.sortbtn {
  background:var(--card); color:var(--mut); border:1px solid var(--line);
  border-radius:0; padding:8px 12px; min-height:38px; cursor:pointer; font:inherit;
}
.sortbtn:hover { color:var(--fg); border-color:var(--accent); }
.sortbtn.active { background:var(--accent); border-color:var(--accent); color:var(--on-accent); font-weight:600; }

.row { display:flex; flex-wrap:wrap; gap:10px; align-items:flex-end; margin-bottom:10px; }

label.field { display:flex; flex-direction:column; font-size:12px; color:var(--mut); gap:4px; }
input, select {
  background:var(--card); color:var(--fg); border:1px solid var(--line);
  border-radius:0; padding:8px 10px; min-height:38px; font:inherit;
}
input:focus-visible, select:focus-visible { outline:2px solid var(--accent); outline-offset:1px; }

/* toggle buttons: a real button look, driven by a hidden checkbox/radio */
.tog { display:inline-flex; position:relative; cursor:pointer; }
.tog input { position:absolute; opacity:0; width:0; height:0; }
.tog > span {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:1px;
  min-width:52px; min-height:44px;
  padding:5px 10px;
  border:1px solid var(--line);
  border-radius:0;
  background:var(--card);
  color:var(--fg);
  font-size:12px;
  line-height:1.15;
  text-align:center;
  user-select:none;
  transition:background .12s, border-color .12s;
}
.tog > span .flag { font-size:15px; }
.tog:hover > span { border-color:var(--accent); }
.tog input:checked + span {
  background:var(--accent);
  border-color:var(--accent);
  color:var(--on-accent);
  font-weight:600;
}
.tog input:focus-visible + span { outline:2px solid var(--accent); outline-offset:2px; }
.tog.wide > span { min-width:auto; }

.toggroup { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.grouplabel { color:var(--mut); font-size:12px; width:100%; display:flex; align-items:center; gap:8px; }
.clearbtn {
  background:none; border:1px solid var(--line); color:var(--mut);
  font-size:11px; padding:3px 8px; border-radius:0; cursor:pointer; font-family:inherit;
}
.clearbtn:hover { color:var(--fg); border-color:var(--accent); }

details.adv { border:1px solid var(--line); border-radius:0; background:var(--card); margin:10px 0; }
details.adv > summary {
  cursor:pointer; padding:10px 14px; font-weight:600; list-style:none;
  display:flex; align-items:center; gap:8px; min-height:44px;
}
details.adv > summary::-webkit-details-marker { display:none; }
details.adv > summary::after { content:"+"; margin-left:auto; color:var(--mut); font-size:16px; }
details.adv[open] > summary::after { content:"-"; }
.advbody { padding:0 14px 14px; display:flex; flex-direction:column; gap:14px; }

.applybar { display:flex; align-items:center; flex-wrap:wrap; }

/* Buttons sit flush in a bar. The -1px margins collapse the doubled border
   where two buttons meet, and the active one is raised so its accent border
   is the one you see on both of its shared edges. */
.sortbar, .applybar, .toggroup, .row.btns { gap:0; }
.sortbar .sortbtn,
.applybar > *,
.toggroup .tog > span,
.row.btns .tog > span { margin:0 -1px -1px 0; }
.sortbar .sortbtn, .tog > span, .applybar > * { position:relative; }
.sortbar .sortbtn:hover, .tog:hover > span, .applybar > *:hover { z-index:1; }
.sortbar .sortbtn.active, .tog input:checked + span, .tog input:focus-visible + span { z-index:2; }
.sortbar .lbl { margin-right:10px; }
.grouplabel { margin-bottom:6px; }
.applybtn {
  background:var(--accent); color:var(--on-accent); border:1px solid var(--accent);
  border-radius:0; padding:9px 18px; min-height:40px; font:inherit; font-weight:600; cursor:pointer;
}
.resetbtn {
  background:var(--card); color:var(--mut); border:1px solid var(--line);
  border-radius:0; padding:9px 14px; min-height:40px; font:inherit; cursor:pointer; text-decoration:none;
  display:inline-flex; align-items:center;
}
.resetbtn:hover { color:var(--fg); }

/* ---------- table ---------- */

table { width:100%; border-collapse:collapse; }
th, td { padding:8px 10px; border-bottom:1px solid var(--line); text-align:left; vertical-align:middle; }
th { color:var(--mut); font-weight:500; white-space:nowrap; }
th[title] { cursor:help; text-decoration:underline dotted var(--mut); text-underline-offset:3px; }
td.num, th.num { text-align:right; font-variant-numeric:tabular-nums; }

.name { display:flex; align-items:center; }
.name a { color:var(--fg); text-decoration:none; }
.name a:hover { color:var(--accent); }
.thumb { position:relative; display:inline-block; margin-right:8px; flex:0 0 auto; }
img.card { height:42px; border-radius:3px; vertical-align:middle; display:block; }
.card-zoom {
  display:none; position:absolute; left:52px; top:-60px; width:240px;
  border-radius:10px; box-shadow:var(--shadow); z-index:50; pointer-events:none;
}
.thumb:hover .card-zoom { display:block; }

.badge { display:inline-block; padding:1px 6px; border-radius:0; font-size:11px; }
.foil { background:#3a2a4d; color:#d6b8ff; }
:root[data-theme="light"] .foil { background:#ede2ff; color:#5b3a9b; }

/* CardTrader-style condition chips */
.cond {
  display:inline-block; min-width:26px; text-align:center;
  padding:2px 6px; border-radius:0;
  font-size:11px; font-weight:700; letter-spacing:.3px; color:#fff;
}
.cond-MT { background:#0f7a3d; }
.cond-NM { background:#3a9d51; }
.cond-SP { background:#8fae1f; }
.cond-MP { background:#cf9a1c; }
.cond-PL { background:#d97b24; }
.cond-HP { background:#c9512c; }
.cond-PO { background:#a92f2f; }
.cond-XX { background:#6b7280; }

.condlang { display:flex; align-items:center; gap:6px; white-space:nowrap; }
.condlang .flag { font-size:15px; }

.st-active { color:var(--ok); }
.st-sold_or_removed { color:var(--bad); }
.st-repriced { color:var(--warnc); }
.pmin { color:var(--ok); font-weight:600; }
.pnext { color:var(--bad); }
.pref { color:var(--mut); }
.warn { color:var(--warnc); cursor:help; margin-left:2px; }
.sub { display:block; color:var(--mut); font-size:11px; }
a.deal { color:var(--accent); text-decoration:none; white-space:nowrap; }
a.help {
  color:var(--accent); text-decoration:none; font-size:11px;
  border:1px solid var(--line); border-radius:50%; padding:0 5px;
}

.pagination { display:flex; align-items:center; justify-content:center; gap:16px; margin:16px 0; }
.pagination a { color:var(--accent); text-decoration:none; padding:8px 12px; }
.pagination .disabled { color:var(--line); padding:8px 12px; }

.explain-img { max-width:100%; border-radius:8px; display:block; margin:12px 0; }
details.faq { border-bottom:1px solid var(--line); }
details.faq > summary {
  cursor:pointer; padding:12px 0; font-weight:600; list-style:none;
  display:flex; align-items:center; gap:10px;
}
details.faq > summary::-webkit-details-marker { display:none; }
details.faq > summary::after { content:"+"; margin-left:auto; color:var(--mut); font-size:16px; }
details.faq[open] > summary::after { content:"-"; }
details.faq > summary:hover { color:var(--accent); }
.faqa { padding:0 0 12px; }
.faqa > :first-child { margin-top:0; }
.formula { background:var(--card); border:1px solid var(--line); padding:10px 14px;
  overflow-x:auto; font:13px/1.6 ui-monospace, Consolas, monospace; white-space:pre; }

/* ---------- watchlist ---------- */

.watchlist { display:flex; flex-direction:column; gap:16px; }
.watchlist-intro { max-width:760px; }
.watchlist-intro h2 { margin-bottom:6px; }
.watchlist-intro p { margin:6px 0; }
.watchlist-intro a { color:var(--accent); }

.watchlist-form { position:relative; }
.watchlist-step {
  background:var(--card);
  border:1px solid var(--line);
  padding:18px;
}
.watchlist-step > h3,
.watchlist-review-heading h3 { margin:0; }
.watchlist-input-grid {
  display:grid;
  grid-template-columns:minmax(0, 2fr) minmax(240px, 1fr);
  gap:18px;
  margin-top:14px;
}
.watchlist-list-field { min-width:0; }
.watchlist-textarea {
  width:100%;
  min-height:220px;
  resize:vertical;
  background:var(--bg);
  color:var(--fg);
  border:1px solid var(--line);
  border-radius:0;
  padding:10px 12px;
  font:13px/1.5 ui-monospace, Consolas, monospace;
}
.watchlist-textarea:focus-visible {
  outline:2px solid var(--accent);
  outline-offset:1px;
}
.watchlist-side-fields { display:flex; flex-direction:column; gap:14px; }
.watchlist-side-fields input { width:100%; }
.watchlist-format {
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:12px;
  background:var(--card2);
  border-left:3px solid var(--accent);
  color:var(--mut);
  font-size:12px;
}
.watchlist-format strong { color:var(--fg); }
.watchlist-format code { color:var(--fg); overflow-wrap:anywhere; }
.watchlist-line-count { margin:0; color:var(--mut); font-size:12px; }
.watchlist-line-count.is-over-limit { color:var(--bad); font-weight:600; }
.watchlist-actions { display:flex; gap:0; margin-top:16px; }

.watchlist-hp {
  position:absolute !important;
  left:-10000px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}
.watchlist-alert {
  border:1px solid var(--line);
  padding:10px 12px;
  margin-bottom:12px;
}
.watchlist-alert-error { border-color:var(--bad); color:var(--bad); }

.watchlist-review-heading {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:16px;
}
.watchlist-review-heading p { margin:4px 0 0; }
.watchlist-summary { display:flex; flex-wrap:wrap; gap:0; }
.watchlist-stat {
  min-width:96px;
  padding:7px 10px;
  border:1px solid var(--line);
  margin:0 -1px -1px 0;
  text-align:center;
}
.watchlist-stat strong { display:block; color:var(--fg); font-size:18px; line-height:1.1; }
.watchlist-stat span { color:var(--mut); font-size:11px; }
.watchlist-stat-ok strong { color:var(--ok); }
.watchlist-stat-bad strong { color:var(--bad); }

.watchlist-unrecognized {
  margin:0 0 14px;
  padding:10px 12px;
  background:var(--card2);
  border-left:3px solid var(--bad);
}
.watchlist-unrecognized ul { margin:7px 0 0; padding-left:22px; }
.watchlist-unrecognized li + li { margin-top:7px; }
.watchlist-unrecognized code { overflow-wrap:anywhere; }
.watchlist-rejection-reason { display:block; color:var(--mut); font-size:12px; }

.watchlist-source {
  border:1px solid var(--line);
  margin:0 0 14px;
}
.watchlist-source > summary {
  cursor:pointer;
  padding:9px 12px;
  color:var(--mut);
  font-weight:600;
  list-style:none;
}
.watchlist-source > summary::-webkit-details-marker { display:none; }
.watchlist-source > summary::after { content:"+"; float:right; }
.watchlist-source[open] > summary::after { content:"-"; }
.watchlist-source-body { padding:0 12px 12px; }
.watchlist-source-body .watchlist-textarea { min-height:140px; }
.watchlist-source-body .watchlist-line-count { margin:6px 0 10px; }

.watchlist-bulk {
  padding:12px;
  margin-bottom:12px;
  background:var(--card2);
  border:1px solid var(--line);
}
.watchlist-selection-tools {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin-bottom:10px;
}
.watchlist-selection-tools strong { margin-right:4px; }
.watchlist-selection-status { color:var(--mut); font-size:12px; margin-left:auto; }
.watchlist-bulk-fields { display:flex; flex-wrap:wrap; align-items:flex-end; gap:8px; }
.watchlist-bulk-fields label.field { min-width:150px; }
.watchlist-bulk-fields select { width:100%; }
.watchlist-bulk-apply { min-height:38px; }
.watchlist-bulk-status { min-height:16px; margin:7px 0 0; }

.watchlist-table-wrap {
  position:relative;
  width:100%;
  overflow-x:auto;
  border:1px solid var(--line);
  margin-bottom:16px;
  scrollbar-width:thin;
}
.watchlist-table { min-width:940px; }
.watchlist-table th,
.watchlist-table td { background:var(--bg); }
.watchlist-table tbody tr.is-selected td { background:var(--card2); }
.watchlist-table tbody tr:last-child td { border-bottom:0; }
.watchlist-table select { width:100%; min-width:120px; }
.watchlist-table .watchlist-expansion-select { min-width:230px; }
.watchlist-select-cell { width:42px; text-align:center; }
.watchlist-check-label { display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
.watchlist-check-label input { width:18px; height:18px; min-height:0; padding:0; accent-color:var(--accent); }
.watchlist-card-cell { display:flex; align-items:center; min-width:220px; }
.watchlist-card-name { font-weight:600; overflow-wrap:anywhere; }
.watchlist-thumb img[hidden] { display:none !important; }
.watchlist-quantity { font-variant-numeric:tabular-nums; }

.watchlist-save {
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:10px;
  justify-content:flex-end;
}
.watchlist-save label.field { min-width:280px; }
.watchlist-save input { width:100%; }
.watchlist-consent { margin:8px 0 0; text-align:right; }
.watchlist-review-stale { margin:10px 0 0; color:var(--warnc); text-align:right; }
.watchlist-sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border:0;
}
.watchlist button:disabled { opacity:.5; cursor:not-allowed; }

.watchlist-status-page {
  max-width:660px;
  margin:36px auto;
  padding:24px;
  background:var(--card);
  border:1px solid var(--line);
  text-align:center;
}
.watchlist-status-page h2 { margin:10px 0; }
.watchlist-status-mark {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border:2px solid var(--accent);
  color:var(--accent);
  font:700 24px/1 ui-monospace, Consolas, monospace;
}
.watchlist-status-ok { border-color:var(--ok); color:var(--ok); }
.watchlist-status-bad { border-color:var(--bad); color:var(--bad); }
.watchlist-dev-link {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  margin:18px 0;
  padding:12px;
  border:1px dashed var(--warnc);
  color:var(--mut);
}
.watchlist-dev-link strong { color:var(--warnc); }
.watchlist-dev-link .applybtn,
.watchlist-status-actions .applybtn { display:inline-flex; align-items:center; text-decoration:none; }
.watchlist-status-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:0; margin-top:20px; }
.watchlist-status-actions > * { margin:0 -1px -1px 0; }

footer.site {
  max-width:1200px; margin:0 auto; padding:16px 20px 32px;
  border-top:1px solid var(--line); color:var(--mut); font-size:12px;
}

/* ---------- mobile ---------- */

@media (max-width:720px) {
  main { padding:12px; }
  header { padding:10px 12px; gap:8px 10px; }
  header nav a { padding:6px 8px; font-size:13px; }
  .spacer { display:none; }
  .brand .wordmark { height:26px; }
  .mascot { display:none; }
  /* Row 1: logo, page sprite (centered), switches. Row 2: the menu. The
     sprite stays 64px: smaller sizes blur or lose pixels of the art. */
  .brand { order:1; }
  .pagesprite { order:2; margin:-10px auto -4px; }
  .hbtns { order:3; margin-left:auto; }
  .pagesprite ~ .hbtns { margin-left:0; }
  header nav { order:4; flex-basis:100%; }
  .themebtn { min-width:40px; padding:6px 10px; }
  .themebtn .tlabel { display:none; }
  footer.site { padding:14px 12px 28px; }

  /* only image+name, min, next best, language flag and condition survive */
  .col-exp, .col-ref, .col-copies, .col-status, .col-market, .mob-hide { display:none; }

  th, td { padding:6px 4px; }
  th { font-size:10px; }
  img.card { height:36px; }
  .card-zoom { display:none !important; }
  .name { font-size:12px; line-height:1.2; }
  .name > span:last-child { min-width:0; overflow-wrap:break-word; }
  .thumb { margin-right:5px; }
  .sub { font-size:10px; white-space:nowrap; }
  .watchlist .sub,
  .watchlist-status-page .sub { white-space:normal; }
  td.num, th.num { font-size:12px; white-space:nowrap; }
  .condlang { gap:4px; }
  .cond { min-width:22px; padding:2px 4px; font-size:10px; }
  .condlang .flag { font-size:13px; }

  .cdeal { flex:0 0 140px; }
  .tog > span { min-width:56px; min-height:46px; }
  .sortbar { overflow-x:auto; flex-wrap:nowrap; padding-bottom:4px; }
  .sortbtn { white-space:nowrap; }

  .watchlist-step { padding:12px; }
  .watchlist-input-grid { grid-template-columns:1fr; gap:12px; }
  .watchlist-review-heading { flex-direction:column; gap:12px; }
  .watchlist-summary { width:100%; }
  .watchlist-stat { flex:1 1 90px; }
  .watchlist-selection-status { flex-basis:100%; margin-left:0; }
  .watchlist-bulk-fields { align-items:stretch; }
  .watchlist-bulk-fields label.field { flex:1 1 140px; }
  .watchlist-bulk-apply { flex:1 1 100%; }
  .watchlist-table { min-width:850px; }
  .watchlist-save { justify-content:stretch; }
  .watchlist-save label.field,
  .watchlist-save .applybtn { width:100%; min-width:0; }
  .watchlist-consent { text-align:left; }
  .watchlist-review-stale { text-align:left; }
  .watchlist-status-page { margin:18px auto; padding:18px 12px; }
}