/* ==========================================================================
   Leokipedia — Wikipedia parody stylesheet
   Modeled on the classic Wikipedia "Vector" skin.
   ========================================================================== */

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: #f6f6f6;
  color: #202122;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 1.6;
}

a {
  color: #0645ad;
  text-decoration: none;
}
a:visited { color: #0b0080; }
a:hover { text-decoration: underline; }
a:active { color: #faa700; }

a.new, a.redlink {
  color: #ba0000;
}
a.new:visited { color: #a55858; }

/* --- Top personal bar (the one that says "Not logged in / Talk / Contributions") --- */
.personal-bar {
  background: #f6f6f6;
  border-bottom: 1px solid #c8ccd1;
  font-size: 12px;
  padding: 4px 16px;
  display: flex;
  justify-content: flex-end;
  gap: 14px;
}
.personal-bar a { color: #0645ad; }

/* --- Header / logo area --- */
.site-header {
  background: #fff;
  border-bottom: 1px solid #a7d7f9;
  padding: 8px 0 0 0;
  display: flex;
  align-items: flex-end;
  padding-left: 12px;
}

.logo {
  width: 160px;
  text-align: center;
  flex-shrink: 0;
  padding-bottom: 6px;
}
.logo .puzzle-globe {
  width: 135px;
  height: 135px;
  display: inline-block;
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 30%, #fff 0 4px, transparent 5px),
    repeating-conic-gradient(
      from 0deg,
      #d0d0d0 0deg 30deg,
      #ececec 30deg 60deg
    );
  position: relative;
  border: 1px solid #999;
  overflow: hidden;
}
.logo .puzzle-globe::before {
  content: "L";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-family: "Linux Libertine", Georgia, "Times New Roman", serif;
  font-size: 78px;
  color: #222;
  text-shadow: 1px 1px 0 #fff;
}
.logo .wordmark {
  font-family: "Linux Libertine", Georgia, "Times New Roman", serif;
  font-size: 24px;
  color: #222;
  margin-top: 2px;
  letter-spacing: 0.5px;
}
.logo .tagline {
  font-family: "Linux Libertine", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 11px;
  color: #555;
  margin-top: -2px;
}

/* --- Top horizontal tabs (Article / Talk / Read / Edit / View history) --- */
.tab-bar {
  display: flex;
  align-items: flex-end;
  margin-left: auto;
  padding-right: 12px;
  font-size: 13px;
}
.tab-bar .ns-tabs,
.tab-bar .view-tabs {
  display: flex;
}
.tab-bar .view-tabs { margin-left: 24px; }

.tab-bar a {
  display: inline-block;
  padding: 6px 10px 4px 10px;
  border: 1px solid #a7d7f9;
  border-bottom: none;
  background: #f6f6f6;
  color: #0645ad;
  margin-right: 1px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  position: relative;
  top: 1px;
}
.tab-bar a.selected {
  background: #fff;
  font-weight: bold;
  color: #222;
  border-bottom: 1px solid #fff;
}

/* --- Main layout grid: sidebar + content --- */
.page {
  display: grid;
  grid-template-columns: 160px 1fr;
  background: #fff;
  border-top: 1px solid #a7d7f9;
}

.sidebar {
  padding: 10px;
  background: #fff;
  border-right: 1px solid #eaecf0;
  font-size: 12px;
}
.sidebar h3 {
  font-size: 12px;
  color: #54595d;
  font-weight: normal;
  border-bottom: 1px solid #c8ccd1;
  margin: 14px 0 4px 0;
  padding-bottom: 1px;
}
.sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0 0 6px 0;
}
.sidebar li { margin: 2px 0; }

/* --- Content area --- */
.content {
  padding: 14px 24px 40px 24px;
  min-width: 0;
}

.content h1.firstHeading {
  font-family: "Linux Libertine", Georgia, "Times New Roman", serif;
  font-size: 28px;
  font-weight: normal;
  margin: 0 0 4px 0;
  padding-bottom: 4px;
  border-bottom: 1px solid #a2a9b1;
}

.content .from-line {
  font-size: 12px;
  font-style: italic;
  color: #54595d;
  margin-bottom: 14px;
}

.content h2 {
  font-family: "Linux Libertine", Georgia, "Times New Roman", serif;
  font-size: 22px;
  font-weight: normal;
  margin: 24px 0 6px 0;
  padding-bottom: 3px;
  border-bottom: 1px solid #a2a9b1;
}
.content h3 {
  font-family: "Linux Libertine", Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: bold;
  margin: 16px 0 4px 0;
}
.content h4 {
  font-size: 14px;
  font-weight: bold;
  margin: 12px 0 4px 0;
}

.content p { margin: 0 0 10px 0; }

.content ul, .content ol {
  margin: 0 0 12px 22px;
  padding: 0;
}

/* --- Ambox: those iconic yellow warning boxes --- */
.ambox {
  border: 1px solid #a2a9b1;
  border-left: 10px solid #f4c430;
  background: #fbfbfb;
  margin: 0 0 4px 0;
  padding: 8px 12px;
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 10px;
  align-items: center;
  font-size: 13px;
}
.ambox.multiple-issues { border-left-color: #fc3; }
.ambox.neutrality { border-left-color: #b32; }
.ambox.notability { border-left-color: #fc3; }
.ambox.original-research { border-left-color: #f4c430; }
.ambox.primary-sources { border-left-color: #f4c430; }
.ambox.tone { border-left-color: #f4c430; }
.ambox.cleanup { border-left-color: #f4c430; }

.ambox .ambox-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  font-size: 26px;
  color: #b58900;
}
.ambox.neutrality .ambox-icon { color: #b32; }

.ambox-stack { margin-bottom: 18px; }
.ambox-stack .ambox + .ambox { border-top: none; }

.ambox .ambox-body strong { color: #202122; }
.ambox ul { margin: 6px 0 0 22px; }

/* --- Infobox (right rail) --- */
.infobox {
  float: right;
  clear: right;
  width: 270px;
  border: 1px solid #a2a9b1;
  background: #f8f9fa;
  margin: 0 0 14px 18px;
  padding: 0;
  font-size: 12px;
  line-height: 1.4;
}
.infobox .infobox-title {
  background: #ccd2d9;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  padding: 6px 8px;
}
.infobox .infobox-image {
  text-align: center;
  padding: 8px;
  background: #f8f9fa;
}
.infobox .infobox-image .placeholder-photo {
  width: 220px;
  height: 220px;
  margin: 0 auto;
  background:
    repeating-linear-gradient(45deg, #d6d8db 0 8px, #c8cbcf 8px 16px);
  border: 1px solid #a2a9b1;
  display: grid;
  place-items: center;
  color: #555;
  font-style: italic;
  font-size: 11px;
  padding: 6px;
}
.infobox .infobox-image .infobox-photo {
  display: block;
  max-width: 220px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border: 1px solid #a2a9b1;
  background: #fff;
}
.infobox .infobox-caption {
  font-size: 11px;
  font-style: italic;
  color: #54595d;
  padding: 4px 8px 8px 8px;
  text-align: center;
}
.infobox .infobox-subheader {
  background: #ccd2d9;
  text-align: center;
  font-weight: bold;
  padding: 4px 8px;
}
.infobox table {
  width: 100%;
  border-collapse: collapse;
}
.infobox th {
  text-align: left;
  vertical-align: top;
  font-weight: bold;
  padding: 3px 6px;
  background: transparent;
  white-space: nowrap;
  width: 95px;
}
.infobox td {
  text-align: left;
  vertical-align: top;
  padding: 3px 6px;
}
.infobox tr + tr th,
.infobox tr + tr td { border-top: 1px solid #eaecf0; }

/* --- Table of contents --- */
.toc {
  display: inline-block;
  background: #f8f9fa;
  border: 1px solid #a2a9b1;
  padding: 8px 14px 10px 14px;
  margin: 14px 0;
  font-size: 13px;
}
.toc .toc-title {
  font-weight: bold;
  text-align: center;
  margin-bottom: 4px;
}
.toc ol {
  list-style: none;
  counter-reset: section;
  padding-left: 4px;
  margin: 0;
}
.toc ol ol {
  counter-reset: subsection;
  padding-left: 16px;
}
.toc li {
  counter-increment: section;
  margin: 1px 0;
}
.toc li::before {
  content: counters(section, ".") " ";
  color: #54595d;
}

/* --- Reference superscripts --- */
sup.reference {
  font-size: 10px;
  vertical-align: super;
  line-height: 0;
}
sup.reference a { color: #0645ad; }

/* --- References / footer list --- */
.references {
  font-size: 12px;
  line-height: 1.5;
  padding-left: 22px;
}
.references li {
  margin: 2px 0;
}

/* --- Citation needed, dead link, etc. --- */
.citation-needed,
.dead-link,
.original-research-inline {
  font-size: 10px;
  vertical-align: super;
  color: #0645ad;
  margin-left: 1px;
  white-space: nowrap;
}
.citation-needed::before { content: "["; }
.citation-needed::after  { content: "]"; }
.dead-link::before { content: "["; }
.dead-link::after  { content: "]"; }

/* --- Hatnotes / italicized notes at the top of sections --- */
.hatnote {
  font-style: italic;
  margin: 4px 0 8px 28px;
  font-size: 13px;
  color: #202122;
}

/* --- Quote box --- */
blockquote.pull-quote {
  border-left: 4px solid #c8ccd1;
  background: #fbfbfb;
  margin: 12px 24px;
  padding: 8px 14px;
  font-style: italic;
  color: #333;
}
blockquote.pull-quote cite {
  display: block;
  text-align: right;
  font-size: 12px;
  margin-top: 4px;
  font-style: normal;
  color: #54595d;
}

/* --- Tables (awards table, etc.) --- */
table.wikitable {
  border-collapse: collapse;
  margin: 8px 0;
  background: #f8f9fa;
  font-size: 13px;
  border: 1px solid #a2a9b1;
}
table.wikitable th {
  background: #eaecf0;
  border: 1px solid #a2a9b1;
  padding: 4px 8px;
  text-align: left;
}
table.wikitable td {
  border: 1px solid #a2a9b1;
  padding: 4px 8px;
  vertical-align: top;
}

/* --- Footer --- */
.site-footer {
  margin-top: 20px;
  padding: 14px 24px;
  font-size: 11px;
  color: #54595d;
  border-top: 1px solid #c8ccd1;
  background: #f6f6f6;
}
.site-footer ul {
  list-style: none;
  margin: 4px 0 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.site-footer a { color: #0645ad; }

/* --- Talk page specifics --- */
.talk-thread {
  margin: 12px 0;
  padding: 8px 12px;
  border-top: 1px solid #eaecf0;
}
.talk-thread h3 {
  margin-top: 0;
}
.talk-reply {
  margin-left: 28px;
  border-left: 2px solid #eaecf0;
  padding-left: 12px;
  margin-top: 8px;
}
.talk-reply.reply-2 { margin-left: 56px; }
.talk-reply.reply-3 { margin-left: 84px; }
.talk-sig {
  font-size: 11px;
  color: #54595d;
}

/* --- History page specifics --- */
.history-list {
  list-style: none;
  padding: 0;
  font-size: 13px;
}
.history-list li {
  padding: 6px 4px;
  border-bottom: 1px solid #eaecf0;
  font-family: monospace;
}
.history-list .edit-meta {
  color: #54595d;
}
.history-list .edit-comment {
  color: #202122;
  font-family: sans-serif;
  font-style: italic;
}
.history-list .diff-plus { color: #006400; }
.history-list .diff-minus { color: #8b0000; }
.history-list .minor-edit { color: #54595d; font-weight: bold; }

/* --- Disambiguation / "for other uses" --- */
.dablink {
  font-style: italic;
  margin: 0 0 8px 28px;
  padding-bottom: 4px;
  font-size: 13px;
}

/* --- Easter egg: tooltips on red links --- */
.new[title] { cursor: help; }

/* --- Mobile-ish handling, just so it doesn't look totally broken --- */
@media (max-width: 720px) {
  .page { grid-template-columns: 1fr; }
  .sidebar { display: none; }
  .infobox { float: none; width: auto; margin: 0 0 14px 0; }
  .site-header { flex-direction: column; align-items: flex-start; }
  .tab-bar { margin: 8px 0 0 0; padding-left: 12px; flex-wrap: wrap; }
  .content { padding: 12px; }
}

/* ==========================================================================
   Suggest-an-edit system
   ========================================================================== */

/* The small "[suggest edit]" link beside each <h2> — Wikipedia mw-editsection style */
.suggest-editsection {
  font-size: 12px;
  font-weight: normal;
  font-family: sans-serif;
  margin-left: 10px;
  white-space: nowrap;
  color: #54595d;
  vertical-align: middle;
}
.suggest-editsection-bracket { color: #54595d; }
.suggest-edit-link {
  color: #0645ad;
  cursor: pointer;
}
.suggest-edit-link:hover {
  text-decoration: underline;
}

/* Floating "Suggest an edit" FAB, bottom-right */
#suggest-edit-fab {
  position: fixed;
  bottom: 18px;
  right: 18px;
  z-index: 9000;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #0645ad;
  color: #fff;
  border: 1px solid #0645ad;
  border-radius: 999px;
  padding: 10px 18px;
  font-family: sans-serif;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0,0,0,0.18);
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}
#suggest-edit-fab:hover {
  background: #0a58ca;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.22);
}
#suggest-edit-fab:active {
  transform: translateY(0);
}

/* Modal */
.suggest-modal[hidden] { display: none; }
.suggest-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  font-family: sans-serif;
}
.suggest-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}
.suggest-modal-card {
  position: relative;
  background: #fff;
  border: 1px solid #a2a9b1;
  border-radius: 6px;
  max-width: 560px;
  width: 100%;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  padding: 22px 26px 20px 26px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35);
  animation: suggest-pop-in 0.18s ease-out;
}
@keyframes suggest-pop-in {
  from { opacity: 0; transform: translateY(8px) scale(0.98); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}
.suggest-modal-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: transparent;
  border: none;
  font-size: 24px;
  color: #54595d;
  cursor: pointer;
  line-height: 1;
  padding: 4px 8px;
}
.suggest-modal-close:hover { color: #202122; }

#suggest-modal-title {
  font-family: "Linux Libertine", Georgia, "Times New Roman", serif;
  font-size: 22px;
  font-weight: normal;
  margin: 0 0 4px 0;
  padding-bottom: 4px;
  border-bottom: 1px solid #a2a9b1;
  color: #202122;
}
.suggest-modal-intro {
  font-size: 13px;
  color: #202122;
  margin: 10px 0 14px 0;
  line-height: 1.5;
}
.suggest-modal-intro a { color: #0645ad; }

.suggest-form { display: block; }
.suggest-field {
  display: block;
  margin-bottom: 12px;
}
.suggest-field-label {
  display: block;
  font-size: 12px;
  color: #54595d;
  margin-bottom: 4px;
}
.suggest-field-label em {
  font-style: italic;
  color: #828282;
}
.suggest-field input[type="text"],
.suggest-field textarea {
  display: block;
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #a2a9b1;
  border-radius: 3px;
  font: inherit;
  font-size: 14px;
  background: #fff;
  color: #202122;
  box-sizing: border-box;
  font-family: inherit;
}
.suggest-field textarea {
  resize: vertical;
  min-height: 110px;
  line-height: 1.5;
}
.suggest-field input:focus,
.suggest-field textarea:focus {
  outline: none;
  border-color: #36c;
  box-shadow: 0 0 0 2px rgba(54,108,204,0.15);
}

/* Honeypot field: invisible to humans, irresistible to bots */
.suggest-field-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.suggest-form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 14px;
}
.suggest-btn {
  font: inherit;
  font-size: 13px;
  padding: 8px 16px;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid transparent;
  font-weight: 500;
}
.suggest-btn-primary {
  background: #0645ad;
  color: #fff;
  border-color: #0645ad;
}
.suggest-btn-primary:hover { background: #0a58ca; }
.suggest-btn-primary:disabled { background: #8aa3c9; border-color: #8aa3c9; cursor: not-allowed; }
.suggest-btn-secondary {
  background: #fff;
  color: #202122;
  border-color: #a2a9b1;
}
.suggest-btn-secondary:hover { background: #f8f9fa; }

.suggest-form-status {
  font-size: 13px;
  margin: 10px 0 0 0;
  min-height: 1.4em;
}
.suggest-form-status-ok {
  color: #14866d;
}
.suggest-form-status-error {
  color: #b32424;
}

@media (max-width: 480px) {
  #suggest-edit-fab {
    bottom: 12px;
    right: 12px;
    padding: 8px 14px;
    font-size: 12px;
  }
  .suggest-modal-card { padding: 16px 16px 14px 16px; }
  #suggest-modal-title { font-size: 18px; }
}

/* ==========================================================================
   Talk page — threads, posts, account widget
   ========================================================================== */

/* Sidebar account widget shown when signed in */
#account-widget .account-info {
  background: #f8f9fa;
  border: 1px solid #c8ccd1;
  border-radius: 3px;
  padding: 8px 10px;
  margin-top: 4px;
  font-size: 12px;
}
#account-widget .account-name {
  font-weight: bold;
  color: #202122;
  margin-bottom: 6px;
}

/* New-thread composer + anonymous CTA */
.new-thread-section {
  background: #f8f9fa;
  border: 1px solid #c8ccd1;
  border-radius: 4px;
  padding: 4px 16px 14px 16px;
  margin: 8px 0 22px 0;
}
.new-thread-section h2 {
  border-bottom: none;
  font-size: 18px;
  margin: 12px 0 6px 0;
}
.anonymous-cta {
  background: #fbfbfb;
  border: 1px dashed #c8ccd1;
  border-radius: 4px;
  padding: 10px 14px;
  margin: 8px 0 22px 0;
  font-size: 13px;
}
.anonymous-cta a { color: #0645ad; }

/* Threads container */
.threads-container {
  margin-top: 4px;
}
.threads-loading,
.threads-empty {
  padding: 20px;
  text-align: center;
  color: #54595d;
  background: #f8f9fa;
  border: 1px dashed #c8ccd1;
  border-radius: 4px;
  margin: 12px 0;
}

/* Individual thread */
.thread {
  background: #fff;
  border: 1px solid #c8ccd1;
  border-radius: 4px;
  padding: 14px 18px;
  margin: 14px 0;
}
.thread-header {
  border-bottom: 1px solid #eaecf0;
  padding-bottom: 8px;
  margin-bottom: 10px;
}
.thread-title {
  margin: 0 0 4px 0;
  font-family: "Linux Libertine", Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: bold;
  color: #202122;
}
.thread-meta,
.post-meta {
  font-size: 12px;
  color: #54595d;
}
.thread-meta strong,
.post-meta strong {
  color: #202122;
}
.thread-meta a,
.post-meta a {
  color: #b32424;
  font-size: 11px;
}
.thread-body,
.post-body {
  font-size: 14px;
  color: #202122;
  line-height: 1.55;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.thread-body { margin-bottom: 4px; }

/* Replies under a thread */
.thread-posts {
  margin-top: 10px;
}
.post {
  border-left: 2px solid #eaecf0;
  padding: 8px 12px;
  margin: 8px 0 8px 16px;
  background: #fbfbfb;
  border-radius: 0 4px 4px 0;
}
.post + .post { margin-top: 4px; }
.post-body { margin-bottom: 4px; }

/* Reply form within a thread */
.comment-form {
  margin-top: 12px;
}
.thread .reply-form {
  background: #f8f9fa;
  border: 1px solid #eaecf0;
  border-radius: 4px;
  padding: 8px 12px 4px 12px;
  margin-top: 12px;
}
.reply-cta {
  margin-top: 12px;
  padding: 8px 12px;
  background: #f8f9fa;
  border: 1px dashed #c8ccd1;
  border-radius: 4px;
  font-size: 12px;
  color: #54595d;
}
.reply-cta a { color: #0645ad; }

/* ==========================================================================
   Big anonymous "Join the discussion" card on the talk page
   ========================================================================== */
.join-card {
  background: linear-gradient(180deg, #eaf3ff 0%, #f5faff 100%);
  border: 1px solid #a7c7eb;
  border-radius: 6px;
  padding: 22px 24px 20px 24px;
  margin: 16px 0 22px 0;
  box-shadow: 0 1px 0 rgba(0,0,0,0.02);
}
.join-card .join-card-eyebrow {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #36c;
  margin-bottom: 6px;
}
.join-card .join-card-title {
  font-family: 'Linux Libertine', Georgia, serif;
  font-size: 22px;
  line-height: 1.2;
  margin: 0 0 10px 0;
  border-bottom: none;
  padding-bottom: 0;
  color: #202122;
}
.join-card .join-card-body {
  font-size: 14px;
  line-height: 1.55;
  color: #202122;
  margin: 0 0 14px 0;
  max-width: 640px;
}
.join-card .join-card-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.join-card .suggest-btn.big {
  font-size: 14px;
  padding: 9px 16px;
  font-weight: 600;
}
.join-card .join-card-footnote {
  font-size: 12px;
  color: #54595d;
  margin: 6px 0 0 0;
}
.join-card .join-card-footnote a { color: #0645ad; }

/* ==========================================================================
   Owner tools / admin dashboard
   ========================================================================== */
.suggestion-card { position: relative; }
.suggestion-card .suggestion-body {
  white-space: pre-wrap;
}
.suggestion-card .suggestion-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #eaecf0;
}
.suggestion-card .suggest-btn.danger {
  background: #fff;
  border-color: #d33;
  color: #d33;
}
.suggestion-card .suggest-btn.danger:hover {
  background: #fdecec;
}
.suggestion-card .suggestion-meta-details {
  margin-top: 10px;
  font-size: 11px;
  color: #54595d;
}
.suggestion-card .suggestion-meta-details summary {
  cursor: pointer;
  font-style: italic;
}
.suggestion-card .suggestion-meta-details pre {
  background: #f8f9fa;
  border: 1px solid #eaecf0;
  border-radius: 3px;
  padding: 8px;
  overflow-x: auto;
  font-size: 11px;
}
.suggestion-card .suggestion-note {
  margin-top: 10px;
  padding: 8px 10px;
  background: #fef6e7;
  border-left: 3px solid #f4c430;
  font-size: 12px;
}
.suggestion-toast {
  position: absolute;
  top: 8px;
  right: 8px;
  background: #202122;
  color: #fff;
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 3px;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}
.status-pill {
  display: inline-block;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 2px 6px;
  margin-right: 8px;
  border-radius: 10px;
  vertical-align: middle;
  font-weight: 600;
  font-family: sans-serif;
}
.status-pending  { background: #fef6e7; color: #8a6d3b; border: 1px solid #f4c430; }
.status-applied  { background: #e0f3e0; color: #2e6b2e; border: 1px solid #6fc46f; }
.status-rejected { background: #fdecec; color: #8a2828; border: 1px solid #d97c7c; }
span.muted { color: #54595d; font-size: 11px; margin-left: 2px; }
.filter-link.selected {
  font-weight: bold;
  color: #202122;
  text-decoration: none;
}

/* Make the section dropdown look like a Wikipedia text field */
.suggest-field select {
  width: 100%;
  box-sizing: border-box;
  padding: 6px 8px;
  border: 1px solid #a2a9b1;
  border-radius: 2px;
  background: #fff;
  font-family: inherit;
  font-size: 13px;
  color: #202122;
}
.suggest-field select:focus {
  outline: none;
  border-color: #36c;
  box-shadow: 0 0 0 1px #36c;
}