User:Qifzer/common.css

:root {
  /* Typeface stacks */
  --wt-serif:
    "Minion 3", "Minion Pro", "Iowan Old Style",
    "Palatino Linotype", Palatino, "Book Antiqua",
    Georgia, serif;
  --wt-display:
    "Minion 3", "Minion 3", "Minion Pro",
    Palatino, Georgia, serif;
  --wt-caption:
    "Minion 3 Caption", "Minion 3", "Minion Pro",
    Georgia, serif;
  --wt-note:
    "Iosevka", "Iosevka Fixed", "Source Code Pro",
    "SF Mono", Menlo, Consolas, monospace;
  --wt-ui:
    system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --wt-mono:
    "Source Code Pro", "SF Mono", "Cascadia Code",
    Menlo, Consolas, "DejaVu Sans Mono", monospace;

  /* Palette */
  --wt-ink:        #222222;
  --wt-ink-mid:    #4a4a4a;
  --wt-ink-faint:  #6e6e6e;
  --wt-paper:      #ffffff;
  --wt-paper-dim:  #f6f6f6;
  --wt-rule:       #d2d2d2;
  --wt-rule-light: #e6e6e6;
  --wt-blue:       #2c4f8a;
  --wt-blue-hover: #1d3868;
  --wt-purple:     #5f4a79;

  /* Scale */
  --wt-base: 1.0625rem;
  --wt-sm:   0.9375rem;
  --wt-xs:   0.8125rem;
  --wt-h1:   2.125rem;
  --wt-h2:   1.5625rem;
  --wt-h3:   1.1875rem;

  /* Rhythm */
  --wt-leading:      1.618;
  --wt-leading-snug: 1.32;
}


/* ──────────────────────────────────────────
   Scrollbar Hiding

   Hide every scrollbar across the page while
   keeping scroll behaviour fully functional.
   ────────────────────────────────────────── */

* {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

*::-webkit-scrollbar {
  display: none !important;
}


/* ──────────────────────────────────────────
   Page Canvas
   ────────────────────────────────────────── */

body {
  background-color: var(--wt-paper) !important;
}

.mw-page-container {
  background-color: transparent !important;
}


/* ──────────────────────────────────────────
   Body Text
   ────────────────────────────────────────── */

.mw-body {
  font-family: var(--wt-serif) !important;
  font-size: var(--wt-base) !important;
  line-height: var(--wt-leading) !important;
  color: var(--wt-ink) !important;

  font-kerning: normal;
  font-optical-sizing: auto;
  font-variant-ligatures: common-ligatures contextual;
  font-variant-numeric: oldstyle-nums proportional-nums;
  text-rendering: optimizeLegibility;
  hanging-punctuation: first allow-end last;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mw-parser-output > p {
  margin-top: 0;
  margin-bottom: 0.8em;
  orphans: 3;
  widows: 3;
}


/* ──────────────────────────────────────────
   Page Title
   ────────────────────────────────────────── */

.mw-first-heading,
#firstHeading {
  font-family: var(--wt-display) !important;
  font-size: var(--wt-h1) !important;
  font-weight: 400 !important;
  font-variant-caps: small-caps !important;
  letter-spacing: 0.05em;
  line-height: var(--wt-leading-snug) !important;
  color: var(--wt-ink) !important;
  border: none !important;
  padding-bottom: 0.05em !important;
  margin-bottom: 0.1em !important;
  text-transform: lowercase;
}

#siteSub {
  font-family: var(--wt-serif) !important;
  font-size: var(--wt-sm) !important;
  font-style: italic;
  color: var(--wt-ink-faint) !important;
  margin-bottom: 1.2em !important;
}


/* ──────────────────────────────────────────
   Section Headings
   ────────────────────────────────────────── */

.mw-body-content h2 {
  font-family: var(--wt-display) !important;
  font-size: var(--wt-h2) !important;
  font-weight: 400 !important;
  font-style: italic;
  line-height: var(--wt-leading-snug) !important;
  color: var(--wt-ink) !important;
  letter-spacing: 0;
  margin: 2.2em 0 0.55em !important;
  padding: 0 !important;
  border: none !important;
}

.mw-body-content h3 {
  font-family: var(--wt-serif) !important;
  font-size: var(--wt-h3) !important;
  font-weight: 600 !important;
  font-style: normal;
  font-variant-caps: small-caps !important;
  text-transform: lowercase;
  letter-spacing: 0.035em;
  line-height: var(--wt-leading-snug) !important;
  color: var(--wt-ink) !important;
  margin: 1.8em 0 0.4em !important;
  padding: 0 !important;
  border: none !important;
}

.mw-body-content h4 {
  font-family: var(--wt-serif) !important;
  font-size: var(--wt-base) !important;
  font-weight: 700 !important;
  font-style: normal;
  line-height: var(--wt-leading-snug) !important;
  color: var(--wt-ink) !important;
  margin: 1.5em 0 0.3em !important;
}

.mw-body-content h5 {
  font-family: var(--wt-serif) !important;
  font-size: var(--wt-base) !important;
  font-weight: 600 !important;
  font-style: italic;
  line-height: var(--wt-leading-snug) !important;
  color: var(--wt-ink) !important;
  margin: 1.3em 0 0.2em !important;
}

.mw-body-content h6 {
  font-family: var(--wt-serif) !important;
  font-size: var(--wt-sm) !important;
  font-weight: 400 !important;
  font-style: normal;
  font-variant-caps: all-small-caps;
  letter-spacing: 0.05em;
  line-height: var(--wt-leading-snug) !important;
  color: var(--wt-ink-mid) !important;
  margin: 1.3em 0 0.2em !important;
}

.mw-editsection {
  font-family: var(--wt-ui) !important;
  font-size: var(--wt-xs) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}


/* ──────────────────────────────────────────
   Links
   ────────────────────────────────────────── */

.mw-body-content a {
  color: var(--wt-blue) !important;
  text-decoration-line: underline;
  text-decoration-thickness: 0.75px;
  text-decoration-color: color-mix(in srgb, var(--wt-blue) 30%, transparent);
  text-underline-offset: 0.15em;
  transition: color 0.15s ease,
              text-decoration-color 0.15s ease;
}

.mw-body-content a:hover {
  color: var(--wt-blue-hover) !important;
  text-decoration-color: var(--wt-blue-hover);
}

.mw-body-content a:visited {
  color: var(--wt-purple) !important;
  text-decoration-color: color-mix(in srgb, var(--wt-purple) 30%, transparent);
}

.mw-selflink {
  color: var(--wt-ink) !important;
  text-decoration: none !important;
  font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
  .mw-body-content a { transition: none !important; }
}


/* ──────────────────────────────────────────
   Lists — Prose-context markers

   Custom markers (‣ · –) apply ONLY inside
   .mw-parser-output and are declared without
   !important.  A comprehensive reset block
   below removes them from every navigation,
   chrome, and inline-list container using
   !important, so the reset always wins.
   ────────────────────────────────────────── */

.mw-parser-output ul,
.mw-parser-output ol {
  margin: 0.35em 0 0.8em;
  padding-left: 1.75em;
}

.mw-parser-output ul {
  list-style-type: none;
}

.mw-parser-output ul > li {
  position: relative;
}

/* Level 1 — triangular pointer */
.mw-parser-output ul > li::before {
  content: "‣";
  position: absolute;
  left: -1em;
  color: var(--wt-ink);
  font-family: var(--wt-ui);
  font-size: 1em;
}

/* Level 2 — middle dot */
.mw-parser-output ul ul > li::before {
  content: "·";
  font-size: 1.1em;
  font-weight: 700;
  left: -1.2em;
}

/* Level 3 — en-dash */
.mw-parser-output ul ul ul > li::before {
  content: "–";
  font-size: 0.8em;
  font-weight: 400;
  left: -1.4em;
}

.mw-parser-output li {
  margin-bottom: 0.18em;
}

.mw-parser-output li > ul,
.mw-parser-output li > ol {
  margin-top: 0.15em;
  margin-bottom: 0.15em;
}

.mw-parser-output dt {
  font-weight: 600;
  margin-bottom: 0.1em;
}

.mw-parser-output dd {
  margin-left: 1.75em;
  margin-bottom: 0.45em;
}


/* ── List resets — navigation & chrome ─────
   Every non-prose container that may hold a
   <ul> is listed here. The !important flag
   guarantees these beat the non-!important
   prose rules above regardless of specificity
   or source order. */

.hlist li::before,
.hlist dd::before,
.hlist dt::before,
.navbox li::before,
.navbox-list li::before,
.sidebar li::before,
.infobox li::before,
.navbar li::before,
.plainlist li::before,
.flatlist li::before,
.catlinks li::before,
.portal li::before,
.portalbox li::before,
.succession-box li::before,
.vertical-navbox li::before,
.nowraplinks li::before,
.mbox-text li::before,
.toc li::before,
.vector-toc li::before,
.mw-portlet li::before,
.vector-menu li::before,
.vector-menu-content li::before,
.vector-page-toolbar li::before,
.vector-tabs li::before,
.vector-sticky-header li::before,
.vector-user-links li::before,
.cdx-menu li::before,
.cdx-tabs li::before,
#p-associated-pages li::before,
#p-views li::before,
#p-namespaces li::before,
#p-personal li::before,
#pt-personal li::before,
.mwe-popups li::before,
.rt-tooltip li::before,
.gallery li::before,
.sister-project li::before,
.side-box li::before,
.reflist li::before,
.references li::before {
  content: none !important;
  position: static !important;
}

/* Horizontal lists: restore the ·-separated
   inline layout from MediaWiki core.
   ::after separators are untouched by us, but
   nested-hlist parentheses use ::before and
   must be re-declared after our reset. */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (\200B" !important;
  font-weight: normal !important;
  position: static !important;
}


/* ──────────────────────────────────────────
   Blockquotes
   ────────────────────────────────────────── */

.mw-parser-output blockquote {
  font-style: italic;
  color: var(--wt-ink-mid);
  border-left: 2px solid var(--wt-rule) !important;
  margin: 1em 0 1em 0.5em !important;
  padding: 0.15em 0 0.15em 1.5em !important;
  background: none !important;
}

.mw-parser-output blockquote p:last-child {
  margin-bottom: 0;
}


/* ──────────────────────────────────────────
   Tables
   ────────────────────────────────────────── */

.mw-parser-output table.wikitable {
  font-family: var(--wt-serif) !important;
  font-size: var(--wt-sm) !important;
  font-variant-numeric: lining-nums tabular-nums !important;
  line-height: 1.45 !important;
  border-collapse: collapse !important;
  border: 1px solid var(--wt-rule) !important;
  background-color: var(--wt-paper) !important;
  margin: 1em 0 !important;
}

.mw-parser-output table.wikitable > * > tr > th {
  background-color: var(--wt-paper-dim) !important;
  font-weight: 600 !important;
  border: 1px solid var(--wt-rule) !important;
  padding: 0.45em 0.65em !important;
  text-align: left;
}

.mw-parser-output table.wikitable > * > tr > td {
  border: 1px solid var(--wt-rule-light) !important;
  padding: 0.4em 0.65em !important;
  vertical-align: top;
}


/* ──────────────────────────────────────────
   Infoboxes
   ────────────────────────────────────────── */

.mw-parser-output .infobox {
  font-family: var(--wt-serif) !important;
  font-size: var(--wt-sm) !important;
  line-height: 1.5 !important;
  font-variant-numeric: lining-nums proportional-nums;
  border: 1px solid var(--wt-rule) !important;
  background-color: var(--wt-paper-dim) !important;
}

.mw-parser-output .infobox-title,
.mw-parser-output .infobox caption {
  font-family: var(--wt-display) !important;
  font-size: 1.12em !important;
  font-weight: 600 !important;
}

.mw-parser-output .infobox th,
.mw-parser-output .infobox .infobox-label {
  font-weight: 600 !important;
  padding: 0.3em 0.55em !important;
  vertical-align: top;
}

.mw-parser-output .infobox td,
.mw-parser-output .infobox .infobox-data {
  padding: 0.3em 0.55em !important;
  vertical-align: top;
}


/* ──────────────────────────────────────────
   Images & Captions
   ────────────────────────────────────────── */

figure[typeof~="mw:File/Thumb"] figcaption,
.mw-parser-output .thumbcaption {
  font-family: var(--wt-caption) !important;
  font-size: var(--wt-sm) !important;
  line-height: 1.42 !important;
  color: var(--wt-ink-mid) !important;
  padding-top: 0.4em !important;
}

.mw-parser-output .thumb .thumbinner {
  border-color: var(--wt-rule-light) !important;
  background-color: var(--wt-paper-dim) !important;
}

.mw-parser-output .gallerytext {
  font-family: var(--wt-caption) !important;
  font-size: var(--wt-xs) !important;
  line-height: 1.4 !important;
  color: var(--wt-ink-mid) !important;
}


/* ──────────────────────────────────────────
   Reference Markers — [1] [2] [a]
   ────────────────────────────────────────── */

sup.reference {
  font-family: var(--wt-note) !important;
  font-variant-numeric: lining-nums tabular-nums !important;
  font-variant-ligatures: none !important;
  font-size: 0.7em !important;
  font-weight: 450 !important;
  line-height: 0;
  letter-spacing: -0.02em;
}

sup.reference a {
  font-family: inherit !important;
  text-decoration: none !important;
}

sup.reference a:hover {
  text-decoration: underline !important;
}

.mw-parser-output .references .mw-cite-backlink,
.mw-parser-output .reflist .mw-cite-backlink {
  font-family: var(--wt-note) !important;
  font-size: 0.92em !important;
}


/* ──────────────────────────────────────────
   References & Notes (list body)
   ────────────────────────────────────────── */

.mw-parser-output .reflist,
.mw-parser-output .references {
  font-family: var(--wt-caption) !important;
  font-size: var(--wt-sm) !important;
  line-height: 1.5 !important;
  color: var(--wt-ink-mid) !important;
  font-variant-numeric: lining-nums proportional-nums !important;
}

.mw-parser-output .reflist li,
.mw-parser-output .references li {
  margin-bottom: 0.3em;
}

.mw-parser-output .references .reference-text cite,
.mw-parser-output cite {
  font-style: normal;
}


/* ──────────────────────────────────────────
   Hatnotes & Disambiguation
   ────────────────────────────────────────── */

.mw-parser-output .hatnote,
.mw-parser-output .dablink {
  font-size: var(--wt-sm) !important;
  font-style: italic !important;
  color: var(--wt-ink-faint) !important;
  padding-left: 1.6em !important;
  margin-bottom: 0.75em !important;
}


/* ──────────────────────────────────────────
   Table of Contents
   ────────────────────────────────────────── */

.vector-toc .vector-toc-text {
  font-family: var(--wt-serif) !important;
  font-size: var(--wt-sm) !important;
  line-height: 1.4 !important;
  color: var(--wt-ink-mid) !important;
}

.vector-toc .vector-toc-list-item-active
  > .vector-toc-link .vector-toc-text {
  color: var(--wt-ink) !important;
  font-weight: 600 !important;
}

#toc,
.toc {
  font-family: var(--wt-serif) !important;
  font-size: var(--wt-sm) !important;
  line-height: 1.5 !important;
  background-color: var(--wt-paper-dim) !important;
  border: 1px solid var(--wt-rule-light) !important;
}


/* ──────────────────────────────────────────
   Code & Pre-formatted Text
   ────────────────────────────────────────── */

.mw-body-content code,
.mw-body-content pre,
.mw-body-content .mw-code {
  font-family: var(--wt-mono) !important;
  font-size: 0.875em !important;
  font-variant-ligatures: none !important;
  font-variant-numeric: lining-nums tabular-nums !important;
}

.mw-body-content code {
  background-color: var(--wt-paper-dim);
  padding: 0.1em 0.3em;
  border-radius: 2px;
  border: 1px solid var(--wt-rule-light);
}

.mw-body-content pre,
.mw-body-content .mw-code {
  background-color: var(--wt-paper-dim) !important;
  border: 1px solid var(--wt-rule-light) !important;
  padding: 0.75em 1em !important;
  line-height: 1.55 !important;
}


/* ──────────────────────────────────────────
   Navboxes & Succession Boxes
   ────────────────────────────────────────── */

.mw-parser-output .navbox {
  font-family: var(--wt-serif) !important;
  font-size: var(--wt-sm) !important;
  line-height: 1.45 !important;
  border-color: var(--wt-rule) !important;
}

.mw-parser-output .navbox-title {
  font-weight: 600 !important;
  background-color: var(--wt-paper-dim) !important;
}

.mw-parser-output .navbox-group {
  font-weight: 600 !important;
  background-color: var(--wt-paper-dim) !important;
}

.mw-parser-output .navbox-subgroup {
  background-color: var(--wt-paper) !important;
}


/* ──────────────────────────────────────────
   Categories
   ────────────────────────────────────────── */

#catlinks {
  font-family: var(--wt-serif) !important;
  font-size: var(--wt-sm) !important;
  color: var(--wt-ink-mid) !important;
  background-color: var(--wt-paper-dim) !important;
  border: 1px solid var(--wt-rule-light) !important;
  margin-top: 2em !important;
}


/* ──────────────────────────────────────────
   Navigation Chrome & Sticky Header

   UI chrome stays in the system sans-serif.
   The sticky-header title mirrors the page
   title's small-caps treatment.
   ────────────────────────────────────────── */

.vector-header,
.vector-menu-content,
.vector-page-toolbar,
.vector-sticky-header {
  font-family: var(--wt-ui) !important;
}

/* Sticky-header page title — small caps */
.vector-sticky-header-context-bar-primary {
  font-family: var(--wt-display) !important;
  font-variant-caps: small-caps !important;
  text-transform: lowercase !important;
  letter-spacing: 0.05em !important;
  font-weight: 400 !important;
}

#searchInput,
.cdx-text-input__input {
  font-family: var(--wt-ui) !important;
}

/* Defensive: ensure Vector tabs, menus, and
   portlets never inherit article list-style */
.mw-portlet ul,
.vector-menu-content ul,
.vector-page-toolbar ul,
.vector-tabs ul,
.vector-sticky-header ul,
.vector-user-links ul,
.cdx-menu ul,
.cdx-tabs ul,
#p-associated-pages ul,
#p-views ul,
#p-namespaces ul,
#p-personal ul {
  list-style: none !important;
}


/* ──────────────────────────────────────────
   Page Previews (Hovercards)

   Typography and palette matched to the
   article body for a seamless reading feel.
   ────────────────────────────────────────── */

.mwe-popups {
  font-family: var(--wt-serif) !important;
  color: var(--wt-ink) !important;
  border: 1px solid var(--wt-rule) !important;
  border-radius: 4px !important;
  box-shadow:
    0 4px 20px rgba(0, 0, 0, 0.08),
    0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

.mwe-popups-container {
  background-color: var(--wt-paper) !important;
}

.mwe-popups .mwe-popups-extract {
  font-family: var(--wt-serif) !important;
  font-size: var(--wt-sm) !important;
  line-height: 1.55 !important;
  color: var(--wt-ink) !important;
  font-kerning: normal;
  font-variant-ligatures: common-ligatures contextual;
  font-variant-numeric: oldstyle-nums proportional-nums;
}

.mwe-popups .mwe-popups-extract p:last-child {
  margin-bottom: 0;
}

.mwe-popups a {
  color: var(--wt-blue) !important;
  text-decoration-thickness: 0.75px;
  text-decoration-color: color-mix(in srgb, var(--wt-blue) 30%, transparent);
  text-underline-offset: 0.12em;
}

.mwe-popups a:hover {
  color: var(--wt-blue-hover) !important;
  text-decoration-color: var(--wt-blue-hover);
}


/* ──────────────────────────────────────────
   Reference Tooltips
   ────────────────────────────────────────── */

.rt-tooltip {
  font-family: var(--wt-caption) !important;
  font-size: var(--wt-sm) !important;
  line-height: 1.5 !important;
  color: var(--wt-ink-mid) !important;
  background-color: var(--wt-paper) !important;
  border: 1px solid var(--wt-rule) !important;
  border-radius: 3px !important;
  box-shadow:
    0 4px 16px rgba(0, 0, 0, 0.07),
    0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.rt-tooltip .reference-text {
  font-family: var(--wt-caption) !important;
  font-variant-numeric: lining-nums proportional-nums !important;
}

.rt-tooltip a {
  color: var(--wt-blue) !important;
  text-decoration-thickness: 0.75px;
  text-underline-offset: 0.12em;
}

.rt-tooltip a:hover {
  color: var(--wt-blue-hover) !important;
}

.rt-tooltip cite {
  font-style: normal;
}


/* ──────────────────────────────────────────
   Footer
   ────────────────────────────────────────── */

.mw-footer,
#footer-info {
  font-family: var(--wt-serif) !important;
  font-size: var(--wt-sm) !important;
  color: var(--wt-ink-faint) !important;
  border-top-color: var(--wt-rule-light) !important;
}


/* ──────────────────────────────────────────
   Message Boxes
   ────────────────────────────────────────── */

.mw-parser-output .ambox,
.mw-parser-output .tmbox,
.mw-parser-output .cmbox,
.mw-parser-output .ombox {
  font-size: var(--wt-sm) !important;
  border-color: var(--wt-rule) !important;
}


/* ──────────────────────────────────────────
   Finishing Touches
   ────────────────────────────────────────── */

.mw-parser-output hr {
  border: none !important;
  border-top: 0.75px solid var(--wt-rule) !important;
  margin: 1.5em auto !important;
  max-width: 10em;
}

.mw-parser-output abbr[title] {
  text-decoration: none;
  border-bottom: 1px dotted var(--wt-ink-faint);
  cursor: help;
}

.mw-parser-output sub,
.mw-parser-output sup {
  line-height: 0;
}

.mw-parser-output #coordinates {
  font-size: var(--wt-xs) !important;
  font-variant-numeric: lining-nums !important;
}

.mw-parser-output > p:first-of-type > b:first-child {
  font-weight: 700;
}

::selection {
  background-color: color-mix(in srgb, var(--wt-blue) 16%, transparent);
  color: var(--wt-ink);
}

:focus-visible {
  outline: 2px solid var(--wt-blue);
  outline-offset: 2px;
}

/* ──────────────────────────────────────────
   Page Tabs & Actions Bar

   Article · Talk | Read · Edit source ·
   View history — restyled as quiet italic
   serif labels.  Watchstar, Tools dropdown,
   and all chrome icons are suppressed.
   ────────────────────────────────────────── */

/* ── Toolbar bottom rule ── */

.vector-page-toolbar-container {
  border-bottom: 0.5px solid var(--wt-rule-light) !important;
}

/* ── Hide Tools and Watchstar entirely ── */

.vector-page-tools-landmark,
#vector-page-tools-dropdown,
#p-cactions,
#ca-watchstar,
#ca-watchstar-sticky-header {
  display: none !important;
}

/* ── Shared tab-link typography ── */

#p-associated-pages .mw-list-item > a,
#p-namespaces .mw-list-item > a,
#p-views .mw-list-item > a,
.vector-menu-tabs .mw-list-item > a {
  font-family: var(--wt-serif) !important;
  font-size: var(--wt-sm) !important;
  font-style: italic !important;
  font-variant-caps: normal !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--wt-ink-faint) !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

/* Selected / active tab */
#p-associated-pages .selected > a,
#p-namespaces .selected > a,
#p-views .selected > a,
.vector-menu-tabs .selected > a {
  color: var(--wt-ink) !important;
  font-weight: 600 !important;
}

/* Hover */
#p-associated-pages .mw-list-item > a:hover,
#p-namespaces .mw-list-item > a:hover,
#p-views .mw-list-item > a:hover,
.vector-menu-tabs .mw-list-item > a:hover {
  color: var(--wt-blue) !important;
}

/* ── Tab active indicator ── */

.vector-menu-tabs .mw-list-item > a {
  border-bottom-color: transparent !important;
}

.vector-menu-tabs .selected > a {
  border-bottom: 1.5px solid var(--wt-ink-mid) !important;
}

/* ── Language button ── */

#p-lang-btn .mw-interlanguage-selector,
.mw-portlet-lang .mw-interlanguage-selector {
  font-family: var(--wt-serif) !important;
  font-size: var(--wt-xs) !important;
  font-style: italic !important;
  font-variant-caps: normal !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--wt-ink-faint) !important;
  border: 1px solid var(--wt-rule-light) !important;
  background-color: var(--wt-paper) !important;
  transition: color 0.15s ease, border-color 0.15s ease !important;
}

#p-lang-btn .mw-interlanguage-selector:hover,
.mw-portlet-lang .mw-interlanguage-selector:hover {
  color: var(--wt-blue) !important;
  border-color: var(--wt-rule) !important;
  background-color: var(--wt-paper) !important;
}

/* ── Suppress chrome icons ── */

#p-lang-btn .cdx-button__icon,
.mw-interlanguage-selector .cdx-button__icon,
.mw-interlanguage-selector .vector-icon,
#p-associated-pages .vector-icon,
#p-namespaces .vector-icon,
#p-views .vector-icon,
.vector-menu-tabs .mw-list-item .vector-icon,
.vector-page-toolbar .cdx-button--icon-only {
  display: none !important;
}

/* ── Reduced motion ── */

@media (prefers-reduced-motion: reduce) {
  #p-associated-pages .mw-list-item > a,
  #p-views .mw-list-item > a,
  .vector-menu-tabs .mw-list-item > a,
  #p-lang-btn .mw-interlanguage-selector {
    transition: none !important;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --wt-blue:       #a08ed7;
    --wt-blue-hover: #abaae6;
    --wt-purple:     #cfa0af;
  }
}

Content Disclaimer

Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.

  1. The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
  2. There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
  3. It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
  4. Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
  5. Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.