MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* ============================================================
   WIKIPARTNER
   GLOBAL LIGHT / DARK THEME
============================================================ */


/* ============================================================
   LIGHT THEME
============================================================ */

:root,
html.wp-theme-light {

    color-scheme: light;

    --wp-teal: #0F6B65;
    --wp-teal-dark: #09534E;
    --wp-teal-soft: #EEF6F5;

    --wp-gold: #E8A33D;
    --wp-blue: #3E7CB1;

    --wp-navy: #12233F;
    --wp-charcoal: #2B2B2B;

    --wp-text: #2B2B2B;
    --wp-muted: #6D7378;

    --wp-page-bg: #FAF9F7;

    --wp-surface: #FFFFFF;
    --wp-surface-2: #FAF7F2;
    --wp-surface-3: #F3F5F4;

    --wp-border: #DDDAD3;

    --wp-heading: #12233F;

    --wp-input-bg: #FFFFFF;

    --wp-hover-bg: #EEF6F5;

    --wp-shadow:
        0 8px 24px
        rgba(18, 35, 63, 0.08);
}


/* ============================================================
   DARK THEME
============================================================ */

html.wp-theme-dark {

    color-scheme: dark;

    --wp-teal: #70CEC3;
    --wp-teal-dark: #9BE2DA;
    --wp-teal-soft: #173431;

    --wp-gold: #E7B65E;
    --wp-blue: #83B6DF;

    --wp-navy: #EEE5D4;
    --wp-charcoal: #E2E9E7;

    --wp-text: #E2E9E7;
    --wp-muted: #A4B0AE;

    --wp-page-bg: #0C1517;

    --wp-surface: #111D20;
    --wp-surface-2: #162426;
    --wp-surface-3: #1B2B2E;

    --wp-border: #2B4144;

    --wp-heading: #F0E7D7;

    --wp-input-bg: #142225;

    --wp-hover-bg: #193633;

    --wp-shadow:
        0 12px 32px
        rgba(0, 0, 0, 0.30);
}


/* ============================================================
   PAGE
============================================================ */

html.wp-theme-light body,
html.wp-theme-dark body {

    background:
        var(--wp-page-bg) !important;

    color:
        var(--wp-text) !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}


/* ============================================================
   HEADER
============================================================ */

html.wp-theme-light .wp-site-header,
html.wp-theme-dark .wp-site-header {

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-text) !important;

    border-color:
        var(--wp-border) !important;

    border-bottom-color:
        var(--wp-teal) !important;

    box-shadow:
        var(--wp-shadow) !important;
}


/* ============================================================
   SEARCH
============================================================ */

html.wp-theme-light .wp-search,
html.wp-theme-dark .wp-search {

    background:
        var(--wp-input-bg) !important;

    border-color:
        var(--wp-border) !important;
}


html.wp-theme-light .wp-search input,
html.wp-theme-dark .wp-search input {

    background:
        transparent !important;

    color:
        var(--wp-text) !important;
}


html.wp-theme-dark .wp-search input::placeholder {

    color:
        #879794 !important;
}


html.wp-theme-light .wp-search button,
html.wp-theme-dark .wp-search button {

    background:
        var(--wp-input-bg) !important;

    color:
        var(--wp-teal) !important;

    border-left-color:
        var(--wp-border) !important;
}


html.wp-theme-light .wp-search button:hover,
html.wp-theme-dark .wp-search button:hover {

    background:
        var(--wp-hover-bg) !important;

    color:
        var(--wp-teal-dark) !important;
}


/* ============================================================
   SEARCH AUTOCOMPLETE
============================================================ */

html.wp-theme-light .wp-search-suggestions,
html.wp-theme-dark .wp-search-suggestions {

    background:
        var(--wp-surface) !important;

    border-color:
        var(--wp-border) !important;

    box-shadow:
        var(--wp-shadow) !important;
}


html.wp-theme-light .wp-search-suggestion,
html.wp-theme-light .wp-search-suggestions a,
html.wp-theme-dark .wp-search-suggestion,
html.wp-theme-dark .wp-search-suggestions a {

    background:
        transparent !important;

    color:
        var(--wp-text) !important;
}


html.wp-theme-light .wp-search-suggestion:hover,
html.wp-theme-light .wp-search-suggestions a:hover,
html.wp-theme-light .wp-search-suggestion.is-active,

html.wp-theme-dark .wp-search-suggestion:hover,
html.wp-theme-dark .wp-search-suggestions a:hover,
html.wp-theme-dark .wp-search-suggestion.is-active {

    background:
        var(--wp-hover-bg) !important;

    color:
        var(--wp-teal) !important;
}


/* ============================================================
   MAIN WEBSITE
============================================================ */

html.wp-theme-light .wp-page,
html.wp-theme-dark .wp-page {

    background:
        var(--wp-page-bg) !important;

    color:
        var(--wp-text) !important;
}


html.wp-theme-light .wp-content,
html.wp-theme-dark .wp-content {

    background:
        transparent !important;

    color:
        var(--wp-text) !important;
}


/* ============================================================
   ARTICLE HEADER
============================================================ */

html.wp-theme-light .wp-article-header,
html.wp-theme-dark .wp-article-header {

    background:
        transparent !important;

    color:
        var(--wp-text) !important;
}


html.wp-theme-light .firstHeading,
html.wp-theme-dark .firstHeading,

html.wp-theme-light .mw-parser-output h1,
html.wp-theme-dark .mw-parser-output h1,

html.wp-theme-light .mw-parser-output h2,
html.wp-theme-dark .mw-parser-output h2,

html.wp-theme-light .mw-parser-output h3,
html.wp-theme-dark .mw-parser-output h3,

html.wp-theme-light .mw-parser-output h4,
html.wp-theme-dark .mw-parser-output h4 {

    color:
        var(--wp-heading) !important;
}


/* ============================================================
   ARTICLE BODY
============================================================ */

html.wp-theme-light .wp-article-body,
html.wp-theme-dark .wp-article-body,

html.wp-theme-light .mw-body,
html.wp-theme-dark .mw-body,

html.wp-theme-light .mw-body-content,
html.wp-theme-dark .mw-body-content,

html.wp-theme-light .mw-parser-output,
html.wp-theme-dark .mw-parser-output {

    background:
        transparent !important;

    color:
        var(--wp-text) !important;
}


/* ============================================================
   PARAGRAPHS / TEXT
============================================================ */

html.wp-theme-dark .mw-parser-output p,
html.wp-theme-dark .mw-parser-output li,
html.wp-theme-dark .mw-parser-output dd,
html.wp-theme-dark .mw-parser-output dt {

    color:
        var(--wp-text) !important;
}


/* ============================================================
   LINKS
============================================================ */

html.wp-theme-light a,
html.wp-theme-dark a {

    color:
        var(--wp-teal);
}


html.wp-theme-light a:hover,
html.wp-theme-dark a:hover {

    color:
        var(--wp-teal-dark);
}


/* ============================================================
   SIDEBARS
============================================================ */

html.wp-theme-light .wp-sidebar-box,
html.wp-theme-dark .wp-sidebar-box {

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-text) !important;

    border-color:
        var(--wp-border) !important;

    box-shadow:
        var(--wp-shadow) !important;
}


html.wp-theme-light .wp-sidebar-section,
html.wp-theme-dark .wp-sidebar-section {

    border-color:
        var(--wp-border) !important;
}


html.wp-theme-light .wp-sidebar-title,
html.wp-theme-dark .wp-sidebar-title {

    color:
        var(--wp-heading) !important;
}


html.wp-theme-light .wp-sidebar-static-item,
html.wp-theme-dark .wp-sidebar-static-item {

    color:
        var(--wp-muted) !important;
}


html.wp-theme-light .wp-sidebar-highlight,
html.wp-theme-dark .wp-sidebar-highlight {

    background:
        var(--wp-surface-2) !important;
}


/* ============================================================
   CONTENTS BUTTON
============================================================ */

html.wp-theme-light .wp-toc-button,
html.wp-theme-dark .wp-toc-button {

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-teal) !important;

    border-color:
        var(--wp-border) !important;
}


html.wp-theme-light .wp-toc-popover,
html.wp-theme-dark .wp-toc-popover {

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-text) !important;

    border-color:
        var(--wp-border) !important;

    box-shadow:
        var(--wp-shadow) !important;
}


html.wp-theme-light .wp-toc-heading,
html.wp-theme-dark .wp-toc-heading {

    color:
        var(--wp-heading) !important;
}


/* ============================================================
   INFOBOX
============================================================ */

html.wp-theme-light .infobox,
html.wp-theme-dark .infobox {

    background:
        var(--wp-surface-2) !important;

    color:
        var(--wp-text) !important;

    border-color:
        var(--wp-border) !important;
}


html.wp-theme-light .infobox th,
html.wp-theme-dark .infobox th {

    background:
        var(--wp-hover-bg) !important;

    color:
        var(--wp-heading) !important;
}


html.wp-theme-light .infobox td,
html.wp-theme-dark .infobox td {

    color:
        var(--wp-text) !important;

    border-color:
        var(--wp-border) !important;
}


/* ============================================================
   TABLES
============================================================ */

html.wp-theme-dark .mw-parser-output table {

    color:
        var(--wp-text) !important;

    border-color:
        var(--wp-border) !important;
}


html.wp-theme-dark .mw-parser-output table th {

    background:
        var(--wp-surface-3) !important;

    color:
        var(--wp-heading) !important;

    border-color:
        var(--wp-border) !important;
}


html.wp-theme-dark .mw-parser-output table td {

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-text) !important;

    border-color:
        var(--wp-border) !important;
}


/* ============================================================
   MEDIAWIKI FORMS
============================================================ */

html.wp-theme-dark input,
html.wp-theme-dark textarea,
html.wp-theme-dark select {

    background:
        var(--wp-input-bg) !important;

    color:
        var(--wp-text) !important;

    border-color:
        var(--wp-border) !important;
}


/* ============================================================
   CODE
============================================================ */

html.wp-theme-dark pre,
html.wp-theme-dark code,
html.wp-theme-dark .mw-code {

    background:
        #142225 !important;

    color:
        #E4ECEA !important;

    border-color:
        var(--wp-border) !important;
}


/* ============================================================
   USER AREA
============================================================ */

.wp-user-area {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 7px;
}


/* ============================================================
   USERNAME
============================================================ */

.wp-user-primary {

    margin: 0;
    padding: 0;

    display: flex;

    align-items: center;

    list-style: none;
}


.wp-user-primary.is-empty {

    display: none;
}


.wp-user-primary > li {

    margin: 0;
    padding: 0;

    list-style: none;
}


.wp-user-primary > li > a {

    min-height: 34px;

    padding:
        8px
        11px;

    display: inline-flex;

    align-items: center;

    border-radius: 7px;

    color:
        var(--wp-teal) !important;

    font-size: 12px;

    font-weight: 700;

    text-decoration: none !important;
}


.wp-user-primary > li > a:hover {

    background:
        var(--wp-hover-bg) !important;

    color:
        var(--wp-teal-dark) !important;
}


/* ============================================================
   USER MENU TOP LEVEL
============================================================ */

.wp-user-menu-list {

    margin: 0;
    padding: 0;

    display: flex;

    align-items: center;

    gap: 7px;

    list-style: none;
}


.wp-user-menu-list > li {

    margin: 0;
    padding: 0;

    list-style: none;
}


/* ============================================================
   LOGGED-OUT LINKS
============================================================ */

.wp-user-menu-list.wp-is-logged-out > li > a {

    min-height: 34px;

    padding:
        8px
        11px;

    display: inline-flex;

    align-items: center;

    border:
        1px solid
        var(--wp-border);

    border-radius: 7px;

    background:
        var(--wp-surface-2);

    color:
        var(--wp-teal) !important;

    font-size: 12px;

    font-weight: 600;

    text-decoration: none !important;
}


.wp-user-menu-list.wp-is-logged-out > li > a:hover {

    background:
        var(--wp-hover-bg);

    color:
        var(--wp-teal-dark) !important;
}


/* ============================================================
   THEME BUTTON
============================================================ */

.wikipartner-theme-item {

    margin: 0 !important;
    padding: 0 !important;

    display: flex;

    align-items: center;

    list-style: none !important;
}


.wikipartner-theme-toggle {

    width: 35px;
    height: 35px;

    margin: 0;
    padding: 0;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 35px;

    cursor: pointer;

    appearance: none;

    background:
        var(--wp-surface-2) !important;

    color:
        var(--wp-teal) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius: 50%;

    box-shadow: none !important;

    transition:
        background 0.15s ease,
        color 0.15s ease,
        border-color 0.15s ease,
        transform 0.15s ease;
}


.wikipartner-theme-toggle:hover {

    background:
        var(--wp-hover-bg) !important;

    color:
        var(--wp-teal-dark) !important;

    transform:
        rotate(-7deg);
}


.wp-theme-icon {

    width: 18px;
    height: 18px;

    display: flex;

    align-items: center;
    justify-content: center;
}


.wp-theme-icon svg {

    width: 18px;
    height: 18px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

    stroke-linecap: round;

    stroke-linejoin: round;
}


/* ============================================================
   HAMBURGER
============================================================ */

.wp-user-dropdown {

    position: relative;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


.wp-user-menu-trigger {

    width: 35px;
    height: 35px;

    margin: 0;
    padding: 0;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    cursor: pointer;

    appearance: none;

    background:
        var(--wp-surface-2) !important;

    color:
        var(--wp-teal) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius: 8px;

    transition:
        background 0.15s ease,
        color 0.15s ease,
        border-color 0.15s ease;
}


.wp-user-menu-trigger:hover {

    background:
        var(--wp-hover-bg) !important;

    color:
        var(--wp-teal-dark) !important;
}


/* ============================================================
   HAMBURGER LINES
============================================================ */

.wp-menu-bars {

    width: 17px;
    height: 14px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;
}


.wp-menu-bars > span {

    width: 100%;
    height: 2px;

    display: block;

    background:
        currentColor;

    border-radius: 999px;
}


/* ============================================================
   HAMBURGER DROPDOWN
============================================================ */

.wp-user-dropdown-menu {

    position: absolute;

    top:
        calc(100% + 10px);

    right: 0;

    z-index: 9999;

    width: 220px;

    margin: 0;

    padding: 6px;

    list-style: none;

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius: 10px;

    box-shadow:
        var(--wp-shadow) !important;
}


.wp-user-dropdown-menu[hidden] {

    display: none !important;
}


.wp-user-dropdown-menu > li {

    width: 100%;

    margin: 0 !important;

    padding: 0 !important;

    display: block;

    list-style: none !important;
}


.wp-user-dropdown-menu > li > a {

    width: 100%;

    min-height: 38px;

    padding:
        9px
        11px;

    display: flex;

    align-items: center;

    background:
        transparent !important;

    color:
        var(--wp-text) !important;

    border: 0 !important;

    border-radius: 7px;

    font-size: 12px;

    font-weight: 500;

    text-decoration: none !important;
}


.wp-user-dropdown-menu > li > a:hover {

    background:
        var(--wp-hover-bg) !important;

    color:
        var(--wp-teal-dark) !important;
}


.wp-user-dropdown-menu #pt-logout > a {

    margin-top: 4px;

    border-top:
        1px solid
        var(--wp-border) !important;
}


/* ============================================================
   FOOTER
============================================================ */

html.wp-theme-light .wp-footer,
html.wp-theme-dark .wp-footer {

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-muted) !important;

    border-color:
        var(--wp-border) !important;
}


html.wp-theme-light .wp-footer-inner,
html.wp-theme-dark .wp-footer-inner {

    color:
        var(--wp-muted) !important;
}


html.wp-theme-light .wp-footer a,
html.wp-theme-dark .wp-footer a {

    color:
        var(--wp-teal) !important;
}


html.wp-theme-light .wp-social-icon,
html.wp-theme-dark .wp-social-icon {

    background:
        var(--wp-surface-2) !important;

    color:
        var(--wp-teal) !important;

    border-color:
        var(--wp-border) !important;
}


/* ============================================================
   COMMON HOMEPAGE / COMPONENT SURFACES
============================================================ */

/*
   These selectors intentionally cover WikiPartner components
   that may still have hard-coded white backgrounds in the
   skin's homepage.css/components.css files.
*/

html.wp-theme-dark
[class*="wp-card"],

html.wp-theme-dark
[class*="wp-box"],

html.wp-theme-dark
[class*="wp-panel"],

html.wp-theme-dark
[class*="wp-section-card"],

html.wp-theme-dark
[class*="wp-feature"] {

    background-color:
        var(--wp-surface) !important;

    color:
        var(--wp-text) !important;

    border-color:
        var(--wp-border) !important;
}


html.wp-theme-dark
[class*="wp-card"] h1,

html.wp-theme-dark
[class*="wp-card"] h2,

html.wp-theme-dark
[class*="wp-card"] h3,

html.wp-theme-dark
[class*="wp-box"] h1,

html.wp-theme-dark
[class*="wp-box"] h2,

html.wp-theme-dark
[class*="wp-box"] h3 {

    color:
        var(--wp-heading) !important;
}


/* ============================================================
   MEDIAWIKI NOTICES
============================================================ */

html.wp-theme-dark .mw-message-box,
html.wp-theme-dark .warningbox,
html.wp-theme-dark .errorbox,
html.wp-theme-dark .successbox {

    color:
        var(--wp-text) !important;

    border-color:
        var(--wp-border) !important;
}


/* ============================================================
   SELECTION
============================================================ */

html.wp-theme-dark ::selection {

    background:
        #24514C;

    color:
        #FFFFFF;
}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 700px) {

    .wp-user-dropdown-menu {

        width: 200px;
    }


    .wikipartner-theme-toggle,
    .wp-user-menu-trigger {

        width: 32px;
        height: 32px;

        flex-basis: 32px;
    }


    .wp-theme-icon,
    .wp-theme-icon svg {

        width: 16px;
        height: 16px;
    }
}

/* ============================================================
   WIKIPARTNER
   RESTORE SIDEBAR CARD SEPARATION + FOOTER ACCENT
============================================================ */


/* ============================================================
   SIDEBAR OUTER WRAPPER
============================================================ */

html.wp-theme-light .wp-sidebar-box,
html.wp-theme-dark .wp-sidebar-box {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* ============================================================
   FINAL SIDEBAR CARD DESIGN
============================================================ */

html.wp-theme-light .wp-sidebar-section,
html.wp-theme-dark .wp-sidebar-section {
    position: relative !important;

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        10px !important;

    padding:
        18px 16px 15px !important;

    margin:
        0 0 16px !important;

    box-sizing:
        border-box !important;

    box-shadow:
        0 7px 18px
        rgba(18, 35, 63, 0.055) !important;

    overflow:
        hidden !important;
}


/* ============================================================
   SIDEBAR TOP ACCENTS
   Clean top strip like the search panel
============================================================ */

html.wp-theme-light .wp-sidebar-section::before,
html.wp-theme-dark .wp-sidebar-section::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    height: 4px;

    border-radius:
        10px 10px 0 0;
}


/* Left sidebar — teal */

html.wp-theme-light
.wp-left-sidebar
.wp-sidebar-section::before,

html.wp-theme-dark
.wp-left-sidebar
.wp-sidebar-section::before {
    background:
        var(--wp-teal) !important;
}


/* Right sidebar — gold */

html.wp-theme-light
.wp-right-sidebar
.wp-sidebar-section::before,

html.wp-theme-dark
.wp-right-sidebar
.wp-sidebar-section::before {
    background:
        var(--wp-gold) !important;
}


/* ============================================================
   SIDEBAR TITLES / LINKS / CONTENT
============================================================ */

html.wp-theme-light .wp-sidebar-title,
html.wp-theme-dark .wp-sidebar-title {
    margin:
        0 0 12px !important;

    color:
        var(--wp-heading) !important;

    font-size:
        1.05rem !important;

    font-weight:
        700 !important;

    line-height:
        1.25 !important;
}


html.wp-theme-light .wp-sidebar-section a,
html.wp-theme-dark .wp-sidebar-section a,

html.wp-theme-light .wp-sidebar-static-item,
html.wp-theme-dark .wp-sidebar-static-item {
    display:
        block !important;

    margin:
        0 !important;

    padding:
        5px 0 !important;

    line-height:
        1.45 !important;
}


html.wp-theme-light .wp-sidebar-static-item,
html.wp-theme-dark .wp-sidebar-static-item {
    color:
        var(--wp-muted) !important;
}


/* Keep highlighted section subtle, not a different card system */

html.wp-theme-light .wp-sidebar-highlight,
html.wp-theme-dark .wp-sidebar-highlight {
    background:
        var(--wp-surface) !important;
}

/* ============================================================
   FOOTER
   Restore WikiPartner teal top accent.
============================================================ */

html.wp-theme-light .wp-footer,
html.wp-theme-dark .wp-footer {
    border-top:
        4px solid
        var(--wp-teal) !important;
}


/* ============================================================
   LIGHT MODE PAGE BACKGROUND
   Keeps visible warm gaps around white sidebar cards.
============================================================ */

html.wp-theme-light body,
html.wp-theme-light .wp-page {
    background:
        #FAF7F2 !important;
}


/* ============================================================
   DARK MODE PAGE BACKGROUND
============================================================ */

html.wp-theme-dark body,
html.wp-theme-dark .wp-page {
    background:
        var(--wp-page-bg) !important;
}


/* ============================================================
   DARK MODE SIDEBAR SHADOW
============================================================ */

html.wp-theme-dark
.wp-sidebar-section {
    box-shadow:
        0 8px 22px
        rgba(0, 0, 0, 0.22) !important;
}

/* ============================================================
   USER DROPDOWN — WIKIPARTNER ACCENT
============================================================ */

.wp-user-dropdown-menu {
    border-top:
        4px solid
        var(--wp-teal) !important;

    border-radius:
        10px !important;
}


/* ============================================================
   REMOVE DIVIDER ABOVE LOG OUT
============================================================ */

.wp-user-dropdown-menu #pt-logout > a {
    border-top:
        0 !important;

    margin-top:
        0 !important;
}

/* ============================================================
   ARTICLE CONTENTS DROPDOWN
   Match WikiPartner user hamburger menu
============================================================ */


/* ============================================================
   CONTENTS DROPDOWN BOX
============================================================ */

.wp-toc-popover {
    width: 220px !important;

    margin: 0 !important;
    padding: 6px !important;

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-top:
        4px solid
        var(--wp-teal) !important;

    border-radius:
        10px !important;

    box-shadow:
        var(--wp-shadow) !important;
}


/* ============================================================
   CONTENTS HEADING
============================================================ */

.wp-toc-heading {
    margin: 0 !important;

    padding:
        9px
        11px !important;

    color:
        var(--wp-heading) !important;

    font-size: 12px !important;

    font-weight: 700 !important;

    line-height: 1.25 !important;
}


/* ============================================================
   CONTENTS LINKS WRAPPER
============================================================ */

.wp-toc-links {
    display: flex !important;

    flex-direction: column !important;

    gap: 1px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ============================================================
   CONTENTS LINKS
============================================================ */

.wp-toc-links > a {
    width: 100% !important;

    min-height: 38px !important;

    margin: 0 !important;

    padding:
        9px
        11px !important;

    display: flex !important;

    align-items: center !important;

    background:
        transparent !important;

    color:
        var(--wp-text) !important;

    border: 0 !important;

    border-radius:
        7px !important;

    font-size:
        12px !important;

    font-weight:
        500 !important;

    line-height:
        1.25 !important;

    text-decoration:
        none !important;

    transition:
        background 0.15s ease,
        color 0.15s ease !important;
}


/* ============================================================
   CONTENTS LINK HOVER
============================================================ */

.wp-toc-links > a:hover {
    background:
        var(--wp-hover-bg) !important;

    color:
        var(--wp-teal-dark) !important;

    text-decoration:
        none !important;
}


/* ============================================================
   "(TOP)" LINK
============================================================ */

.wp-toc-links > .wp-toc-top {
    color:
        var(--wp-teal) !important;

    font-weight:
        600 !important;
}


/* ============================================================
   NESTED CONTENTS LEVELS
============================================================ */

.wp-toc-links .wp-toc-level-2 {
    padding-left:
        20px !important;
}


.wp-toc-links .wp-toc-level-3 {
    padding-left:
        30px !important;

    font-size:
        11.5px !important;
}


.wp-toc-links .wp-toc-level-4 {
    padding-left:
        40px !important;

    font-size:
        11px !important;
}


/* ============================================================
   CONTENTS HAMBURGER BUTTON
   Match user hamburger button
============================================================ */

.wp-toc-button {
    width: 35px !important;
    height: 35px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    cursor: pointer !important;

    background:
        var(--wp-surface-2) !important;

    color:
        var(--wp-teal) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        8px !important;

    transition:
        background 0.15s ease,
        color 0.15s ease,
        border-color 0.15s ease !important;
}


.wp-toc-button:hover {
    background:
        var(--wp-hover-bg) !important;

    color:
        var(--wp-teal-dark) !important;
}


/* ============================================================
   CONTENTS HAMBURGER LINES
============================================================ */

.wp-toc-icon {
    width: 17px !important;
    height: 14px !important;

    display: flex !important;

    flex-direction: column !important;

    justify-content: space-between !important;
}


.wp-toc-icon > span {
    width: 100% !important;
    height: 2px !important;

    display: block !important;

    background:
        currentColor !important;

    border-radius:
        999px !important;
}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 700px) {

    .wp-toc-popover {
        width: 200px !important;
    }


    .wp-toc-button {
        width: 32px !important;
        height: 32px !important;
    }

}

/* ============================================================
   ARTICLE CONTENTS — FINAL CLEANUP
============================================================ */


/* Hide completely when article has no headings */

.wp-title-toc[hidden] {
    display: none !important;
}


/* ============================================================
   CONTENTS DROPDOWN
============================================================ */

.wp-toc-popover {
    width: 220px !important;

    margin: 0 !important;
    padding: 6px !important;

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-top:
        4px solid
        var(--wp-teal) !important;

    border-radius:
        10px !important;

    box-shadow:
        var(--wp-shadow) !important;
}


/* ============================================================
   REMOVE OLD CONTENTS/TOP STYLING
============================================================ */

.wp-toc-heading,
.wp-toc-top {
    display: none !important;
}


/* ============================================================
   HEADING LIST
============================================================ */

.wp-toc-links {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    gap: 1px !important;
}


/* ============================================================
   ARTICLE HEADING LINKS
============================================================ */

.wp-toc-links > a {
    width: 100% !important;

    min-height: 37px !important;

    margin: 0 !important;

    padding:
        9px
        11px !important;

    display: flex !important;

    align-items: center !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-radius:
        7px !important;

    color:
        var(--wp-text) !important;

    font-size:
        12px !important;

    font-weight:
        500 !important;

    line-height:
        1.3 !important;

    text-decoration:
        none !important;

    transition:
        background 0.15s ease,
        color 0.15s ease;
}


.wp-toc-links > a:hover {
    background:
        var(--wp-hover-bg) !important;

    color:
        var(--wp-teal-dark) !important;
}


/* ============================================================
   HEADING LEVEL INDENTATION
============================================================ */

.wp-toc-links > .wp-toc-level-2 {
    padding-left:
        11px !important;

    font-weight:
        600 !important;
}


.wp-toc-links > .wp-toc-level-3 {
    padding-left:
        24px !important;
}


.wp-toc-links > .wp-toc-level-4 {
    padding-left:
        37px !important;

    font-size:
        11.5px !important;
}


.wp-toc-links > .wp-toc-level-5 {
    padding-left:
        50px !important;

    font-size:
        11px !important;
}


.wp-toc-links > .wp-toc-level-6 {
    padding-left:
        63px !important;

    font-size:
        11px !important;
}


/* ============================================================
   ACCENT
============================================================ */

html.wp-theme-light .wp-toc-popover,
html.wp-theme-dark .wp-toc-popover {
    border-top-color:
        var(--wp-teal) !important;
}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 700px) {

    .wp-toc-popover {
        width:
            200px !important;
    }

}

/* ============================================================
   ARTICLE CONTENTS
   ONLY SHOW WHEN REAL HEADINGS EXIST
============================================================ */


/*
   Hidden by default.

   JavaScript adds .wp-toc-ready only when the
   article actually contains H2/H3/H4/H5/H6 headings.
*/

.wp-title-toc:not(.wp-toc-ready) {
    display: none !important;
}


/*
   Restore normal positioning once headings exist.
*/

.wp-title-toc.wp-toc-ready {
    display: inline-block;
}


/* ============================================================
   REMOVE OLD CONTENTS LABEL / TOP LINK
============================================================ */

.wp-title-toc .wp-toc-heading,
.wp-title-toc .wp-toc-top {
    display: none !important;
}


/* ============================================================
   CONTENTS DROPDOWN ACCENT
============================================================ */

.wp-title-toc .wp-toc-popover {
    border:
        1px solid
        var(--wp-border) !important;

    border-top:
        4px solid
        var(--wp-teal) !important;

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-text) !important;

    border-radius:
        10px !important;

    padding:
        6px !important;

    box-shadow:
        var(--wp-shadow) !important;
}


/* Remove any old divider at the top */

.wp-title-toc .wp-toc-links {
    border-top:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


/* ============================================================
   REAL ARTICLE HEADING LINKS
============================================================ */

.wp-title-toc .wp-toc-links > a {
    width: 100% !important;

    min-height: 37px !important;

    margin:
        0 !important;

    padding:
        9px
        11px !important;

    display:
        flex !important;

    align-items:
        center !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-radius:
        7px !important;

    color:
        var(--wp-text) !important;

    font-size:
        12px !important;

    font-weight:
        500 !important;

    line-height:
        1.3 !important;

    text-decoration:
        none !important;
}


.wp-title-toc .wp-toc-links > a:hover {
    background:
        var(--wp-hover-bg) !important;

    color:
        var(--wp-teal-dark) !important;
}


/* ============================================================
   HEADING LEVELS
============================================================ */

.wp-title-toc .wp-toc-level-2 {
    padding-left:
        11px !important;

    font-weight:
        600 !important;
}


.wp-title-toc .wp-toc-level-3 {
    padding-left:
        24px !important;
}


.wp-title-toc .wp-toc-level-4 {
    padding-left:
        37px !important;

    font-size:
        11.5px !important;
}


.wp-title-toc .wp-toc-level-5 {
    padding-left:
        50px !important;

    font-size:
        11px !important;
}


.wp-title-toc .wp-toc-level-6 {
    padding-left:
        63px !important;

    font-size:
        11px !important;
}

/* ============================================================
   ARTICLE BOX = SAME SURFACE AS SIDEBARS
============================================================ */

html.wp-theme-light .wp-content,
html.wp-theme-dark .wp-content {
    background: var(--wp-surface) !important;
}

html.wp-theme-light .wp-article-header,
html.wp-theme-dark .wp-article-header,
html.wp-theme-light .wp-article-body,
html.wp-theme-dark .wp-article-body {
    background: transparent !important;
}


/* ============================================================
   CONTENTS DROPDOWN
   KEEP ONLY ONE TEAL ACCENT
============================================================ */

.wp-title-toc .wp-toc-popover {
    border-top: 4px solid var(--wp-teal) !important;
}

.wp-title-toc .wp-toc-heading {
    display: none !important;

    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;

    height: 0 !important;
    min-height: 0 !important;
}

.wp-title-toc .wp-toc-links {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}

.wp-title-toc .wp-toc-links::before,
.wp-title-toc .wp-toc-links::after,
.wp-title-toc .wp-toc-popover::before,
.wp-title-toc .wp-toc-popover::after {
    display: none !important;
    content: none !important;
}

/* ============================================================
   WIKIPARTNER LINK COLOR SYSTEM
============================================================ */


/* Existing internal WikiPartner links */
.wp-article-body a:not(.new):not(.external) {
    color: var(--wp-teal) !important;
}


/* Missing WikiPartner pages */
.wp-article-body a.new,
.wp-article-body a.new:visited {
    color: var(--wp-gold) !important;

    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}


/* External websites */
.wp-article-body a.external,
.wp-article-body a.external:visited {
    color: #3366CC !important;
}


/* Hover states */
.wp-article-body a:not(.new):not(.external):hover {
    color: var(--wp-teal-dark) !important;
}

.wp-article-body a.new:hover {
    color: #C88726 !important;
}

.wp-article-body a.external:hover {
    color: #254A9B !important;
}


/* ============================================================
   WIKIPARTNER
   SPECIAL:UPLOAD
============================================================ */


/* Main upload form */
body.mw-special-Upload #mw-upload-form,
body.page-Special_Upload #mw-upload-form {
    width: 100%;
    max-width: 100%;
}


/* ------------------------------------------------------------
   FIELDSET CARDS
------------------------------------------------------------ */

body.mw-special-Upload #mw-upload-form fieldset,
body.page-Special_Upload #mw-upload-form fieldset {
    margin: 0 0 22px !important;
    padding: 20px !important;

    background: var(--wp-surface) !important;

    border: 1px solid var(--wp-border) !important;
    border-top: 4px solid var(--wp-teal) !important;

    border-radius: 12px !important;

    box-shadow: var(--wp-shadow) !important;

    box-sizing: border-box;
}


/* Fieldset titles:
   Source file
   File description
   Upload options
*/
body.mw-special-Upload #mw-upload-form legend,
body.page-Special_Upload #mw-upload-form legend {
    padding: 0 10px !important;

    background: var(--wp-surface) !important;

    color: var(--wp-heading) !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}


/* ------------------------------------------------------------
   REMOVE OLD TABLE LOOK
------------------------------------------------------------ */

body.mw-special-Upload #mw-upload-form table,
body.page-Special_Upload #mw-upload-form table {
    width: 100% !important;

    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;

    background: transparent !important;
}


body.mw-special-Upload #mw-upload-form tr,
body.page-Special_Upload #mw-upload-form tr {
    background: transparent !important;
}


body.mw-special-Upload #mw-upload-form th,
body.mw-special-Upload #mw-upload-form td,
body.page-Special_Upload #mw-upload-form th,
body.page-Special_Upload #mw-upload-form td {
    padding: 10px 12px !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid var(--wp-border) !important;

    color: var(--wp-text) !important;

    vertical-align: middle !important;
}


body.mw-special-Upload #mw-upload-form tr:last-child th,
body.mw-special-Upload #mw-upload-form tr:last-child td,
body.page-Special_Upload #mw-upload-form tr:last-child th,
body.page-Special_Upload #mw-upload-form tr:last-child td {
    border-bottom: 0 !important;
}


/* Label column */
body.mw-special-Upload #mw-upload-form th,
body.page-Special_Upload #mw-upload-form th {
    width: 165px !important;

    color: var(--wp-heading) !important;

    font-weight: 600 !important;
    text-align: left !important;
}


/* ------------------------------------------------------------
   TEXT INPUTS / TEXTAREA / SELECT
------------------------------------------------------------ */

body.mw-special-Upload #mw-upload-form input[type="text"],
body.mw-special-Upload #mw-upload-form input[type="url"],
body.mw-special-Upload #mw-upload-form textarea,
body.mw-special-Upload #mw-upload-form select,
body.page-Special_Upload #mw-upload-form input[type="text"],
body.page-Special_Upload #mw-upload-form input[type="url"],
body.page-Special_Upload #mw-upload-form textarea,
body.page-Special_Upload #mw-upload-form select {
    box-sizing: border-box !important;

    background: var(--wp-input-bg) !important;

    color: var(--wp-text) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 8px !important;

    padding: 9px 11px !important;

    font: inherit !important;

    transition:
        border-color .15s ease,
        box-shadow .15s ease !important;
}


/* Destination filename */
body.mw-special-Upload #wpDestFile,
body.page-Special_Upload #wpDestFile {
    width: 100% !important;
    max-width: 520px !important;
}


/* Summary */
body.mw-special-Upload #wpUploadDescription,
body.page-Special_Upload #wpUploadDescription {
    width: 100% !important;
    max-width: 680px !important;

    min-height: 120px !important;

    resize: vertical !important;
}


/* License */
body.mw-special-Upload #wpLicense,
body.page-Special_Upload #wpLicense {
    min-width: 190px !important;
}


/* Focus state */
body.mw-special-Upload #mw-upload-form input:focus,
body.mw-special-Upload #mw-upload-form textarea:focus,
body.mw-special-Upload #mw-upload-form select:focus,
body.page-Special_Upload #mw-upload-form input:focus,
body.page-Special_Upload #mw-upload-form textarea:focus,
body.page-Special_Upload #mw-upload-form select:focus {
    outline: none !important;

    border-color: var(--wp-teal) !important;

    box-shadow:
        0 0 0 3px var(--wp-teal-soft) !important;
}


/* ------------------------------------------------------------
   FILE PICKER
------------------------------------------------------------ */

body.mw-special-Upload #wpUploadFile,
body.page-Special_Upload #wpUploadFile {
    width: 100% !important;

    max-width: 520px !important;

    color: var(--wp-text) !important;

    font: inherit !important;
}


body.mw-special-Upload #wpUploadFile::file-selector-button,
body.page-Special_Upload #wpUploadFile::file-selector-button {
    margin-right: 10px !important;

    padding: 8px 14px !important;

    background: var(--wp-teal) !important;

    color: #fff !important;

    border: 0 !important;
    border-radius: 7px !important;

    font-weight: 600 !important;

    cursor: pointer !important;
}


body.mw-special-Upload #wpUploadFile::file-selector-button:hover,
body.page-Special_Upload #wpUploadFile::file-selector-button:hover {
    background: var(--wp-teal-dark) !important;
}


/* ------------------------------------------------------------
   CHECKBOX OPTIONS
------------------------------------------------------------ */

body.mw-special-Upload #mw-upload-form input[type="checkbox"],
body.page-Special_Upload #mw-upload-form input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;

    margin-right: 7px !important;

    accent-color: var(--wp-teal) !important;

    vertical-align: -2px !important;
}


/* ------------------------------------------------------------
   UPLOAD BUTTON
------------------------------------------------------------ */

body.mw-special-Upload #wpUpload,
body.page-Special_Upload #wpUpload {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 40px !important;

    padding: 9px 20px !important;

    background: var(--wp-teal) !important;

    color: #fff !important;

    border: 0 !important;
    border-radius: 8px !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    cursor: pointer !important;

    box-shadow:
        0 4px 12px rgba(15, 107, 101, .16) !important;

    transition:
        background .15s ease,
        transform .15s ease !important;
}


body.mw-special-Upload #wpUpload:hover,
body.page-Special_Upload #wpUpload:hover {
    background: var(--wp-teal-dark) !important;
}


body.mw-special-Upload #wpUpload:active,
body.page-Special_Upload #wpUpload:active {
    transform: translateY(1px) !important;
}


/* ------------------------------------------------------------
   LINKS INSIDE UPLOAD FORM
------------------------------------------------------------ */

body.mw-special-Upload #mw-upload-form a,
body.page-Special_Upload #mw-upload-form a {
    color: var(--wp-teal) !important;
    font-weight: 500 !important;
}


body.mw-special-Upload #mw-upload-form a:hover,
body.page-Special_Upload #mw-upload-form a:hover {
    color: var(--wp-teal-dark) !important;
}


/* ------------------------------------------------------------
   HELP / INFORMATION TEXT
------------------------------------------------------------ */

body.mw-special-Upload #mw-upload-form small,
body.mw-special-Upload #mw-upload-form .mw-htmlform-info,
body.page-Special_Upload #mw-upload-form small,
body.page-Special_Upload #mw-upload-form .mw-htmlform-info {
    color: var(--wp-muted) !important;
}


/* ------------------------------------------------------------
   MOBILE
------------------------------------------------------------ */

@media (max-width: 700px) {

    body.mw-special-Upload #mw-upload-form fieldset,
    body.page-Special_Upload #mw-upload-form fieldset {
        padding: 14px !important;
    }


    body.mw-special-Upload #mw-upload-form th,
    body.mw-special-Upload #mw-upload-form td,
    body.page-Special_Upload #mw-upload-form th,
    body.page-Special_Upload #mw-upload-form td {
        display: block !important;

        width: 100% !important;

        box-sizing: border-box !important;
    }


    body.mw-special-Upload #mw-upload-form th,
    body.page-Special_Upload #mw-upload-form th {
        padding-bottom: 4px !important;

        border-bottom: 0 !important;
    }


    body.mw-special-Upload #mw-upload-form td,
    body.page-Special_Upload #mw-upload-form td {
        padding-top: 4px !important;
    }


    body.mw-special-Upload #wpDestFile,
    body.mw-special-Upload #wpUploadDescription,
    body.mw-special-Upload #wpUploadFile,
    body.page-Special_Upload #wpDestFile,
    body.page-Special_Upload #wpUploadDescription,
    body.page-Special_Upload #wpUploadFile {
        max-width: none !important;
        width: 100% !important;
    }
}

/* ============================================================
   WIKIPARTNER
   SPECIAL:UPLOAD — FINAL UPLOAD BUTTON
============================================================ */

body.mw-special-Upload input[name="wpUpload"],
body.page-Special_Upload input[name="wpUpload"],
body.mw-special-Upload #wpUpload,
body.page-Special_Upload #wpUpload,
body.mw-special-Upload .mw-htmlform-submit,
body.page-Special_Upload .mw-htmlform-submit {
    appearance: none !important;
    -webkit-appearance: none !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 42px !important;
    padding: 10px 22px !important;

    background: var(--wp-teal) !important;
    background-image: none !important;

    color: #fff !important;

    border: 1px solid var(--wp-teal) !important;
    border-radius: 8px !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-shadow: none !important;

    box-shadow: 0 4px 12px rgba(15, 107, 101, .18) !important;

    cursor: pointer !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        transform .15s ease,
        box-shadow .15s ease !important;
}


/* Hover */
body.mw-special-Upload input[name="wpUpload"]:hover,
body.page-Special_Upload input[name="wpUpload"]:hover,
body.mw-special-Upload #wpUpload:hover,
body.page-Special_Upload #wpUpload:hover,
body.mw-special-Upload .mw-htmlform-submit:hover,
body.page-Special_Upload .mw-htmlform-submit:hover {
    background: var(--wp-teal-dark) !important;
    border-color: var(--wp-teal-dark) !important;

    box-shadow: 0 6px 16px rgba(15, 107, 101, .22) !important;
}


/* Keyboard focus */
body.mw-special-Upload input[name="wpUpload"]:focus,
body.page-Special_Upload input[name="wpUpload"]:focus,
body.mw-special-Upload #wpUpload:focus,
body.page-Special_Upload #wpUpload:focus,
body.mw-special-Upload .mw-htmlform-submit:focus,
body.page-Special_Upload .mw-htmlform-submit:focus {
    outline: none !important;

    box-shadow:
        0 0 0 3px var(--wp-teal-soft),
        0 4px 12px rgba(15, 107, 101, .18) !important;
}


/* Click */
body.mw-special-Upload input[name="wpUpload"]:active,
body.page-Special_Upload input[name="wpUpload"]:active,
body.mw-special-Upload #wpUpload:active,
body.page-Special_Upload #wpUpload:active,
body.mw-special-Upload .mw-htmlform-submit:active,
body.page-Special_Upload .mw-htmlform-submit:active {
    transform: translateY(1px) !important;
}

/* ============================================================
   WIKIPARTNER
   SPECIAL:UPLOAD — SUBMIT BUTTON
============================================================ */

body.mw-special-Upload #mw-upload-form input[type="submit"],
body.page-Special_Upload #mw-upload-form input[type="submit"],
body.mw-special-Upload #mw-upload-form button[type="submit"],
body.page-Special_Upload #mw-upload-form button[type="submit"] {
    appearance: none !important;
    -webkit-appearance: none !important;

    min-height: 42px !important;
    padding: 10px 22px !important;

    background: var(--wp-teal) !important;
    background-image: none !important;

    color: #fff !important;

    border: 1px solid var(--wp-teal) !important;
    border-radius: 8px !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-shadow: none !important;
    box-shadow: 0 4px 12px rgba(15, 107, 101, .18) !important;

    cursor: pointer !important;
}


/* Hover */
body.mw-special-Upload #mw-upload-form input[type="submit"]:hover,
body.page-Special_Upload #mw-upload-form input[type="submit"]:hover,
body.mw-special-Upload #mw-upload-form button[type="submit"]:hover,
body.page-Special_Upload #mw-upload-form button[type="submit"]:hover {
    background: var(--wp-teal-dark) !important;
    border-color: var(--wp-teal-dark) !important;
}


/* Focus */
body.mw-special-Upload #mw-upload-form input[type="submit"]:focus,
body.page-Special_Upload #mw-upload-form input[type="submit"]:focus,
body.mw-special-Upload #mw-upload-form button[type="submit"]:focus,
body.page-Special_Upload #mw-upload-form button[type="submit"]:focus {
    outline: none !important;

    box-shadow:
        0 0 0 3px var(--wp-teal-soft),
        0 4px 12px rgba(15, 107, 101, .18) !important;
}

/* ============================================================
   FILE PAGE — ADMIN DELETE BUTTON
============================================================ */

#filetoc #wp-file-delete-item {
    display: inline-block;
}

#filetoc #wp-file-delete-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    padding: 5px 10px;

    background: #B42318;

    border: 1px solid #B42318;
    border-radius: 6px;

    color: #FFFFFF !important;

    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;

    text-decoration: none !important;

    transition:
        background 0.15s ease,
        border-color 0.15s ease;
}

#filetoc #wp-file-delete-button:hover {
    background: #8F1C13;
    border-color: #8F1C13;

    color: #FFFFFF !important;
}

/* ============================================================
   WIKIPARTNER — FILE PAGES
   Applies only to File: pages
============================================================ */


/* ------------------------------------------------------------
   FILE PAGE BASE
------------------------------------------------------------ */

body.ns-6 .wp-article-body {
    color: var(--wp-text);
}


/* ------------------------------------------------------------
   FILE NAVIGATION
   File | File history | File usage | Delete file
------------------------------------------------------------ */

body.ns-6 #filetoc {
    margin: 0 0 18px !important;
    padding: 7px 10px !important;

    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 6px;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 8px !important;

    list-style: none !important;
}


body.ns-6 #filetoc li {
    display: inline-flex !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


body.ns-6 #filetoc li a {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 30px;

    padding: 6px 11px;

    color: var(--wp-teal) !important;

    border-radius: 6px;

    font-size: 11px;
    font-weight: 600;
    line-height: 1;

    text-decoration: none !important;

    transition:
        background 0.15s ease,
        color 0.15s ease;
}


body.ns-6 #filetoc li a:hover {
    background: var(--wp-teal-soft) !important;
    color: var(--wp-teal-dark) !important;
}


/* Keep admin delete action visually separate */

body.ns-6 #filetoc #wp-file-delete-button {
    background: #B42318 !important;
    color: #FFFFFF !important;

    border: 1px solid #B42318 !important;
}


body.ns-6 #filetoc #wp-file-delete-button:hover {
    background: #8F1C13 !important;
    color: #FFFFFF !important;

    border-color: #8F1C13 !important;
}


/* ------------------------------------------------------------
   MAIN FILE PREVIEW
------------------------------------------------------------ */

body.ns-6 .fullImageLink {
    margin: 0 0 10px !important;
    padding: 20px !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-top: 4px solid var(--wp-teal) !important;
    border-radius: 9px !important;
}


body.ns-6 .fullImageLink a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


body.ns-6 .fullImageLink img {
    display: block;

    max-width: 100%;
    height: auto;

    margin: 0 auto !important;

    border-radius: 6px;
}


/* ------------------------------------------------------------
   FILE INFORMATION BELOW IMAGE
------------------------------------------------------------ */

body.ns-6 .mw-filepage-resolutioninfo,
body.ns-6 .mw-filepage-other-resolutions {
    margin: 6px 0 !important;

    color: var(--wp-muted) !important;

    font-size: 11px !important;
    line-height: 1.5 !important;
}


body.ns-6 .mw-filepage-resolutioninfo a,
body.ns-6 .mw-filepage-other-resolutions a {
    color: var(--wp-teal) !important;
}


/* ------------------------------------------------------------
   FILE PAGE SECTION HEADINGS
------------------------------------------------------------ */

body.ns-6 .wp-article-body h2 {
    margin: 28px 0 12px !important;
    padding: 0 0 8px !important;

    color: var(--wp-heading) !important;

    border-bottom: 1px solid var(--wp-border) !important;

    font-family: var(--wp-heading-font);
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}


/* Small teal marker on section titles */

body.ns-6 .wp-article-body h2::before {
    content: "";

    display: inline-block;

    width: 4px;
    height: 17px;

    margin-right: 8px;

    background: var(--wp-teal);

    border-radius: 2px;

    vertical-align: -2px;
}


/* ------------------------------------------------------------
   SUMMARY / DESCRIPTION AREA
------------------------------------------------------------ */

body.ns-6 #mw-imagepage-content {
    margin-top: 12px !important;
    padding: 14px 16px !important;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 8px !important;

    color: var(--wp-text) !important;

    font-size: 12px;
    line-height: 1.6;
}


/* ------------------------------------------------------------
   FILE HISTORY TABLE
------------------------------------------------------------ */

body.ns-6 table.filehistory {
    width: 100% !important;

    margin: 12px 0 5px !important;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    background: var(--wp-surface) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 8px !important;

    overflow: hidden;
}


body.ns-6 table.filehistory th {
    padding: 9px 10px !important;

    background: var(--wp-surface-2) !important;

    color: var(--wp-heading) !important;

    border: 0 !important;
    border-bottom: 1px solid var(--wp-border) !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    text-align: left;
}


body.ns-6 table.filehistory td {
    padding: 9px 10px !important;

    background: var(--wp-surface) !important;

    color: var(--wp-text) !important;

    border: 0 !important;
    border-bottom: 1px solid var(--wp-border) !important;

    font-size: 11px !important;
    line-height: 1.5 !important;

    vertical-align: middle !important;
}


body.ns-6 table.filehistory tr:last-child td {
    border-bottom: 0 !important;
}


body.ns-6 table.filehistory img {
    border-radius: 5px;
}


/* ------------------------------------------------------------
   FILE PAGE LINKS
------------------------------------------------------------ */

body.ns-6 .wp-article-body a {
    color: var(--wp-teal);
}


body.ns-6 .wp-article-body a:hover {
    color: var(--wp-teal-dark);
}


/* ------------------------------------------------------------
   FILE USAGE LIST
------------------------------------------------------------ */

body.ns-6 #filelinks + ul,
body.ns-6 .mw-imagepage-linkstoimage {
    margin-top: 8px !important;

    padding: 12px 16px 12px 34px !important;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 8px !important;
}


/* ------------------------------------------------------------
   UPLOAD NEW VERSION LINK
------------------------------------------------------------ */

body.ns-6 .mw-imagepage-upload-links {
    margin-top: 8px !important;
}


body.ns-6 .mw-imagepage-upload-links a {
    font-size: 11px !important;
    font-weight: 600 !important;
}


/* ------------------------------------------------------------
   DARK THEME
------------------------------------------------------------ */

html.wp-theme-dark body.ns-6 #filetoc,
html.wp-theme-dark body.ns-6 .fullImageLink,
html.wp-theme-dark body.ns-6 #mw-imagepage-content,
html.wp-theme-dark body.ns-6 table.filehistory,
html.wp-theme-dark body.ns-6 table.filehistory td,
html.wp-theme-dark body.ns-6 table.filehistory th,
html.wp-theme-dark body.ns-6 #filelinks + ul,
html.wp-theme-dark body.ns-6 .mw-imagepage-linkstoimage {
    border-color: var(--wp-border) !important;
}


/* ------------------------------------------------------------
   MOBILE
------------------------------------------------------------ */

@media (max-width: 700px) {

    body.ns-6 #filetoc {
        justify-content: flex-start;
    }


    body.ns-6 .fullImageLink {
        padding: 12px !important;
    }


    body.ns-6 table.filehistory {
        display: block;

        overflow-x: auto;

        white-space: nowrap;
    }

}

/* ============================================================
   WIKIPARTNER — CATEGORY PAGES
   Applies only to Category: pages
============================================================ */


/* ------------------------------------------------------------
   CATEGORY PAGE BASE
------------------------------------------------------------ */

body.ns-14 .wp-article-body {
    color: var(--wp-text);
}


/* ------------------------------------------------------------
   CATEGORY INTRO / DESCRIPTION
------------------------------------------------------------ */

body.ns-14 .mw-parser-output > p:first-child {
    margin-top: 0 !important;
}

body.ns-14 .mw-parser-output > p {
    color: var(--wp-text);
    line-height: 1.65;
}


/* ------------------------------------------------------------
   MAIN GENERATED CATEGORY SECTIONS
------------------------------------------------------------ */

body.ns-14 #mw-subcategories,
body.ns-14 #mw-pages,
body.ns-14 #mw-category-media {
    position: relative;

    margin: 20px 0 0 !important;
    padding: 18px !important;

    background: var(--wp-surface) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 9px !important;

    overflow: hidden;
}


/* Teal accent — Subcategories */

body.ns-14 #mw-subcategories {
    border-top: 4px solid var(--wp-teal) !important;
}


/* Gold accent — Pages */

body.ns-14 #mw-pages {
    border-top: 4px solid var(--wp-gold) !important;
}


/* Teal accent — Media */

body.ns-14 #mw-category-media {
    border-top: 4px solid var(--wp-teal) !important;
}


/* ------------------------------------------------------------
   SECTION TITLES
------------------------------------------------------------ */

body.ns-14 #mw-subcategories > h2,
body.ns-14 #mw-pages > h2,
body.ns-14 #mw-category-media > h2 {
    margin: 0 0 14px !important;
    padding: 0 0 10px !important;

    color: var(--wp-heading) !important;

    border: 0 !important;
    border-bottom: 1px solid var(--wp-border) !important;

    font-family: var(--wp-heading-font);
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}


/* ------------------------------------------------------------
   CATEGORY GROUP GRID
------------------------------------------------------------ */

body.ns-14 .mw-category,
body.ns-14 .mw-category-columns {
    column-count: unset !important;
    column-width: unset !important;

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px !important;

    margin: 0 !important;
}


/* ------------------------------------------------------------
   ALPHABETICAL GROUP CARDS
------------------------------------------------------------ */

body.ns-14 .mw-category-group {
    min-width: 0;

    margin: 0 !important;
    padding: 12px 14px !important;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;

    break-inside: avoid;
}


/* Letter heading: A, B, C... */

body.ns-14 .mw-category-group > h3 {
    margin: 0 0 8px !important;
    padding: 0 0 6px !important;

    color: var(--wp-teal) !important;

    border: 0 !important;
    border-bottom: 1px solid var(--wp-border) !important;

    font-family: var(--wp-heading-font);
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}


/* ------------------------------------------------------------
   CATEGORY LISTS
------------------------------------------------------------ */

body.ns-14 .mw-category-group ul {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


body.ns-14 .mw-category-group li {
    position: relative;

    margin: 0 !important;
    padding: 5px 0 5px 13px !important;

    color: var(--wp-text);

    font-size: 12px;
    line-height: 1.45;
}


/* Small WikiPartner teal marker */

body.ns-14 .mw-category-group li::before {
    content: "";

    position: absolute;

    left: 0;
    top: 11px;

    width: 4px;
    height: 4px;

    background: var(--wp-teal);

    border-radius: 50%;
}


/* ------------------------------------------------------------
   LINKS
------------------------------------------------------------ */

body.ns-14 .mw-category-group a {
    color: var(--wp-teal) !important;

    font-weight: 500;

    text-decoration: none !important;
}


body.ns-14 .mw-category-group a:hover {
    color: var(--wp-teal-dark) !important;

    text-decoration: underline !important;
}


/* Missing pages */

body.ns-14 .mw-category-group a.new {
    color: var(--wp-gold) !important;
}


/* ------------------------------------------------------------
   PREVIOUS / NEXT NAVIGATION
------------------------------------------------------------ */

body.ns-14 #mw-pages > p,
body.ns-14 #mw-subcategories > p {
    margin: 0 0 12px !important;

    color: var(--wp-muted);

    font-size: 11px;
    line-height: 1.5;
}


body.ns-14 #mw-pages > p a,
body.ns-14 #mw-subcategories > p a {
    display: inline-flex;

    align-items: center;

    padding: 5px 9px;

    background: var(--wp-surface-2);

    border: 1px solid var(--wp-border);
    border-radius: 6px;

    color: var(--wp-teal) !important;

    font-size: 11px;
    font-weight: 600;

    text-decoration: none !important;
}


body.ns-14 #mw-pages > p a:hover,
body.ns-14 #mw-subcategories > p a:hover {
    background: var(--wp-teal-soft);

    border-color: var(--wp-teal);

    color: var(--wp-teal-dark) !important;
}


/* ------------------------------------------------------------
   EMPTY CATEGORY MESSAGE
------------------------------------------------------------ */

body.ns-14 .mw-category-generated > p {
    padding: 12px 14px;

    background: var(--wp-surface-2);

    border: 1px solid var(--wp-border);
    border-radius: 7px;

    color: var(--wp-muted);

    font-size: 12px;
    line-height: 1.55;
}


/* ------------------------------------------------------------
   MEDIA / FILE THUMBNAILS
------------------------------------------------------------ */

body.ns-14 #mw-category-media .gallery {
    margin: 0 !important;
}


body.ns-14 #mw-category-media .gallerybox {
    margin: 5px !important;

    background: var(--wp-surface-2);

    border: 1px solid var(--wp-border);
    border-radius: 7px;

    overflow: hidden;
}


/* ------------------------------------------------------------
   TABLET
------------------------------------------------------------ */

@media (max-width: 1000px) {

    body.ns-14 .mw-category,
    body.ns-14 .mw-category-columns {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* ------------------------------------------------------------
   MOBILE
------------------------------------------------------------ */

@media (max-width: 650px) {

    body.ns-14 #mw-subcategories,
    body.ns-14 #mw-pages,
    body.ns-14 #mw-category-media {
        padding: 13px !important;
    }


    body.ns-14 .mw-category,
    body.ns-14 .mw-category-columns {
        grid-template-columns: 1fr;
    }

}

/* ============================================================
   WIKIPARTNER — SEARCH RESULTS PAGE
   Special:Search
============================================================ */


/* ------------------------------------------------------------
   SEARCH FORM
------------------------------------------------------------ */

body.mw-special-Search .mw-search-form-wrapper,
body.page-Special_Search .mw-search-form-wrapper {
    margin: 0 0 18px !important;
    padding: 16px !important;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-top: 4px solid var(--wp-teal) !important;
    border-radius: 9px !important;
}


body.mw-special-Search .mw-search-form-wrapper input[type="search"],
body.mw-special-Search .mw-search-form-wrapper input[type="text"],
body.page-Special_Search .mw-search-form-wrapper input[type="search"],
body.page-Special_Search .mw-search-form-wrapper input[type="text"] {
    min-height: 40px !important;

    background: var(--wp-input-bg) !important;
    color: var(--wp-text) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;

    font-family: var(--wp-body-font);
}


body.mw-special-Search .mw-search-form-wrapper button,
body.mw-special-Search .mw-search-form-wrapper input[type="submit"],
body.page-Special_Search .mw-search-form-wrapper button,
body.page-Special_Search .mw-search-form-wrapper input[type="submit"] {
    min-height: 40px !important;

    padding: 8px 16px !important;

    background: var(--wp-teal) !important;
    color: #FFFFFF !important;

    border: 1px solid var(--wp-teal) !important;
    border-radius: 7px !important;

    font-weight: 700 !important;

    box-shadow: none !important;
    cursor: pointer;
}


body.mw-special-Search .mw-search-form-wrapper button:hover,
body.mw-special-Search .mw-search-form-wrapper input[type="submit"]:hover,
body.page-Special_Search .mw-search-form-wrapper button:hover,
body.page-Special_Search .mw-search-form-wrapper input[type="submit"]:hover {
    background: var(--wp-teal-dark) !important;
    border-color: var(--wp-teal-dark) !important;
}


/* ------------------------------------------------------------
   SEARCH TYPE / FILTER AREA
------------------------------------------------------------ */

body.mw-special-Search .mw-search-profile-tabs,
body.page-Special_Search .mw-search-profile-tabs,
body.mw-special-Search #mw-searchoptions,
body.page-Special_Search #mw-searchoptions {
    margin: 0 0 16px !important;

    background: var(--wp-surface) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 8px !important;

    box-shadow: none !important;
}


body.mw-special-Search .mw-search-profile-tabs a,
body.page-Special_Search .mw-search-profile-tabs a {
    color: var(--wp-teal) !important;

    font-weight: 600;
    text-decoration: none !important;
}


/* ------------------------------------------------------------
   RESULTS INFORMATION
------------------------------------------------------------ */

body.mw-special-Search .results-info,
body.page-Special_Search .results-info,
body.mw-special-Search .mw-search-results-info,
body.page-Special_Search .mw-search-results-info {
    margin: 10px 0 14px !important;

    color: var(--wp-muted) !important;

    font-size: 11px !important;
}


/* ------------------------------------------------------------
   RESULTS LIST
------------------------------------------------------------ */

body.mw-special-Search .mw-search-results,
body.page-Special_Search .mw-search-results {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


body.mw-special-Search .mw-search-result,
body.page-Special_Search .mw-search-result {
    position: relative;

    margin: 0 0 12px !important;
    padding: 15px 17px !important;

    background: var(--wp-surface) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 8px !important;

    box-shadow: none !important;
}

/* ------------------------------------------------------------
   RESULT TITLE
------------------------------------------------------------ */

body.mw-special-Search .mw-search-result-heading,
body.page-Special_Search .mw-search-result-heading {
    margin: 0 0 5px !important;

    font-family: var(--wp-heading-font);
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}


body.mw-special-Search .mw-search-result-heading a,
body.page-Special_Search .mw-search-result-heading a {
    color: var(--wp-teal) !important;

    text-decoration: none !important;
}


body.mw-special-Search .mw-search-result-heading a:hover,
body.page-Special_Search .mw-search-result-heading a:hover {
    color: var(--wp-teal-dark) !important;

    text-decoration: underline !important;
}


/* ------------------------------------------------------------
   RESULT DESCRIPTION
------------------------------------------------------------ */

body.mw-special-Search .searchresult,
body.page-Special_Search .searchresult {
    margin: 0 !important;

    color: var(--wp-text) !important;

    font-size: 12px !important;
    line-height: 1.55 !important;
}


/* Highlighted matched words */

body.mw-special-Search .searchmatch,
body.page-Special_Search .searchmatch {
    padding: 1px 2px;

    background: var(--wp-teal-soft) !important;

    color: var(--wp-heading) !important;

    border-radius: 3px;

    font-weight: 600;
}


/* ------------------------------------------------------------
   RESULT METADATA
------------------------------------------------------------ */

body.mw-special-Search .mw-search-result-data,
body.page-Special_Search .mw-search-result-data {
    margin-top: 6px !important;

    color: var(--wp-muted) !important;

    font-size: 10px !important;
    line-height: 1.4 !important;
}


/* ------------------------------------------------------------
   THUMBNAILS
------------------------------------------------------------ */

body.mw-special-Search .mw-search-result-image img,
body.page-Special_Search .mw-search-result-image img {
    border: 1px solid var(--wp-border);
    border-radius: 6px;
}


/* ------------------------------------------------------------
   NO RESULTS
------------------------------------------------------------ */

body.mw-special-Search .mw-search-nonefound,
body.page-Special_Search .mw-search-nonefound {
    margin: 16px 0 !important;
    padding: 18px !important;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-top: 4px solid var(--wp-gold) !important;
    border-radius: 8px !important;

    color: var(--wp-text) !important;
}


/* ------------------------------------------------------------
   PAGINATION
------------------------------------------------------------ */

body.mw-special-Search .mw-pager-navigation-bar,
body.page-Special_Search .mw-pager-navigation-bar,
body.mw-special-Search .mw-search-pager-bottom,
body.page-Special_Search .mw-search-pager-bottom {
    margin-top: 18px !important;
    padding: 12px !important;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 8px !important;

    text-align: center;
}


body.mw-special-Search .mw-pager-navigation-bar a,
body.page-Special_Search .mw-pager-navigation-bar a,
body.mw-special-Search .mw-search-pager-bottom a,
body.page-Special_Search .mw-search-pager-bottom a {
    color: var(--wp-teal) !important;

    font-weight: 600;

    text-decoration: none !important;
}


/* ------------------------------------------------------------
   SEARCH SUGGESTIONS / DID YOU MEAN
------------------------------------------------------------ */

body.mw-special-Search .searchdidyoumean,
body.page-Special_Search .searchdidyoumean {
    margin: 0 0 14px !important;
    padding: 10px 13px !important;

    background: var(--wp-teal-soft) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;

    color: var(--wp-text) !important;
}


body.mw-special-Search .searchdidyoumean a,
body.page-Special_Search .searchdidyoumean a {
    color: var(--wp-teal) !important;
    font-weight: 600;
}


/* ------------------------------------------------------------
   MOBILE
------------------------------------------------------------ */

@media (max-width: 700px) {

    body.mw-special-Search .mw-search-result,
    body.page-Special_Search .mw-search-result {
        padding: 13px 14px !important;
    }


    body.mw-special-Search .mw-search-form-wrapper,
    body.page-Special_Search .mw-search-form-wrapper {
        padding: 12px !important;
    }

}

/* ============================================================
   WIKIPARTNER — PAGE HISTORY
   ?action=history
============================================================ */


/* ------------------------------------------------------------
   HISTORY INTRO / FILTER AREA
------------------------------------------------------------ */

body.action-history #mw-history-search {
    margin: 0 0 18px !important;
    padding: 15px 16px !important;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-top: 4px solid var(--wp-teal) !important;
    border-radius: 9px !important;
}


/* Inputs */

body.action-history #mw-history-search input,
body.action-history #mw-history-search select {
    min-height: 36px;

    padding: 6px 9px;

    background: var(--wp-input-bg) !important;
    color: var(--wp-text) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 6px !important;
}


/* Buttons */

body.action-history #mw-history-search button,
body.action-history #mw-history-search input[type="submit"] {
    min-height: 36px;

    padding: 7px 13px !important;

    background: var(--wp-teal) !important;
    color: #FFFFFF !important;

    border: 1px solid var(--wp-teal) !important;
    border-radius: 6px !important;

    font-weight: 600;

    cursor: pointer;
}


body.action-history #mw-history-search button:hover,
body.action-history #mw-history-search input[type="submit"]:hover {
    background: var(--wp-teal-dark) !important;
    border-color: var(--wp-teal-dark) !important;
}


/* ------------------------------------------------------------
   COMPARE SELECTED REVISIONS
------------------------------------------------------------ */

body.action-history .mw-history-compareselectedversions {
    margin: 0 0 12px !important;
    padding: 10px 12px !important;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;
}


body.action-history .mw-history-compareselectedversions input[type="submit"] {
    padding: 7px 12px !important;

    background: var(--wp-teal) !important;
    color: #FFFFFF !important;

    border: 1px solid var(--wp-teal) !important;
    border-radius: 6px !important;

    font-size: 11px;
    font-weight: 600;

    cursor: pointer;
}


/* ------------------------------------------------------------
   HISTORY LIST
------------------------------------------------------------ */

body.action-history #pagehistory {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


body.action-history #pagehistory > li {
    position: relative;

    margin: 0 0 9px !important;
    padding: 12px 14px !important;

    background: var(--wp-surface) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;

    color: var(--wp-text);

    font-size: 11.5px;
    line-height: 1.5;
}


body.action-history #pagehistory > li::before {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;

    width: 3px;

    background: var(--wp-teal);

    border-radius: 7px 0 0 7px;
}


/* Selected revisions */

body.action-history #pagehistory > li.selected {
    background: var(--wp-teal-soft) !important;

    border-color: var(--wp-teal) !important;
}


/* ------------------------------------------------------------
   DATE / REVISION LINK
------------------------------------------------------------ */

body.action-history #pagehistory .mw-changeslist-date {
    color: var(--wp-teal) !important;

    font-weight: 600;

    text-decoration: none !important;
}


body.action-history #pagehistory .mw-changeslist-date:hover {
    color: var(--wp-teal-dark) !important;

    text-decoration: underline !important;
}


/* ------------------------------------------------------------
   HISTORY ACTION LINKS
   cur | prev
------------------------------------------------------------ */

body.action-history .mw-history-histlinks a {
    color: var(--wp-teal) !important;

    font-size: 10.5px;
    font-weight: 600;

    text-decoration: none !important;
}


body.action-history .mw-history-histlinks a:hover {
    color: var(--wp-teal-dark) !important;
    text-decoration: underline !important;
}


/* ------------------------------------------------------------
   USERNAME
------------------------------------------------------------ */

body.action-history #pagehistory .mw-userlink,
body.action-history #pagehistory .history-user {
    color: var(--wp-teal) !important;

    font-weight: 600;

    text-decoration: none !important;
}


/* ------------------------------------------------------------
   EDIT SUMMARY / COMMENTS
------------------------------------------------------------ */

body.action-history #pagehistory .comment {
    color: var(--wp-muted) !important;

    font-style: normal !important;
}


/* ------------------------------------------------------------
   TAGS / SIZE / MINOR EDIT INFORMATION
------------------------------------------------------------ */

body.action-history #pagehistory .mw-tag-marker,
body.action-history #pagehistory .mw-plusminus-pos,
body.action-history #pagehistory .mw-plusminus-neg,
body.action-history #pagehistory .history-size {
    font-size: 10px !important;
}


/* ------------------------------------------------------------
   RADIO BUTTONS
------------------------------------------------------------ */

body.action-history #pagehistory input[type="radio"] {
    accent-color: var(--wp-teal);
}


/* ------------------------------------------------------------
   HISTORY NAVIGATION / PAGINATION
------------------------------------------------------------ */

body.action-history .mw-pager-navigation-bar {
    margin: 16px 0 !important;
    padding: 10px 12px !important;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;

    text-align: center;
}


body.action-history .mw-pager-navigation-bar a {
    color: var(--wp-teal) !important;

    font-weight: 600;

    text-decoration: none !important;
}


/* ------------------------------------------------------------
   GENERAL LINKS ON HISTORY PAGE
------------------------------------------------------------ */

body.action-history .wp-article-body a {
    color: var(--wp-teal);
}


body.action-history .wp-article-body a:hover {
    color: var(--wp-teal-dark);
}


/* ------------------------------------------------------------
   MOBILE
------------------------------------------------------------ */

@media (max-width: 700px) {

    body.action-history #pagehistory > li {
        padding: 11px 11px 11px 13px !important;
    }


    body.action-history #mw-history-search {
        padding: 12px !important;
    }


    body.action-history .mw-history-compareselectedversions {
        overflow-x: auto;
    }

}

/* ============================================================
   WIKIPARTNER — DIFF / COMPARE REVISIONS
============================================================ */


/* ------------------------------------------------------------
   DIFF PAGE WRAPPER
------------------------------------------------------------ */

body.action-view .diff,
body.action-submit .diff {
    width: 100% !important;

    margin: 16px 0 !important;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    background: var(--wp-surface) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 9px !important;

    overflow: hidden;
}


/* ------------------------------------------------------------
   REVISION HEADERS
------------------------------------------------------------ */

body.action-view .diff-otitle,
body.action-view .diff-ntitle,
body.action-submit .diff-otitle,
body.action-submit .diff-ntitle {
    padding: 12px 14px !important;

    background: var(--wp-surface-2) !important;

    color: var(--wp-heading) !important;

    border: 0 !important;
    border-bottom: 1px solid var(--wp-border) !important;

    font-family: var(--wp-heading-font);
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    text-align: left !important;
}


/* Old revision */

body.action-view .diff-otitle,
body.action-submit .diff-otitle {
    border-top: 4px solid var(--wp-gold) !important;
}


/* New revision */

body.action-view .diff-ntitle,
body.action-submit .diff-ntitle {
    border-top: 4px solid var(--wp-teal) !important;
}


/* ------------------------------------------------------------
   DIFF CELLS
------------------------------------------------------------ */

body.action-view .diff td,
body.action-submit .diff td {
    padding: 9px 11px !important;

    border: 0 !important;
    border-bottom: 1px solid var(--wp-border) !important;

    color: var(--wp-text) !important;

    font-family: var(--wp-body-font);
    font-size: 11.5px !important;
    line-height: 1.55 !important;

    vertical-align: top !important;
}


/* ------------------------------------------------------------
   LINE NUMBERS / MARKERS
------------------------------------------------------------ */

body.action-view .diff-marker,
body.action-submit .diff-marker {
    width: 32px !important;

    background: var(--wp-surface-2) !important;

    color: var(--wp-muted) !important;

    font-weight: 600 !important;

    text-align: center !important;
}


/* ------------------------------------------------------------
   UNCHANGED CONTEXT
------------------------------------------------------------ */

body.action-view .diff-context,
body.action-submit .diff-context {
    background: var(--wp-surface) !important;

    color: var(--wp-text) !important;
}


/* ------------------------------------------------------------
   REMOVED CONTENT
   Warm gold / soft warning tone
------------------------------------------------------------ */

body.action-view .diff-deletedline,
body.action-submit .diff-deletedline {
    background: #FFF7E8 !important;

    border: 1px solid #E8C98F !important;
    border-radius: 5px !important;

    color: var(--wp-text) !important;
}


/* Removed inline text */

body.action-view .diffchange-inline,
body.action-submit .diffchange-inline {
    border-radius: 3px;
}


/* ------------------------------------------------------------
   ADDED CONTENT
   WikiPartner teal tone
------------------------------------------------------------ */

body.action-view .diff-addedline,
body.action-submit .diff-addedline {
    background: var(--wp-teal-soft) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 5px !important;

    color: var(--wp-text) !important;
}


/* More specific inline added text */

body.action-view .diff-addedline .diffchange,
body.action-submit .diff-addedline .diffchange {
    background: rgba(15, 107, 101, .16) !important;

    border-radius: 3px;

    color: inherit !important;

    font-weight: 600;
}


/* More specific inline removed text */

body.action-view .diff-deletedline .diffchange,
body.action-submit .diff-deletedline .diffchange {
    background: rgba(232, 163, 61, .22) !important;

    border-radius: 3px;

    color: inherit !important;

    font-weight: 600;
}


/* ------------------------------------------------------------
   EMPTY DIFF CELLS
------------------------------------------------------------ */

body.action-view .diff-empty,
body.action-submit .diff-empty {
    background: var(--wp-surface-3) !important;
}


/* ------------------------------------------------------------
   REVISION INFORMATION
------------------------------------------------------------ */

body.action-view .mw-diff-movedpara-left,
body.action-view .mw-diff-movedpara-right,
body.action-submit .mw-diff-movedpara-left,
body.action-submit .mw-diff-movedpara-right {
    color: var(--wp-muted) !important;
}


/* ------------------------------------------------------------
   REVISION NAVIGATION LINKS
------------------------------------------------------------ */

body.action-view .mw-diff-revision-history-link a,
body.action-view .diff-ntitle a,
body.action-view .diff-otitle a,
body.action-submit .mw-diff-revision-history-link a,
body.action-submit .diff-ntitle a,
body.action-submit .diff-otitle a {
    color: var(--wp-teal) !important;

    font-weight: 600;

    text-decoration: none !important;
}


body.action-view .mw-diff-revision-history-link a:hover,
body.action-view .diff-ntitle a:hover,
body.action-view .diff-otitle a:hover,
body.action-submit .mw-diff-revision-history-link a:hover,
body.action-submit .diff-ntitle a:hover,
body.action-submit .diff-otitle a:hover {
    color: var(--wp-teal-dark) !important;

    text-decoration: underline !important;
}


/* ------------------------------------------------------------
   DIFF HEADER / REVISION METADATA
------------------------------------------------------------ */

body.action-view .diff-multi,
body.action-submit .diff-multi {
    padding: 9px 12px !important;

    background: var(--wp-surface-2) !important;

    color: var(--wp-muted) !important;

    border: 1px solid var(--wp-border) !important;

    font-size: 11px !important;
}


/* ------------------------------------------------------------
   DARK THEME FIXES
------------------------------------------------------------ */

html.wp-theme-dark body.action-view .diff-deletedline,
html.wp-theme-dark body.action-submit .diff-deletedline {
    background: #33291A !important;
    border-color: #725B32 !important;
}


html.wp-theme-dark body.action-view .diff-addedline,
html.wp-theme-dark body.action-submit .diff-addedline {
    background: var(--wp-teal-soft) !important;
    border-color: var(--wp-border) !important;
}


html.wp-theme-dark body.action-view .diff-addedline .diffchange,
html.wp-theme-dark body.action-submit .diff-addedline .diffchange {
    background: rgba(112, 206, 195, .18) !important;
}


html.wp-theme-dark body.action-view .diff-deletedline .diffchange,
html.wp-theme-dark body.action-submit .diff-deletedline .diffchange {
    background: rgba(231, 182, 94, .20) !important;
}


/* ------------------------------------------------------------
   MOBILE
------------------------------------------------------------ */

@media (max-width: 800px) {

    body.action-view .diff,
    body.action-submit .diff {
        display: block;

        overflow-x: auto;

        white-space: normal;
    }


    body.action-view .diff td,
    body.action-submit .diff td {
        min-width: 220px;
    }

}

/* ============================================================
   WIKIPARTNER — USER PAGES
   Namespace: User
============================================================ */


/* ------------------------------------------------------------
   USER PAGE BASE
------------------------------------------------------------ */

body.ns-2 .wp-article-body {
    color: var(--wp-text);
}


/* User-page section headings */

body.ns-2 .wp-article-body h2 {
    margin: 26px 0 12px !important;
    padding: 0 0 8px !important;

    color: var(--wp-heading) !important;

    border-bottom: 1px solid var(--wp-border) !important;

    font-family: var(--wp-heading-font);
    font-size: 20px !important;
    font-weight: 500 !important;
}


body.ns-2 .wp-article-body h2::before {
    content: "";

    display: inline-block;

    width: 4px;
    height: 17px;

    margin-right: 8px;

    background: var(--wp-teal);

    border-radius: 2px;

    vertical-align: -2px;
}


/* Links */

body.ns-2 .wp-article-body a {
    color: var(--wp-teal);
}


body.ns-2 .wp-article-body a:hover {
    color: var(--wp-teal-dark);
}


/* ------------------------------------------------------------
   USER TOOLS / USER LINKS
------------------------------------------------------------ */

body.ns-2 .mw-usertoollinks {
    font-size: 11px;
}


body.ns-2 .mw-usertoollinks a {
    color: var(--wp-teal) !important;

    font-weight: 600;

    text-decoration: none !important;
}


body.ns-2 .mw-usertoollinks a:hover {
    color: var(--wp-teal-dark) !important;

    text-decoration: underline !important;
}


/* ============================================================
   WIKIPARTNER — USER CONTRIBUTIONS
   Special:Contributions
============================================================ */


/* ------------------------------------------------------------
   CONTRIBUTION SEARCH / FILTER BOX
------------------------------------------------------------ */

body.mw-special-Contributions .mw-contributions-form,
body.page-Special_Contributions .mw-contributions-form {
    margin: 0 0 18px !important;
    padding: 16px !important;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-top: 4px solid var(--wp-teal) !important;
    border-radius: 9px !important;
}


/* Inputs */

body.mw-special-Contributions .mw-contributions-form input,
body.mw-special-Contributions .mw-contributions-form select,
body.page-Special_Contributions .mw-contributions-form input,
body.page-Special_Contributions .mw-contributions-form select {
    min-height: 36px;

    background: var(--wp-input-bg) !important;
    color: var(--wp-text) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 6px !important;
}


/* Submit buttons */

body.mw-special-Contributions .mw-contributions-form input[type="submit"],
body.mw-special-Contributions .mw-contributions-form button,
body.page-Special_Contributions .mw-contributions-form input[type="submit"],
body.page-Special_Contributions .mw-contributions-form button {
    padding: 7px 13px !important;

    background: var(--wp-teal) !important;
    color: #FFFFFF !important;

    border: 1px solid var(--wp-teal) !important;
    border-radius: 6px !important;

    font-weight: 600 !important;

    cursor: pointer;
}


body.mw-special-Contributions .mw-contributions-form input[type="submit"]:hover,
body.mw-special-Contributions .mw-contributions-form button:hover,
body.page-Special_Contributions .mw-contributions-form input[type="submit"]:hover,
body.page-Special_Contributions .mw-contributions-form button:hover {
    background: var(--wp-teal-dark) !important;

    border-color: var(--wp-teal-dark) !important;
}


/* ------------------------------------------------------------
   CONTRIBUTION LIST
------------------------------------------------------------ */

body.mw-special-Contributions .mw-contributions-list,
body.page-Special_Contributions .mw-contributions-list {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


body.mw-special-Contributions .mw-contributions-list > li,
body.page-Special_Contributions .mw-contributions-list > li {
    position: relative;

    margin: 0 0 9px !important;
    padding: 12px 14px !important;

    background: var(--wp-surface) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;

    color: var(--wp-text);

    font-size: 11.5px;
    line-height: 1.5;
}


/* Teal side accent */

body.mw-special-Contributions .mw-contributions-list > li::before,
body.page-Special_Contributions .mw-contributions-list > li::before {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;

    width: 3px;

    background: var(--wp-teal);

    border-radius: 7px 0 0 7px;
}


/* ------------------------------------------------------------
   TIMESTAMP
------------------------------------------------------------ */

body.mw-special-Contributions .mw-changeslist-date,
body.page-Special_Contributions .mw-changeslist-date {
    color: var(--wp-teal) !important;

    font-weight: 600;

    text-decoration: none !important;
}


body.mw-special-Contributions .mw-changeslist-date:hover,
body.page-Special_Contributions .mw-changeslist-date:hover {
    color: var(--wp-teal-dark) !important;

    text-decoration: underline !important;
}


/* ------------------------------------------------------------
   PAGE TITLE
------------------------------------------------------------ */

body.mw-special-Contributions .mw-contributions-title,
body.page-Special_Contributions .mw-contributions-title {
    color: var(--wp-teal) !important;

    font-weight: 600;

    text-decoration: none !important;
}


/* ------------------------------------------------------------
   DIFF / HISTORY LINKS
------------------------------------------------------------ */

body.mw-special-Contributions .mw-changeslist-links a,
body.page-Special_Contributions .mw-changeslist-links a {
    color: var(--wp-teal) !important;

    font-size: 10.5px;
    font-weight: 600;

    text-decoration: none !important;
}


/* ------------------------------------------------------------
   EDIT SUMMARY
------------------------------------------------------------ */

body.mw-special-Contributions .comment,
body.page-Special_Contributions .comment {
    color: var(--wp-muted) !important;

    font-style: normal !important;
}


/* ------------------------------------------------------------
   SIZE CHANGES
------------------------------------------------------------ */

body.mw-special-Contributions .mw-plusminus-pos,
body.page-Special_Contributions .mw-plusminus-pos {
    color: var(--wp-teal) !important;

    font-weight: 600;
}


body.mw-special-Contributions .mw-plusminus-neg,
body.page-Special_Contributions .mw-plusminus-neg {
    color: var(--wp-gold) !important;

    font-weight: 600;
}


/* ------------------------------------------------------------
   USER INFORMATION / TOOL LINKS
------------------------------------------------------------ */

body.mw-special-Contributions .mw-contributions-user-tools,
body.page-Special_Contributions .mw-contributions-user-tools {
    margin: 0 0 16px !important;
    padding: 11px 13px !important;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;
}


body.mw-special-Contributions .mw-contributions-user-tools a,
body.page-Special_Contributions .mw-contributions-user-tools a {
    color: var(--wp-teal) !important;

    font-weight: 600;

    text-decoration: none !important;
}


/* ------------------------------------------------------------
   PAGINATION
------------------------------------------------------------ */

body.mw-special-Contributions .mw-pager-navigation-bar,
body.page-Special_Contributions .mw-pager-navigation-bar {
    margin: 16px 0 !important;
    padding: 10px 12px !important;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;

    text-align: center;
}


body.mw-special-Contributions .mw-pager-navigation-bar a,
body.page-Special_Contributions .mw-pager-navigation-bar a {
    color: var(--wp-teal) !important;

    font-weight: 600;

    text-decoration: none !important;
}


/* ------------------------------------------------------------
   MOBILE
------------------------------------------------------------ */

@media (max-width: 700px) {

    body.mw-special-Contributions .mw-contributions-form,
    body.page-Special_Contributions .mw-contributions-form {
        padding: 12px !important;
    }


    body.mw-special-Contributions .mw-contributions-list > li,
    body.page-Special_Contributions .mw-contributions-list > li {
        padding: 11px 11px 11px 13px !important;
    }

}

/* ============================================================
   WIKIPARTNER — PAGE FORMS
   Suggest article / Report issue / Reviewer forms
============================================================ */


/* ------------------------------------------------------------
   MAIN FORM CONTAINER
------------------------------------------------------------ */

body.mw-special-FormEdit #pfForm,
body.page-Special_FormEdit #pfForm,
body.mw-special-FormEdit .pfForm,
body.page-Special_FormEdit .pfForm {
    position: relative;

    margin: 0 !important;
    padding: 20px !important;

    background: var(--wp-surface) !important;

    border: 1px solid var(--wp-border) !important;
    border-top: 4px solid var(--wp-teal) !important;
    border-radius: 9px !important;

    color: var(--wp-text);
}


/* ------------------------------------------------------------
   FORM TABLE
------------------------------------------------------------ */

body.mw-special-FormEdit table.formtable,
body.page-Special_FormEdit table.formtable {
    width: 100% !important;

    margin: 0 !important;

    border-collapse: separate !important;
    border-spacing: 0 12px !important;
}


body.mw-special-FormEdit table.formtable td,
body.page-Special_FormEdit table.formtable td {
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

    vertical-align: top !important;
}


/* Label column */

body.mw-special-FormEdit table.formtable td:first-child,
body.page-Special_FormEdit table.formtable td:first-child {
    width: 190px;

    padding: 10px 18px 0 0 !important;

    color: var(--wp-heading) !important;

    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}


/* ------------------------------------------------------------
   FIELD BLOCKS
------------------------------------------------------------ */

body.mw-special-FormEdit .pfFormInput,
body.page-Special_FormEdit .pfFormInput {
    margin: 0 0 14px !important;
}


/* ------------------------------------------------------------
   TEXT INPUTS / URLS / DROPDOWNS
------------------------------------------------------------ */

body.mw-special-FormEdit #pfForm input[type="text"],
body.mw-special-FormEdit #pfForm input[type="url"],
body.mw-special-FormEdit #pfForm input[type="email"],
body.mw-special-FormEdit #pfForm input[type="number"],
body.mw-special-FormEdit #pfForm select,
body.page-Special_FormEdit #pfForm input[type="text"],
body.page-Special_FormEdit #pfForm input[type="url"],
body.page-Special_FormEdit #pfForm input[type="email"],
body.page-Special_FormEdit #pfForm input[type="number"],
body.page-Special_FormEdit #pfForm select {
    width: 100%;
    max-width: 720px;

    min-height: 40px;

    padding: 8px 11px !important;

    background: var(--wp-input-bg) !important;

    color: var(--wp-text) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;

    font-family: var(--wp-body-font);
    font-size: 12px !important;
    line-height: 1.4;

    box-shadow: none !important;

    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}


/* ------------------------------------------------------------
   TEXTAREAS
------------------------------------------------------------ */

body.mw-special-FormEdit #pfForm textarea,
body.page-Special_FormEdit #pfForm textarea {
    width: 100%;
    max-width: 900px;

    min-height: 120px;

    padding: 10px 11px !important;

    resize: vertical;

    background: var(--wp-input-bg) !important;

    color: var(--wp-text) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;

    font-family: var(--wp-body-font);
    font-size: 12px !important;
    line-height: 1.55;

    box-shadow: none !important;
}


/* ------------------------------------------------------------
   FOCUS STATE
------------------------------------------------------------ */

body.mw-special-FormEdit #pfForm input:focus,
body.mw-special-FormEdit #pfForm select:focus,
body.mw-special-FormEdit #pfForm textarea:focus,
body.page-Special_FormEdit #pfForm input:focus,
body.page-Special_FormEdit #pfForm select:focus,
body.page-Special_FormEdit #pfForm textarea:focus {
    outline: none !important;

    border-color: var(--wp-teal) !important;

    box-shadow:
        0 0 0 3px
        rgba(15, 107, 101, .10) !important;
}


/* ------------------------------------------------------------
   REQUIRED FIELD MARKER
------------------------------------------------------------ */

body.mw-special-FormEdit .mandatoryFieldSpan,
body.page-Special_FormEdit .mandatoryFieldSpan {
    color: var(--wp-gold) !important;

    font-weight: 700;
}


/* ------------------------------------------------------------
   FIELD HELP / DESCRIPTION
------------------------------------------------------------ */

body.mw-special-FormEdit .pfFormInput + small,
body.page-Special_FormEdit .pfFormInput + small,
body.mw-special-FormEdit .fieldInfo,
body.page-Special_FormEdit .fieldInfo {
    display: block;

    margin-top: 5px;

    color: var(--wp-muted) !important;

    font-size: 10.5px;
    line-height: 1.45;
}


/* ------------------------------------------------------------
   CHECKBOXES / RADIO BUTTONS
------------------------------------------------------------ */

body.mw-special-FormEdit #pfForm input[type="checkbox"],
body.mw-special-FormEdit #pfForm input[type="radio"],
body.page-Special_FormEdit #pfForm input[type="checkbox"],
body.page-Special_FormEdit #pfForm input[type="radio"] {
    accent-color: var(--wp-teal);
}


/* ------------------------------------------------------------
   FORM SECTION HEADINGS
------------------------------------------------------------ */

body.mw-special-FormEdit #pfForm h2,
body.mw-special-FormEdit #pfForm h3,
body.page-Special_FormEdit #pfForm h2,
body.page-Special_FormEdit #pfForm h3 {
    margin: 22px 0 12px !important;
    padding: 0 0 8px !important;

    color: var(--wp-heading) !important;

    border: 0 !important;
    border-bottom: 1px solid var(--wp-border) !important;

    font-family: var(--wp-heading-font);
    font-weight: 500 !important;
}


/* ------------------------------------------------------------
   PAGE FORMS BUTTON AREA
------------------------------------------------------------ */

/* ------------------------------------------------------------
   PAGE FORMS BUTTON AREA — WIKIPARTNER
------------------------------------------------------------ */

body.mw-special-FormEdit .editButtons,
body.page-Special_FormEdit .editButtons,
body.mw-special-FormEdit .wp-suggestion-actions,
body.page-Special_FormEdit .wp-suggestion-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 9px !important;

    margin: 18px 0 0 !important;
    padding: 15px 0 0 !important;

    border-top: 1px solid var(--wp-border) !important;
}


/* ============================================================
   RESET OOUI OUTER BUTTON WRAPPERS
============================================================ */

body.mw-special-FormEdit #wpSave,
body.page-Special_FormEdit #wpSave,
body.mw-special-FormEdit #wpPreview,
body.page-Special_FormEdit #wpPreview,
body.mw-special-FormEdit #wpDiff,
body.page-Special_FormEdit #wpDiff,

body.mw-special-FormEdit .wp-suggestion-submit,
body.page-Special_FormEdit .wp-suggestion-submit,
body.mw-special-FormEdit .wp-suggestion-preview,
body.page-Special_FormEdit .wp-suggestion-preview {
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    color: inherit !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    text-shadow: none !important;
}


/* Reset OOUI widget shell */

body.mw-special-FormEdit .wp-suggestion-actions .oo-ui-widget,
body.mw-special-FormEdit .wp-suggestion-actions .oo-ui-inputWidget,
body.mw-special-FormEdit .wp-suggestion-actions .oo-ui-buttonElement,

body.page-Special_FormEdit .wp-suggestion-actions .oo-ui-widget,
body.page-Special_FormEdit .wp-suggestion-actions .oo-ui-inputWidget,
body.page-Special_FormEdit .wp-suggestion-actions .oo-ui-buttonElement {
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* ============================================================
   REAL SUBMIT BUTTON
============================================================ */

body.mw-special-FormEdit
.wp-suggestion-submit
.oo-ui-buttonElement-button,

body.mw-special-FormEdit
.wp-suggestion-submit
input,

body.mw-special-FormEdit
.wp-suggestion-submit
button,

body.page-Special_FormEdit
.wp-suggestion-submit
.oo-ui-buttonElement-button,

body.page-Special_FormEdit
.wp-suggestion-submit
input,

body.page-Special_FormEdit
.wp-suggestion-submit
button {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-width: 0 !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 9px 17px !important;

    background: var(--wp-teal) !important;
    background-image: none !important;

    color: #FFFFFF !important;

    border: 1px solid var(--wp-teal) !important;
    border-radius: 7px !important;

    font-family: var(--wp-body-font) !important;
    font-size: 12px !important;
    font-weight: 700 !important;

    line-height: 1.2 !important;

    text-shadow: none !important;
    box-shadow: none !important;

    cursor: pointer !important;
}


body.mw-special-FormEdit
.wp-suggestion-submit
.oo-ui-buttonElement-button:hover,

body.mw-special-FormEdit
.wp-suggestion-submit
input:hover,

body.mw-special-FormEdit
.wp-suggestion-submit
button:hover,

body.page-Special_FormEdit
.wp-suggestion-submit
.oo-ui-buttonElement-button:hover,

body.page-Special_FormEdit
.wp-suggestion-submit
input:hover,

body.page-Special_FormEdit
.wp-suggestion-submit
button:hover {
    background: var(--wp-teal-dark) !important;
    background-image: none !important;

    border-color: var(--wp-teal-dark) !important;
}


/* Submit label */

body.mw-special-FormEdit
.wp-suggestion-submit
.oo-ui-labelElement-label,

body.page-Special_FormEdit
.wp-suggestion-submit
.oo-ui-labelElement-label {
    margin: 0 !important;
    padding: 0 !important;

    color: #FFFFFF !important;
}


/* ============================================================
   REAL PREVIEW BUTTON
============================================================ */

body.mw-special-FormEdit
.wp-suggestion-preview
.oo-ui-buttonElement-button,

body.mw-special-FormEdit
.wp-suggestion-preview
input,

body.mw-special-FormEdit
.wp-suggestion-preview
button,

body.page-Special_FormEdit
.wp-suggestion-preview
.oo-ui-buttonElement-button,

body.page-Special_FormEdit
.wp-suggestion-preview
input,

body.page-Special_FormEdit
.wp-suggestion-preview
button {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 40px !important;

    margin: 0 !important;
    padding: 9px 15px !important;

    background: var(--wp-surface) !important;
    background-image: none !important;

    color: var(--wp-teal) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;

    font-family: var(--wp-body-font) !important;
    font-size: 12px !important;
    font-weight: 700 !important;

    line-height: 1.2 !important;

    text-shadow: none !important;
    box-shadow: none !important;

    cursor: pointer !important;
}


body.mw-special-FormEdit
.wp-suggestion-preview
.oo-ui-buttonElement-button:hover,

body.mw-special-FormEdit
.wp-suggestion-preview
input:hover,

body.mw-special-FormEdit
.wp-suggestion-preview
button:hover,

body.page-Special_FormEdit
.wp-suggestion-preview
.oo-ui-buttonElement-button:hover,

body.page-Special_FormEdit
.wp-suggestion-preview
input:hover,

body.page-Special_FormEdit
.wp-suggestion-preview
button:hover {
    background: var(--wp-hover-bg) !important;

    color: var(--wp-teal-dark) !important;

    border-color: var(--wp-teal) !important;
}


/* Preview label */

body.mw-special-FormEdit
.wp-suggestion-preview
.oo-ui-labelElement-label,

body.page-Special_FormEdit
.wp-suggestion-preview
.oo-ui-labelElement-label {
    margin: 0 !important;

    color: var(--wp-teal) !important;
}


/* ============================================================
   CANCEL
============================================================ */

body.mw-special-FormEdit
.wp-suggestion-cancel,

body.mw-special-FormEdit
.wp-suggestion-cancel a,

body.page-Special_FormEdit
.wp-suggestion-cancel,

body.page-Special_FormEdit
.wp-suggestion-cancel a {
    margin: 0 !important;
    padding: 8px 4px !important;

    background: transparent !important;

    color: var(--wp-teal) !important;

    border: 0 !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    box-shadow: none !important;
}


body.mw-special-FormEdit
.wp-suggestion-cancel:hover,

body.mw-special-FormEdit
.wp-suggestion-cancel a:hover,

body.page-Special_FormEdit
.wp-suggestion-cancel:hover,

body.page-Special_FormEdit
.wp-suggestion-cancel a:hover {
    color: var(--wp-teal-dark) !important;

    text-decoration: underline !important;
}

/* ------------------------------------------------------------
   PAGE FORMS ERROR / WARNING BOXES
------------------------------------------------------------ */

body.mw-special-FormEdit .error,
body.page-Special_FormEdit .error,
body.mw-special-FormEdit .warningbox,
body.page-Special_FormEdit .warningbox {
    margin: 12px 0 !important;
    padding: 11px 13px !important;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-gold) !important;
    border-left: 4px solid var(--wp-gold) !important;
    border-radius: 7px !important;

    color: var(--wp-text) !important;
}


/* ------------------------------------------------------------
   FORMLINK BUTTONS
   Used on Suggest an article / Report an issue pages
------------------------------------------------------------ */

.wp-article-body .pfFormLink a,
.wp-article-body a.pfFormLink,
.wp-article-body .pfFormLink {
    text-decoration: none !important;
}


.wp-article-body .pfFormLink input,
.wp-article-body .pfFormLink button {
    min-height: 40px;

    padding: 8px 16px !important;

    background: var(--wp-teal) !important;

    color: #FFFFFF !important;

    border: 1px solid var(--wp-teal) !important;
    border-radius: 7px !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    box-shadow: none !important;

    cursor: pointer;
}


/* ------------------------------------------------------------
   REVIEWER WORKFLOW BUTTONS
------------------------------------------------------------ */

#wp-review-suggestion-control,
#wp-review-issue-control {
    margin-top: 16px;
}


#wp-review-suggestion-control a,
#wp-review-issue-control a,
#wp-review-suggestion-control input,
#wp-review-issue-control input {
    min-height: 36px;

    padding: 7px 13px !important;

    background: var(--wp-teal) !important;

    color: #FFFFFF !important;

    border: 1px solid var(--wp-teal) !important;
    border-radius: 6px !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    box-shadow: none !important;
}


/* ------------------------------------------------------------
   SELECT2 — PAGE FORMS DROPDOWNS
------------------------------------------------------------ */

body.mw-special-FormEdit .select2-container,
body.page-Special_FormEdit .select2-container {
    max-width: 720px !important;
}


body.mw-special-FormEdit .select2-selection,
body.page-Special_FormEdit .select2-selection {
    min-height: 40px !important;

    background: var(--wp-input-bg) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;

    color: var(--wp-text) !important;
}


/* ------------------------------------------------------------
   DARK MODE — SELECT2 RESULTS
------------------------------------------------------------ */

html.wp-theme-dark .select2-dropdown,
html.wp-theme-dark .select2-results__option {
    background: var(--wp-surface) !important;

    color: var(--wp-text) !important;

    border-color: var(--wp-border) !important;
}


html.wp-theme-dark .select2-results__option--highlighted {
    background: var(--wp-teal-soft) !important;

    color: var(--wp-heading) !important;
}


/* ------------------------------------------------------------
   MOBILE
------------------------------------------------------------ */

@media (max-width: 700px) {

    body.mw-special-FormEdit #pfForm,
    body.page-Special_FormEdit #pfForm {
        padding: 14px !important;
    }


    body.mw-special-FormEdit table.formtable,
    body.mw-special-FormEdit table.formtable tbody,
    body.mw-special-FormEdit table.formtable tr,
    body.mw-special-FormEdit table.formtable td,
    body.page-Special_FormEdit table.formtable,
    body.page-Special_FormEdit table.formtable tbody,
    body.page-Special_FormEdit table.formtable tr,
    body.page-Special_FormEdit table.formtable td {
        display: block !important;

        width: 100% !important;
    }


    body.mw-special-FormEdit table.formtable td:first-child,
    body.page-Special_FormEdit table.formtable td:first-child {
        padding: 0 0 6px !important;
    }


    body.mw-special-FormEdit #pfForm input[type="text"],
    body.mw-special-FormEdit #pfForm input[type="url"],
    body.mw-special-FormEdit #pfForm select,
    body.mw-special-FormEdit #pfForm textarea,
    body.page-Special_FormEdit #pfForm input[type="text"],
    body.page-Special_FormEdit #pfForm input[type="url"],
    body.page-Special_FormEdit #pfForm select,
    body.page-Special_FormEdit #pfForm textarea {
        max-width: none !important;
    }

}

/* ============================================================
   WIKIPARTNER — RECENT CHANGES
   Special:RecentChanges
============================================================ */


/* ------------------------------------------------------------
   FILTER / OPTIONS AREA
------------------------------------------------------------ */

body.mw-special-Recentchanges .mw-rcfilters-ui-filterWrapperWidget,
body.page-Special_RecentChanges .mw-rcfilters-ui-filterWrapperWidget,
body.mw-special-Recentchanges .mw-recentchanges-toplinks,
body.page-Special_RecentChanges .mw-recentchanges-toplinks {
    margin: 0 0 16px !important;
    padding: 14px 16px !important;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-top: 4px solid var(--wp-teal) !important;
    border-radius: 9px !important;

    box-shadow: none !important;
}


/* ------------------------------------------------------------
   FILTER INPUTS
------------------------------------------------------------ */

body.mw-special-Recentchanges input,
body.mw-special-Recentchanges select,
body.page-Special_RecentChanges input,
body.page-Special_RecentChanges select {
    background: var(--wp-input-bg) !important;
    color: var(--wp-text) !important;

    border-color: var(--wp-border) !important;

    border-radius: 6px !important;
}


/* ------------------------------------------------------------
   FILTER BUTTONS
------------------------------------------------------------ */

body.mw-special-Recentchanges button,
body.page-Special_RecentChanges button {
    border-radius: 6px !important;

    box-shadow: none !important;
}


/* Primary buttons */

body.mw-special-Recentchanges .cdx-button--action-progressive,
body.page-Special_RecentChanges .cdx-button--action-progressive {
    background: var(--wp-teal) !important;
    border-color: var(--wp-teal) !important;
    color: #FFFFFF !important;
}


body.mw-special-Recentchanges .cdx-button--action-progressive:hover,
body.page-Special_RecentChanges .cdx-button--action-progressive:hover {
    background: var(--wp-teal-dark) !important;
    border-color: var(--wp-teal-dark) !important;
}


/* ------------------------------------------------------------
   DATE HEADINGS
------------------------------------------------------------ */

body.mw-special-Recentchanges .mw-changeslist-date,
body.page-Special_RecentChanges .mw-changeslist-date {
    color: var(--wp-teal) !important;
}


body.mw-special-Recentchanges .mw-changeslist h4,
body.page-Special_RecentChanges .mw-changeslist h4 {
    margin: 22px 0 10px !important;
    padding: 0 0 8px !important;

    color: var(--wp-heading) !important;

    border-bottom: 1px solid var(--wp-border) !important;

    font-family: var(--wp-heading-font);
    font-size: 18px !important;
    font-weight: 500 !important;
}


/* ------------------------------------------------------------
   CHANGE GROUPS / CARDS
------------------------------------------------------------ */

body.mw-special-Recentchanges .mw-changeslist > ul,
body.page-Special_RecentChanges .mw-changeslist > ul {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


body.mw-special-Recentchanges .mw-changeslist-line,
body.page-Special_RecentChanges .mw-changeslist-line {
    position: relative;

    margin: 0 0 8px !important;
    padding: 10px 12px 10px 15px !important;

    background: var(--wp-surface) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;

    color: var(--wp-text) !important;

    font-size: 11.5px !important;
    line-height: 1.5 !important;
}


/* Teal accent */

body.mw-special-Recentchanges .mw-changeslist-line::before,
body.page-Special_RecentChanges .mw-changeslist-line::before {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;

    width: 3px;

    background: var(--wp-teal);

    border-radius: 7px 0 0 7px;
}


/* ------------------------------------------------------------
   PAGE TITLES / USERS / DIFF LINKS
------------------------------------------------------------ */

body.mw-special-Recentchanges .mw-changeslist-title,
body.page-Special_RecentChanges .mw-changeslist-title,
body.mw-special-Recentchanges .mw-userlink,
body.page-Special_RecentChanges .mw-userlink,
body.mw-special-Recentchanges .mw-changeslist-links a,
body.page-Special_RecentChanges .mw-changeslist-links a {
    color: var(--wp-teal) !important;

    font-weight: 600;

    text-decoration: none !important;
}


body.mw-special-Recentchanges .mw-changeslist-title:hover,
body.page-Special_RecentChanges .mw-changeslist-title:hover,
body.mw-special-Recentchanges .mw-userlink:hover,
body.page-Special_RecentChanges .mw-userlink:hover,
body.mw-special-Recentchanges .mw-changeslist-links a:hover,
body.page-Special_RecentChanges .mw-changeslist-links a:hover {
    color: var(--wp-teal-dark) !important;

    text-decoration: underline !important;
}


/* ------------------------------------------------------------
   EDIT SUMMARIES / METADATA
------------------------------------------------------------ */

body.mw-special-Recentchanges .comment,
body.page-Special_RecentChanges .comment {
    color: var(--wp-muted) !important;

    font-style: normal !important;
}


body.mw-special-Recentchanges .mw-plusminus-pos,
body.page-Special_RecentChanges .mw-plusminus-pos {
    color: var(--wp-teal) !important;

    font-weight: 600;
}


body.mw-special-Recentchanges .mw-plusminus-neg,
body.page-Special_RecentChanges .mw-plusminus-neg {
    color: var(--wp-gold) !important;

    font-weight: 600;
}


/* ------------------------------------------------------------
   LEGEND
------------------------------------------------------------ */

body.mw-special-Recentchanges .mw-changeslist-legend,
body.page-Special_RecentChanges .mw-changeslist-legend {
    margin: 14px 0 !important;
    padding: 12px 14px !important;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;

    color: var(--wp-muted) !important;

    font-size: 11px !important;
}


/* ============================================================
   WIKIPARTNER — SPECIAL PAGES
   Special:SpecialPages
============================================================ */


/* ------------------------------------------------------------
   SPECIAL PAGE GROUPS
------------------------------------------------------------ */

body.mw-special-Specialpages .mw-specialpages-list,
body.page-Special_SpecialPages .mw-specialpages-list {
    margin-top: 12px !important;
}


/* Each category */

body.mw-special-Specialpages .mw-specialpages-group,
body.page-Special_SpecialPages .mw-specialpages-group {
    position: relative;

    margin: 0 0 16px !important;
    padding: 16px !important;

    background: var(--wp-surface) !important;

    border: 1px solid var(--wp-border) !important;
    border-top: 4px solid var(--wp-teal) !important;
    border-radius: 9px !important;
}


/* Alternate accent */

body.mw-special-Specialpages .mw-specialpages-group:nth-child(even),
body.page-Special_SpecialPages .mw-specialpages-group:nth-child(even) {
    border-top-color: var(--wp-gold) !important;
}


/* ------------------------------------------------------------
   GROUP TITLES
------------------------------------------------------------ */

body.mw-special-Specialpages .mw-specialpages-group h2,
body.page-Special_SpecialPages .mw-specialpages-group h2 {
    margin: 0 0 12px !important;
    padding: 0 0 8px !important;

    color: var(--wp-heading) !important;

    border: 0 !important;
    border-bottom: 1px solid var(--wp-border) !important;

    font-family: var(--wp-heading-font);
    font-size: 19px !important;
    font-weight: 500 !important;
}


/* ------------------------------------------------------------
   SPECIAL PAGE LIST
------------------------------------------------------------ */

body.mw-special-Specialpages .mw-specialpages-list ul,
body.page-Special_SpecialPages .mw-specialpages-list ul {
    margin: 0 !important;
    padding: 0 !important;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 8px;

    list-style: none !important;
}


/* Individual Special Page */

body.mw-special-Specialpages .mw-specialpages-list li,
body.page-Special_SpecialPages .mw-specialpages-list li {
    position: relative;

    margin: 0 !important;
    padding: 9px 11px 9px 22px !important;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 6px !important;

    color: var(--wp-text);

    font-size: 11.5px;
    line-height: 1.4;
}


/* Small teal marker */

body.mw-special-Specialpages .mw-specialpages-list li::before,
body.page-Special_SpecialPages .mw-specialpages-list li::before {
    content: "";

    position: absolute;

    left: 11px;
    top: 15px;

    width: 4px;
    height: 4px;

    background: var(--wp-teal);

    border-radius: 50%;
}


/* Links */

body.mw-special-Specialpages .mw-specialpages-list a,
body.page-Special_SpecialPages .mw-specialpages-list a {
    color: var(--wp-teal) !important;

    font-weight: 500;

    text-decoration: none !important;
}


body.mw-special-Specialpages .mw-specialpages-list a:hover,
body.page-Special_SpecialPages .mw-specialpages-list a:hover {
    color: var(--wp-teal-dark) !important;

    text-decoration: underline !important;
}


/* Restricted / disabled entries */

body.mw-special-Specialpages .mw-specialpagecached,
body.page-Special_SpecialPages .mw-specialpagecached {
    color: var(--wp-muted) !important;
}


/* ------------------------------------------------------------
   GENERAL SPECIAL PAGE FORMS
------------------------------------------------------------ */

body.mw-specialpage .mw-htmlform,
body.mw-specialpage fieldset {
    background: var(--wp-surface) !important;

    border-color: var(--wp-border) !important;

    border-radius: 8px !important;
}


body.mw-specialpage input[type="text"],
body.mw-specialpage input[type="search"],
body.mw-specialpage input[type="email"],
body.mw-specialpage input[type="password"],
body.mw-specialpage select,
body.mw-specialpage textarea {
    background: var(--wp-input-bg) !important;

    color: var(--wp-text) !important;

    border-color: var(--wp-border) !important;

    border-radius: 6px !important;
}


/* ------------------------------------------------------------
   TABLET
------------------------------------------------------------ */

@media (max-width: 1000px) {

    body.mw-special-Specialpages .mw-specialpages-list ul,
    body.page-Special_SpecialPages .mw-specialpages-list ul {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* ------------------------------------------------------------
   MOBILE
------------------------------------------------------------ */

@media (max-width: 650px) {

    body.mw-special-Specialpages .mw-specialpages-list ul,
    body.page-Special_SpecialPages .mw-specialpages-list ul {
        grid-template-columns: 1fr;
    }


    body.mw-special-Specialpages .mw-specialpages-group,
    body.page-Special_SpecialPages .mw-specialpages-group {
        padding: 13px !important;
    }


    body.mw-special-Recentchanges .mw-changeslist-line,
    body.page-Special_RecentChanges .mw-changeslist-line {
        padding: 10px 10px 10px 13px !important;
    }

}

/* ============================================================
   WIKIPARTNER — DRAFT STATUS
============================================================ */

.wp-draft-status-card {
    margin: 0 0 20px !important;
    padding: 14px 16px !important;

    background: var(--wp-surface-2);

    border: 1px solid var(--wp-border);
    border-top: 4px solid var(--wp-gold);
    border-radius: 8px;

    color: var(--wp-text);

    font-size: 11.5px;
    line-height: 1.55;
}


.wp-draft-status-header {
    margin-bottom: 6px;

    color: var(--wp-heading);

    font-size: 13px;
    font-weight: 700;
}


.wp-draft-status-row {
    margin-top: 4px;

    color: var(--wp-muted);
}


#wp-review-draft-control {
    margin-top: 12px;
}


#wp-review-draft-control a,
#wp-review-draft-control input {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 36px;

    padding: 7px 13px !important;

    background: var(--wp-teal) !important;
    color: #FFFFFF !important;

    border: 1px solid var(--wp-teal) !important;
    border-radius: 6px !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    text-decoration: none !important;
}


#wp-review-draft-control a:hover,
#wp-review-draft-control input:hover {
    background: var(--wp-teal-dark) !important;
    border-color: var(--wp-teal-dark) !important;
}

/* ============================================================
   DRAFT — SUBMIT FOR REVIEW
============================================================ */

#wp-submit-draft-control {
    margin-top: 12px;
}

#wp-submit-draft-control a,
#wp-submit-draft-control input {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 36px;

    padding: 7px 14px !important;

    background: var(--wp-teal) !important;
    color: #FFFFFF !important;

    border: 1px solid var(--wp-teal) !important;
    border-radius: 6px !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    box-shadow: none !important;
}

#wp-submit-draft-control a:hover,
#wp-submit-draft-control input:hover {
    background: var(--wp-teal-dark) !important;
    border-color: var(--wp-teal-dark) !important;
}

/* ============================================================
   DRAFT — PUBLISH ARTICLE
============================================================ */

#wp-publish-draft-control {
    margin-top: 12px;
}


#wp-publish-draft-control a {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 36px;

    padding: 7px 14px !important;

    background: var(--wp-teal) !important;

    color: #FFFFFF !important;

    border: 1px solid var(--wp-teal) !important;
    border-radius: 6px !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    box-shadow: none !important;
}


#wp-publish-draft-control a:hover {
    background: var(--wp-teal-dark) !important;

    border-color: var(--wp-teal-dark) !important;

    color: #FFFFFF !important;
}

/* ============================================================
   WIKIPARTNER — PUBLISH ARTICLE SCREEN
============================================================ */

body.wp-publish-mode .wp-article-body form {
    margin-top: 12px !important;
    padding: 18px !important;

    background: var(--wp-surface) !important;

    border: 1px solid var(--wp-border) !important;
    border-top: 4px solid var(--wp-teal) !important;
    border-radius: 9px !important;
}


/* Publication explanation */

#wp-publish-intro {
    margin: 0 0 18px !important;
    padding: 13px 15px !important;

    background: var(--wp-teal-soft) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;
}


#wp-publish-intro strong {
    display: block;

    margin-bottom: 4px;

    color: var(--wp-heading);

    font-size: 13px;
    font-weight: 700;
}


#wp-publish-intro span {
    display: block;

    color: var(--wp-muted);

    font-size: 11px;
    line-height: 1.55;
}


/* Fields */

body.wp-publish-mode input[type="text"],
body.wp-publish-mode select {
    min-height: 38px;

    background: var(--wp-input-bg) !important;
    color: var(--wp-text) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 6px !important;

    box-shadow: none !important;
}


body.wp-publish-mode input[type="text"]:focus,
body.wp-publish-mode select:focus {
    outline: none !important;

    border-color: var(--wp-teal) !important;

    box-shadow:
        0 0 0 3px
        rgba(15, 107, 101, .10) !important;
}


/* Checkboxes */

body.wp-publish-mode input[type="checkbox"] {
    accent-color: var(--wp-teal);
}


/* Final publish button */

body.wp-publish-mode #wpMove,
body.wp-publish-mode [name="wpMove"] {
    min-height: 40px;

    padding: 8px 17px !important;

    background: var(--wp-teal) !important;
    color: #FFFFFF !important;

    border: 1px solid var(--wp-teal) !important;
    border-radius: 7px !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    text-shadow: none !important;
    box-shadow: none !important;

    cursor: pointer;
}


body.wp-publish-mode #wpMove:hover,
body.wp-publish-mode [name="wpMove"]:hover {
    background: var(--wp-teal-dark) !important;

    border-color: var(--wp-teal-dark) !important;
}

/* ============================================================
   WIKIPARTNER — SOURCE EDITOR FINAL
============================================================ */


/* ============================================================
   TOOLBAR SHELL
============================================================ */

#wikiEditor-ui-toolbar {
    position: relative !important;

    margin: 0 !important;

    padding: 0 !important;

    background:
        var(--wp-surface-2) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        8px 8px 0 0 !important;

    box-shadow:
        none !important;

    overflow:
        visible !important;
}


/* ============================================================
   PRIMARY ROW
============================================================ */

#wp-source-primary-bar {
    width: 100%;

    min-height: 46px;

    padding:
        6px
        8px;

    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap: 12px;

    background:
        var(--wp-surface-2);

    border-bottom:
        1px solid
        var(--wp-border);

    box-sizing:
        border-box;
}


.wp-source-toolbar-left,
.wp-source-toolbar-right {
    display: flex;

    align-items: center;

    gap: 4px;

    min-width: 0;
}


.wp-source-toolbar-right {
    margin-left: auto;
}


/* ============================================================
   PRIMARY TOOL BUTTONS
============================================================ */

.wp-source-tool {
    min-height: 32px;

    margin: 0 !important;

    padding:
        6px
        9px !important;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        transparent !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        transparent !important;

    border-radius:
        5px !important;

    font-family:
        var(--wp-body-font);

    font-size:
        11px;

    font-weight:
        600;

    line-height:
        1;

    box-shadow:
        none !important;

    cursor:
        pointer;
}


.wp-source-tool:hover {
    background:
        var(--wp-teal-soft) !important;

    color:
        var(--wp-teal-dark) !important;

    border-color:
        var(--wp-border) !important;
}


/* Bold */

.wp-source-bold {
    min-width: 32px;

    font-family:
        Georgia,
        serif;

    font-size:
        19px;

    font-weight:
        700;
}


/* Italic */

.wp-source-italic {
    min-width: 32px;

    font-family:
        Georgia,
        serif;

    font-size:
        18px;

    font-style:
        italic;
}


/* Cite */

.wp-source-cite {
    color:
        var(--wp-teal) !important;

    font-weight:
        700 !important;
}


/* ============================================================
   PREVIEW
============================================================ */

.wp-source-preview {
    margin-right:
        3px !important;

    color:
        var(--wp-teal) !important;

    font-weight:
        700 !important;
}


/* ============================================================
   VISUAL / SOURCE — INSIDE TOOLBAR
============================================================ */

.wp-source-mode-switch {
    display:
        inline-flex;

    align-items:
        center;

    padding:
        2px;

    background:
        var(--wp-surface);

    border:
        1px solid
        var(--wp-border);

    border-radius:
        6px;
}


.wp-source-mode-switch a,
.wp-source-mode-switch span {
    min-width:
        52px;

    padding:
        6px
        9px;

    border-radius:
        4px;

    color:
        var(--wp-teal) !important;

    font-size:
        10.5px;

    font-weight:
        700;

    line-height:
        1;

    text-align:
        center;

    text-decoration:
        none !important;
}


.wp-source-mode-switch a:hover {
    background:
        var(--wp-teal-soft);
}


.wp-source-mode-switch
.wp-source-mode-active {
    background:
        var(--wp-teal) !important;

    color:
        #FFFFFF !important;
}


/* ============================================================
   REMOVE OLD TOP TOOLBAR / TABS
============================================================ */

/*
 * The new WikiPartner primary row replaces
 * WikiEditor's default first row.
 */

#wikiEditor-ui-toolbar
.sections
.section-main {
    display:
        none !important;
}


/*
 * Advanced is permanent, therefore the old
 * Advanced / Special characters / Help navigation
 * is no longer necessary.
 */

#wikiEditor-ui-toolbar
.tabs {
    display:
        none !important;
}


/* ============================================================
   PERMANENT ADVANCED ROW
============================================================ */

#wikiEditor-ui-toolbar
.sections {
    display:
        block !important;

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        var(--wp-surface) !important;
}


#wikiEditor-ui-toolbar
.sections
.section {
    display:
        none !important;
}


#wikiEditor-ui-toolbar
.sections
.section-advanced {
    display:
        block !important;

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-text) !important;

    border:
        0 !important;

    box-sizing:
        border-box !important;
}


/*
 * Advanced toolbar itself
 */

#wikiEditor-ui-toolbar
.section-advanced
.toolbar {
    min-height:
        40px !important;

    padding:
        3px 6px !important;

    background:
        var(--wp-surface) !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}


/*
 * Native advanced groups
 */

#wikiEditor-ui-toolbar
.section-advanced
.group {
    border-color:
        var(--wp-border) !important;
}


/* ============================================================
   REMOVE NATIVE VISUAL/SOURCE PENCIL
============================================================ */

#wikiEditor-ui-toolbar
.tool[rel="visualeditor"],

#wikiEditor-ui-toolbar
.tool[rel="visualeditor-dropdown"],

#wikiEditor-ui-toolbar
.tool-name-visualeditor,

#wikiEditor-ui-toolbar
.tool-name-visualeditor-dropdown,

#wikiEditor-ui-toolbar
[data-tool="visualeditor"],

#wikiEditor-ui-toolbar
[data-tool="visualeditor-dropdown"] {
    display:
        none !important;
}


/* ============================================================
   EDITOR CANVAS
============================================================ */

#wikiEditor-ui-text {
    position:
        relative;

    background:
        var(--wp-input-bg) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-top:
        0 !important;

    border-radius:
        0 0 8px 8px !important;

    box-shadow:
        none !important;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}


#wikiEditor-ui-text textarea,
#wpTextbox1 {
    width:
        100% !important;

    min-height:
        440px;

    margin:
        0 !important;

    padding:
        12px !important;

    background:
        var(--wp-input-bg) !important;

    color:
        var(--wp-text) !important;

    border:
        0 !important;

    border-radius:
        0 0 8px 8px !important;

    font-family:
        ui-monospace,
        SFMono-Regular,
        Consolas,
        "Liberation Mono",
        monospace !important;

    font-size:
        13px !important;

    line-height:
        1.6 !important;

    box-shadow:
        none !important;

    outline:
        none !important;
}


/* ------------------------------------------------------------
   ACTIVE EDITOR — SUBTLE TEAL
------------------------------------------------------------ */

#wikiEditor-ui-text:focus-within {
    border-color:
        var(--wp-teal) !important;

    box-shadow:
        0 0 0 2px
        rgba(15, 107, 101, .08) !important;
}


#wpTextbox1:focus {
    outline:
        none !important;
}


/* ============================================================
   WIKI MARKUP PALETTE
============================================================ */

#wp-wikitext-palette {
    width:
        100%;

    margin:
        12px 0 0 !important;

    padding:
        0 !important;

    background:
        var(--wp-surface-2);

    border:
        1px solid
        var(--wp-border);

    border-radius:
        8px;

    box-sizing:
        border-box;

    overflow:
        visible;
}


/* ------------------------------------------------------------
   PALETTE HEADING
------------------------------------------------------------ */

#wp-wikitext-palette > summary {
    min-height:
        38px;

    padding:
        8px 12px;

    display:
        flex;

    align-items:
        center;

    color:
        var(--wp-heading);

    font-size:
        11px;

    font-weight:
        700;

    list-style:
        none;

    cursor:
        pointer;

    user-select:
        none;
}


#wp-wikitext-palette >
summary::-webkit-details-marker {
    display:
        none;
}


#wp-wikitext-palette >
summary::after {
    content:
        "⌄";

    margin-left:
        auto;

    color:
        var(--wp-muted);

    font-size:
        12px;

    transition:
        transform .15s ease;
}


#wp-wikitext-palette[open] >
summary::after {
    transform:
        rotate(180deg);
}


/* ------------------------------------------------------------
   PALETTE CONTENT
------------------------------------------------------------ */

.wp-wikitext-palette-body {
    padding:
        7px
        9px
        9px;

    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        5px;

    background:
        var(--wp-surface);

    border-top:
        1px solid
        var(--wp-border);
}


/* ------------------------------------------------------------
   MARKUP BUTTONS
------------------------------------------------------------ */

.wp-wikitext-button {
    min-height:
        27px;

    margin:
        0 !important;

    padding:
        4px
        7px !important;

    background:
        var(--wp-surface-2) !important;

    color:
        var(--wp-teal) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        5px !important;

    font-family:
        ui-monospace,
        SFMono-Regular,
        Consolas,
        monospace;

    font-size:
        10px;

    font-weight:
        600;

    line-height:
        1;

    box-shadow:
        none !important;

    cursor:
        pointer;
}


.wp-wikitext-button:hover {
    background:
        var(--wp-teal-soft) !important;

    color:
        var(--wp-teal-dark) !important;

    border-color:
        var(--wp-teal) !important;
}


/* ------------------------------------------------------------
   PALETTE SEPARATORS
------------------------------------------------------------ */

.wp-wikitext-separator {
    width:
        1px;

    height:
        20px;

    margin:
        0 2px;

    background:
        var(--wp-border);
}


/* ============================================================
   SUMMARY PANEL
============================================================ */

.editOptions {
    margin-top:
        12px !important;

    padding:
        14px
        15px !important;

    background:
        var(--wp-surface-2) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        8px !important;
}


/* ------------------------------------------------------------
   SUMMARY INPUT
------------------------------------------------------------ */

#wpSummary {
    width:
        100% !important;

    min-height:
        38px;

    margin-top:
        6px !important;

    padding:
        7px
        10px !important;

    background:
        var(--wp-input-bg) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        6px !important;

    box-shadow:
        none !important;
}


#wpSummary:focus {
    outline:
        none !important;

    border-color:
        var(--wp-teal) !important;

    box-shadow:
        0 0 0 2px
        rgba(15, 107, 101, .08) !important;
}


/* ============================================================
   MINOR EDIT / WATCH PAGE
============================================================ */

.editOptions
.editCheckboxes {
    margin:
        10px 0 8px !important;

    display:
        flex !important;

    align-items:
        center !important;

    flex-wrap:
        wrap !important;

    gap:
        8px 18px !important;
}


.editOptions
input[type="checkbox"] {
    width:
        16px;

    height:
        16px;

    margin-right:
        5px;

    accent-color:
        var(--wp-teal);
}


/* ============================================================
   COPYRIGHT / LICENSING NOTICE
============================================================ */

#editpage-copywarn {
    margin:
        8px 0 0 !important;

    color:
        var(--wp-muted) !important;

    font-size:
        10.5px !important;

    line-height:
        1.45 !important;
}


#editpage-copywarn a {
    color:
        var(--wp-teal) !important;

    font-weight:
        500;
}


#editpage-copywarn strong,
#editpage-copywarn b {
    color:
        var(--wp-heading) !important;

    font-weight:
        700 !important;
}


/* ============================================================
   SAVE BUTTON
============================================================ */

#wpSave {
    min-height:
        38px;

    padding:
        7px
        15px !important;

    background:
        var(--wp-teal) !important;

    color:
        #FFFFFF !important;

    border:
        1px solid
        var(--wp-teal) !important;

    border-radius:
        6px !important;

    font-weight:
        700 !important;

    box-shadow:
        none !important;
}


#wpSave:hover {
    background:
        var(--wp-teal-dark) !important;

    border-color:
        var(--wp-teal-dark) !important;
}


/* ============================================================
   SECONDARY BUTTONS
============================================================ */

#wpPreview,
#wpDiff {
    min-height:
        38px;

    padding:
        7px
        13px !important;

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-teal) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        6px !important;

    font-weight:
        600 !important;

    box-shadow:
        none !important;
}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 760px) {

    #wp-source-primary-bar {
        align-items:
            flex-start;

        flex-direction:
            column;
    }


    .wp-source-toolbar-right {
        width:
            100%;

        margin-left:
            0;

        justify-content:
            space-between;
    }


    .wp-source-toolbar-left {
        width:
            100%;

        flex-wrap:
            wrap;
    }


    .wp-wikitext-separator {
        display:
            none;
    }

}

/* ============================================================
   WIKIPARTNER — VISUAL EDITOR FINAL
============================================================ */


/* ------------------------------------------------------------
   TOOLBAR
------------------------------------------------------------ */

.ve-ui-toolbar .oo-ui-toolbar-bar {
    background:
        var(--wp-surface-2) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        8px !important;

    box-shadow:
        none !important;
}


.ve-ui-toolbar .oo-ui-toolGroup {
    border-color:
        var(--wp-border) !important;
}


.ve-ui-toolbar .oo-ui-tool-link,
.ve-ui-toolbar .oo-ui-popupToolGroup-handle {
    border-radius:
        5px !important;
}


.ve-ui-toolbar .oo-ui-tool-link:hover,
.ve-ui-toolbar .oo-ui-popupToolGroup-handle:hover {
    background:
        var(--wp-teal-soft) !important;
}


/* ------------------------------------------------------------
   HIDE NATIVE VISUAL/SOURCE PENCIL
------------------------------------------------------------ */

.ve-ui-toolbar .ve-ui-mwEditModeTool,
.ve-ui-toolbar .oo-ui-tool-name-editMode,
.ve-ui-toolbar .ve-ui-toolbar-group-editMode {
    display:
        none !important;
}


/* ------------------------------------------------------------
   VISUAL / SOURCE INSIDE NATIVE TOOLBAR
------------------------------------------------------------ */

#wp-ve-toolbar-modes {
    margin-left:
        auto !important;

    padding:
        3px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    align-self:
        center !important;

    background:
        var(--wp-surface) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        7px !important;

    box-sizing:
        border-box !important;
}


.wp-ve-toolbar-mode {
    min-width:
        54px !important;

    min-height:
        30px !important;

    margin:
        0 !important;

    padding:
        6px
        9px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    background:
        transparent !important;

    color:
        var(--wp-teal) !important;

    border:
        0 !important;

    border-radius:
        5px !important;

    font-family:
        var(--wp-body-font) !important;

    font-size:
        10.5px !important;

    font-weight:
        700 !important;

    line-height:
        1 !important;

    box-shadow:
        none !important;

    cursor:
        pointer !important;
}


.wp-ve-toolbar-mode:hover {
    background:
        var(--wp-teal-soft) !important;
}


.wp-ve-toolbar-mode-active {
    background:
        var(--wp-teal) !important;

    color:
        #FFFFFF !important;

    cursor:
        default !important;
}


/* ------------------------------------------------------------
   SAVE CHANGES
------------------------------------------------------------ */

.ve-ui-toolbar
.oo-ui-tool-name-showSave
.oo-ui-tool-link {
    background:
        var(--wp-teal) !important;

    color:
        #FFFFFF !important;

    border-radius:
        6px !important;
}


.ve-ui-toolbar
.oo-ui-tool-name-showSave
.oo-ui-tool-link:hover {
    background:
        var(--wp-teal-dark) !important;
}


/* ------------------------------------------------------------
   TOOLBAR TEXT
------------------------------------------------------------ */

.ve-ui-toolbar
.oo-ui-labelElement-label {
    color:
        var(--wp-text) !important;
}


/* ------------------------------------------------------------
   CANVAS
------------------------------------------------------------ */

.ve-ce-surface {
    background:
        var(--wp-input-bg) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        8px !important;

    box-shadow:
        none !important;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}


.ve-ce-documentNode {
    min-height:
        430px;

    color:
        var(--wp-text) !important;
}


.ve-ce-surface:focus-within {
    border-color:
        var(--wp-teal) !important;

    box-shadow:
        0 0 0 2px
        rgba(15, 107, 101, .08) !important;
}


/* ------------------------------------------------------------
   LINKS
------------------------------------------------------------ */

.ve-ce-surface a {
    color:
        var(--wp-teal) !important;
}


/* ------------------------------------------------------------
   POPUPS
------------------------------------------------------------ */

.ve-ui-toolbar .oo-ui-popupToolGroup-tools,
.ve-ui-toolbar .oo-ui-menuSelectWidget {
    background:
        var(--wp-surface) !important;

    color:
        var(--wp-text) !important;

    border-color:
        var(--wp-border) !important;
}


.ve-ui-toolbar .oo-ui-optionWidget {
    color:
        var(--wp-text) !important;
}


.ve-ui-toolbar
.oo-ui-optionWidget-highlighted {
    background:
        var(--wp-teal-soft) !important;

    color:
        var(--wp-heading) !important;
}


/* ------------------------------------------------------------
   VISUALEDITOR DIALOGS
------------------------------------------------------------ */

.ve-ui-mwSaveDialog .oo-ui-window-frame,
.ve-ui-mwMediaDialog .oo-ui-window-frame,
.ve-ui-mwTransclusionDialog .oo-ui-window-frame,
.ve-ui-mwReferenceDialog .oo-ui-window-frame {
    background:
        var(--wp-surface) !important;

    color:
        var(--wp-text) !important;

    border-radius:
        10px !important;
}


/* ------------------------------------------------------------
   MOBILE
------------------------------------------------------------ */

@media (max-width: 760px) {

    #wp-ve-toolbar-modes {
        margin-left:
            6px !important;
    }

}

/* ============================================================
   WIKIPARTNER — CITATION DIALOG
============================================================ */


/* ------------------------------------------------------------
   FULLSCREEN OVERLAY
------------------------------------------------------------ */

.wp-citation-dialog-overlay {
    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100vw !important;
    height: 100vh !important;

    z-index: 2147483000 !important;

    margin: 0 !important;
    padding: 20px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    background:
        rgba(18, 35, 63, .32) !important;
}


/* ------------------------------------------------------------
   DIALOG
------------------------------------------------------------ */

.wp-citation-dialog {
    position: relative !important;

    width: 100% !important;
    max-width: 570px !important;

    max-height:
        calc(100vh - 40px) !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-top:
        4px solid
        var(--wp-teal) !important;

    border-radius:
        10px !important;

    box-shadow:
        0 18px 55px
        rgba(0, 0, 0, .22) !important;

    box-sizing:
        border-box !important;

    overflow:
        hidden !important;

    transform:
        none !important;
}


/* ============================================================
   HEADER
============================================================ */

.wp-citation-dialog-header {
    width: 100% !important;

    min-height: 52px !important;

    margin: 0 !important;

    padding:
        11px
        16px !important;

    display: flex !important;

    align-items: center !important;

    justify-content:
        space-between !important;

    flex: 0 0 auto !important;

    background:
        var(--wp-surface) !important;

    border-bottom:
        1px solid
        var(--wp-border) !important;

    box-sizing:
        border-box !important;
}


.wp-citation-dialog-title {
    margin: 0 !important;

    padding: 0 !important;

    color:
        var(--wp-heading) !important;

    font-family:
        var(--wp-heading-font) !important;

    font-size:
        18px !important;

    font-weight:
        600 !important;

    line-height:
        1.25 !important;
}


/* ------------------------------------------------------------
   CLOSE BUTTON
------------------------------------------------------------ */

.wp-citation-dialog-close {
    width: 32px !important;
    height: 32px !important;

    min-width: 32px !important;
    min-height: 32px !important;

    margin: 0 !important;
    padding: 0 !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    background:
        transparent !important;

    color:
        var(--wp-muted) !important;

    border:
        0 !important;

    border-radius:
        6px !important;

    font-family:
        Arial,
        sans-serif !important;

    font-size:
        22px !important;

    font-weight:
        400 !important;

    line-height:
        1 !important;

    box-shadow:
        none !important;

    cursor:
        pointer !important;
}


.wp-citation-dialog-close:hover {
    background:
        var(--wp-surface-2) !important;

    color:
        var(--wp-heading) !important;
}


/* ============================================================
   BODY
============================================================ */

.wp-citation-dialog-body {
    width: 100% !important;

    margin: 0 !important;

    padding:
        16px !important;

    flex:
        1 1 auto !important;

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-text) !important;

    box-sizing:
        border-box !important;

    overflow-x:
        hidden !important;

    overflow-y:
        auto !important;
}


/* ============================================================
   SOURCE TYPE
============================================================ */

.wp-citation-dialog-body >
.wp-citation-field {
    width: 100% !important;

    margin:
        0
        0
        14px !important;
}


/* ============================================================
   FIELD GRID
============================================================ */

.wp-citation-fields {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: grid !important;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        ) !important;

    gap:
        12px !important;

    box-sizing:
        border-box !important;
}


.wp-citation-field {
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ============================================================
   LABELS
============================================================ */

.wp-citation-field label {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    color:
        var(--wp-heading) !important;

    font-family:
        var(--wp-body-font) !important;

    font-size:
        11px !important;

    font-weight:
        600 !important;

    line-height:
        1.35 !important;
}


/* ============================================================
   INPUTS
============================================================ */

.wp-citation-field input,
.wp-citation-field select,
.wp-citation-field textarea {
    width: 100% !important;

    max-width:
        none !important;

    margin:
        5px
        0
        0 !important;

    padding:
        8px
        10px !important;

    display:
        block !important;

    background:
        var(--wp-input-bg) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        6px !important;

    font-family:
        var(--wp-body-font) !important;

    font-size:
        12px !important;

    font-weight:
        400 !important;

    line-height:
        1.4 !important;

    box-sizing:
        border-box !important;

    box-shadow:
        none !important;
}


.wp-citation-field input,
.wp-citation-field select {
    min-height:
        38px !important;
}


.wp-citation-field textarea {
    min-height:
        110px !important;

    resize:
        vertical !important;
}


/* ------------------------------------------------------------
   PLACEHOLDERS
------------------------------------------------------------ */

.wp-citation-field input::placeholder,
.wp-citation-field textarea::placeholder {
    color:
        var(--wp-muted) !important;

    opacity:
        .72 !important;
}


/* ------------------------------------------------------------
   FOCUS
------------------------------------------------------------ */

.wp-citation-field input:focus,
.wp-citation-field select:focus,
.wp-citation-field textarea:focus {
    outline:
        none !important;

    border-color:
        var(--wp-teal) !important;

    box-shadow:
        0 0 0 3px
        rgba(15, 107, 101, .10) !important;
}


/* ============================================================
   FOOTER
============================================================ */

.wp-citation-dialog-footer {
    width: 100% !important;

    min-height: 58px !important;

    margin: 0 !important;

    padding:
        11px
        16px !important;

    display: flex !important;

    align-items: center !important;

    justify-content:
        flex-end !important;

    gap:
        8px !important;

    flex:
        0 0 auto !important;

    background:
        var(--wp-surface-2) !important;

    border-top:
        1px solid
        var(--wp-border) !important;

    box-sizing:
        border-box !important;
}


/* ============================================================
   FOOTER BUTTONS
============================================================ */

.wp-citation-dialog-footer button {
    width: auto !important;

    min-width:
        90px !important;

    min-height:
        36px !important;

    margin:
        0 !important;

    padding:
        7px
        13px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    border-radius:
        6px !important;

    font-family:
        var(--wp-body-font) !important;

    font-size:
        11px !important;

    font-weight:
        700 !important;

    line-height:
        1.2 !important;

    text-shadow:
        none !important;

    box-shadow:
        none !important;

    cursor:
        pointer !important;
}


/* ------------------------------------------------------------
   CANCEL
------------------------------------------------------------ */

.wp-citation-secondary {
    background:
        var(--wp-surface) !important;

    color:
        var(--wp-teal) !important;

    border:
        1px solid
        var(--wp-border) !important;
}


.wp-citation-secondary:hover {
    background:
        var(--wp-teal-soft) !important;

    color:
        var(--wp-teal-dark) !important;

    border-color:
        var(--wp-teal) !important;
}


/* ------------------------------------------------------------
   INSERT CITATION
------------------------------------------------------------ */

.wp-citation-primary {
    background:
        var(--wp-teal) !important;

    color:
        #FFFFFF !important;

    border:
        1px solid
        var(--wp-teal) !important;
}


.wp-citation-primary:hover {
    background:
        var(--wp-teal-dark) !important;

    color:
        #FFFFFF !important;

    border-color:
        var(--wp-teal-dark) !important;
}


/* ============================================================
   DARK THEME
============================================================ */

html.wp-theme-dark
.wp-citation-dialog-overlay {
    background:
        rgba(0, 0, 0, .58) !important;
}


html.wp-theme-dark
.wp-citation-dialog {
    background:
        var(--wp-surface) !important;

    border-color:
        var(--wp-border) !important;

    border-top-color:
        var(--wp-teal) !important;

    box-shadow:
        0 22px 60px
        rgba(0, 0, 0, .48) !important;
}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 600px) {

    .wp-citation-dialog-overlay {
        padding:
            10px !important;
    }


    .wp-citation-dialog {
        max-width:
            none !important;

        max-height:
            calc(
                100vh - 20px
            ) !important;

        border-radius:
            8px !important;
    }


    .wp-citation-dialog-header {
        padding:
            10px
            12px !important;
    }


    .wp-citation-dialog-body {
        padding:
            12px !important;
    }


    .wp-citation-fields {
        grid-template-columns:
            1fr !important;
    }


    .wp-citation-dialog-footer {
        padding:
            10px
            12px !important;
    }

}

/* ============================================================
   SOURCE EDITOR — FINAL TOOLBAR POSITION
   Remove native middle row, keep Advanced directly underneath
============================================================ */

/* Remove WikiEditor's original/native primary toolbar row */
#wikiEditor-ui-toolbar > .toolbar {
    display: none !important;
}


/* Keep the Advanced section visible */
#wikiEditor-ui-toolbar .sections {
    margin: 0 !important;
    padding: 0 !important;
}


#wikiEditor-ui-toolbar .sections .section-advanced {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Advanced toolbar becomes the second row */
#wikiEditor-ui-toolbar .section-advanced .toolbar {
    display: block !important;

    margin: 0 !important;

    border-top: 0 !important;
}

/* ============================================================
   WIKIPARTNER — MEDIAWIKI CODE PAGE EDITOR
   MediaWiki:Common.css / Common.js / interface pages
============================================================ */


/* ------------------------------------------------------------
   CODE EDITOR AREA
------------------------------------------------------------ */

body.ns-8.action-edit #wpTextbox1,
body.ns-8.action-submit #wpTextbox1 {
    width: 100% !important;

    min-height: 560px !important;

    margin: 0 !important;
    padding: 14px 16px !important;

    background: var(--wp-input-bg) !important;
    color: var(--wp-text) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 8px !important;

    font-family:
        ui-monospace,
        SFMono-Regular,
        Consolas,
        "Liberation Mono",
        monospace !important;

    font-size: 12.5px !important;
    line-height: 1.6 !important;

    box-shadow: none !important;

    resize: vertical !important;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}


/* Active code editor */

body.ns-8.action-edit #wpTextbox1:focus,
body.ns-8.action-submit #wpTextbox1:focus {
    outline: none !important;

    border-color: var(--wp-teal) !important;

    box-shadow:
        0 0 0 2px
        rgba(15, 107, 101, .08) !important;
}


/* ------------------------------------------------------------
   MEDIAWIKI / INTERFACE WARNING
------------------------------------------------------------ */

body.ns-8.action-edit .mw-message-box-warning,
body.ns-8.action-submit .mw-message-box-warning,
body.ns-8.action-edit .warningbox,
body.ns-8.action-submit .warningbox,
body.ns-8.action-edit #mw-editnotice,
body.ns-8.action-submit #mw-editnotice {
    margin: 0 0 12px !important;
    padding: 10px 13px !important;

    background: #FFF4F1 !important;
    color: #6E2923 !important;

    border: 1px solid #E9B5AD !important;
    border-left: 4px solid #C94C40 !important;
    border-radius: 7px !important;

    font-size: 11px !important;
    line-height: 1.5 !important;

    box-shadow: none !important;
}


html.wp-theme-dark
body.ns-8.action-edit .mw-message-box-warning,

html.wp-theme-dark
body.ns-8.action-submit .mw-message-box-warning,

html.wp-theme-dark
body.ns-8.action-edit .warningbox,

html.wp-theme-dark
body.ns-8.action-submit .warningbox {
    background: #321D1B !important;
    color: #F0C4BE !important;

    border-color: #6D3732 !important;
    border-left-color: #D66B60 !important;
}


/* ------------------------------------------------------------
   SUMMARY PANEL
------------------------------------------------------------ */

body.ns-8.action-edit .editOptions,
body.ns-8.action-submit .editOptions {
    margin-top: 12px !important;
    padding: 13px 14px !important;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 8px !important;

    color: var(--wp-text) !important;
}


/* Summary input */

body.ns-8.action-edit #wpSummary,
body.ns-8.action-submit #wpSummary {
    min-height: 38px !important;

    margin-top: 5px !important;
    padding: 7px 10px !important;

    background: var(--wp-input-bg) !important;
    color: var(--wp-text) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 6px !important;

    box-shadow: none !important;
}


body.ns-8.action-edit #wpSummary:focus,
body.ns-8.action-submit #wpSummary:focus {
    outline: none !important;

    border-color: var(--wp-teal) !important;

    box-shadow:
        0 0 0 2px
        rgba(15, 107, 101, .08) !important;
}


/* ------------------------------------------------------------
   MINOR EDIT / WATCH PAGE
------------------------------------------------------------ */

body.ns-8.action-edit .editCheckboxes,
body.ns-8.action-submit .editCheckboxes {
    margin: 9px 0 6px !important;

    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 7px 18px !important;
}


body.ns-8.action-edit
.editCheckboxes input[type="checkbox"],

body.ns-8.action-submit
.editCheckboxes input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;

    accent-color: var(--wp-teal) !important;
}


/* ------------------------------------------------------------
   COPYRIGHT / LICENSING TEXT
------------------------------------------------------------ */

body.ns-8.action-edit #editpage-copywarn,
body.ns-8.action-submit #editpage-copywarn {
    margin: 6px 0 8px !important;

    color: var(--wp-muted) !important;

    font-size: 10px !important;
    line-height: 1.4 !important;
}


body.ns-8.action-edit #editpage-copywarn a,
body.ns-8.action-submit #editpage-copywarn a {
    color: var(--wp-teal) !important;
}


body.ns-8.action-edit #editpage-copywarn strong,
body.ns-8.action-submit #editpage-copywarn strong {
    color: var(--wp-heading) !important;

    font-weight: 700 !important;
}


/* ------------------------------------------------------------
   ACTION BUTTONS
------------------------------------------------------------ */

body.ns-8.action-edit #wpSave,
body.ns-8.action-submit #wpSave {
    min-height: 38px !important;

    padding: 7px 14px !important;

    background: var(--wp-teal) !important;
    color: #FFFFFF !important;

    border: 1px solid var(--wp-teal) !important;
    border-radius: 6px !important;

    font-weight: 700 !important;

    box-shadow: none !important;
}


body.ns-8.action-edit #wpSave:hover,
body.ns-8.action-submit #wpSave:hover {
    background: var(--wp-teal-dark) !important;

    border-color: var(--wp-teal-dark) !important;
}


body.ns-8.action-edit #wpPreview,
body.ns-8.action-edit #wpDiff,
body.ns-8.action-submit #wpPreview,
body.ns-8.action-submit #wpDiff {
    min-height: 38px !important;

    padding: 7px 12px !important;

    background: var(--wp-surface) !important;
    color: var(--wp-teal) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 6px !important;

    font-weight: 600 !important;

    box-shadow: none !important;
}


/* ------------------------------------------------------------
   KEEP TECHNICAL EDITOR CLEAN
------------------------------------------------------------ */

/* No article Wiki markup palette */
body.ns-8 #wp-wikitext-palette {
    display: none !important;
}


/* No custom article source toolbar */
body.ns-8 #wp-source-primary-bar {
    display: none !important;
}


/* No Visual / Source article switch */
body.ns-8 .wp-source-mode-switch,
body.ns-8 #wp-editor-mode-switch {
    display: none !important;
}

/* ============================================================
   WIKIPARTNER — MEDIAWIKI INTERFACE EDITOR FINAL LAYOUT
============================================================ */


/* ============================================================
   REMOVE ARTICLE-STYLE EDITOR TOOLS
============================================================ */

/*
 * MediaWiki namespace pages are interface/system pages.
 * Keep their editor simple and technical.
 */

body.ns-8.action-edit #wikiEditor-ui-toolbar,
body.ns-8.action-submit #wikiEditor-ui-toolbar,

body.ns-8.action-edit #wp-source-primary-bar,
body.ns-8.action-submit #wp-source-primary-bar,

body.ns-8.action-edit #wp-wikitext-palette,
body.ns-8.action-submit #wp-wikitext-palette {
    display: none !important;
}


/* ============================================================
   REMOVE EMPTY TOOL / MARKUP AREA
   This is causing the large blank space in your screenshot.
============================================================ */

body.ns-8.action-edit .mw-editTools,
body.ns-8.action-submit .mw-editTools,

body.ns-8.action-edit #editpage-specialchars,
body.ns-8.action-submit #editpage-specialchars {
    display: none !important;

    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ============================================================
   REMOVE WIKIEDITOR RESIZE BAR
============================================================ */

body.ns-8.action-edit .wikiEditor-ui-resize,
body.ns-8.action-submit .wikiEditor-ui-resize {
    display: none !important;
}


/* ============================================================
   EDITOR WRAPPER
============================================================ */

body.ns-8.action-edit #wikiEditor-ui-text,
body.ns-8.action-submit #wikiEditor-ui-text {
    margin: 12px 0 0 !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* ============================================================
   TEXTAREA
============================================================ */

body.ns-8.action-edit #wpTextbox1,
body.ns-8.action-submit #wpTextbox1 {
    width: 100% !important;

    min-height: 430px !important;

    margin: 0 !important;
    padding: 14px 16px !important;

    display: block !important;

    background: var(--wp-input-bg) !important;
    color: var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius: 8px !important;

    font-family:
        ui-monospace,
        SFMono-Regular,
        Consolas,
        "Liberation Mono",
        monospace !important;

    font-size: 12.5px !important;
    line-height: 1.6 !important;

    box-sizing: border-box !important;

    box-shadow: none !important;

    resize: vertical !important;
}


body.ns-8.action-edit #wpTextbox1:focus,
body.ns-8.action-submit #wpTextbox1:focus {
    outline: none !important;

    border-color: var(--wp-teal) !important;

    box-shadow:
        0 0 0 2px
        rgba(15, 107, 101, .08) !important;
}


/* ============================================================
   WARNING
============================================================ */

body.ns-8.action-edit .mw-message-box-warning,
body.ns-8.action-submit .mw-message-box-warning,
body.ns-8.action-edit .warningbox,
body.ns-8.action-submit .warningbox {
    margin:
        12px 0 !important;

    padding:
        10px 13px !important;

    border-radius:
        7px !important;

    font-size:
        11px !important;

    line-height:
        1.45 !important;

    box-shadow:
        none !important;
}


/* ============================================================
   EDIT OPTIONS PANEL
============================================================ */

body.ns-8.action-edit .editOptions,
body.ns-8.action-submit .editOptions {
    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin:
        12px 0 0 !important;

    padding:
        14px !important;

    display: block !important;

    position: static !important;

    background:
        var(--wp-surface-2) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        8px !important;

    box-sizing:
        border-box !important;

    overflow:
        visible !important;
}


/* ============================================================
   SUMMARY LABEL
============================================================ */

body.ns-8.action-edit
.editOptions label[for="wpSummary"],

body.ns-8.action-submit
.editOptions label[for="wpSummary"] {
    margin:
        0 0 6px !important;

    display: block !important;

    color:
        var(--wp-heading) !important;

    font-size:
        12px !important;

    font-weight:
        600 !important;

    line-height:
        1.3 !important;
}


/* ============================================================
   SUMMARY INPUT
============================================================ */

body.ns-8.action-edit #wpSummary,
body.ns-8.action-submit #wpSummary {
    width: 100% !important;

    height: 38px !important;
    min-height: 38px !important;

    margin:
        0 0 10px !important;

    padding:
        7px 10px !important;

    display: block !important;

    background:
        var(--wp-input-bg) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        6px !important;

    box-sizing:
        border-box !important;

    box-shadow:
        none !important;
}


body.ns-8.action-edit #wpSummary:focus,
body.ns-8.action-submit #wpSummary:focus {
    outline: none !important;

    border-color:
        var(--wp-teal) !important;

    box-shadow:
        0 0 0 2px
        rgba(15, 107, 101, .08) !important;
}


/* ============================================================
   MINOR EDIT / WATCH PAGE
============================================================ */

body.ns-8.action-edit .editCheckboxes,
body.ns-8.action-submit .editCheckboxes {
    width: 100% !important;

    margin:
        0 0 8px !important;

    padding: 0 !important;

    display: flex !important;

    align-items: center !important;

    flex-wrap: wrap !important;

    gap:
        8px 20px !important;

    position: static !important;

    line-height:
        1.4 !important;
}


body.ns-8.action-edit
.editCheckboxes label,

body.ns-8.action-submit
.editCheckboxes label {
    display:
        inline-flex !important;

    align-items:
        center !important;

    margin:
        0 !important;
}


body.ns-8.action-edit
.editCheckboxes input[type="checkbox"],

body.ns-8.action-submit
.editCheckboxes input[type="checkbox"] {
    width:
        16px !important;

    height:
        16px !important;

    margin:
        0 6px 0 0 !important;

    accent-color:
        var(--wp-teal) !important;
}


/* ============================================================
   COPYRIGHT NOTICE
============================================================ */

body.ns-8.action-edit #editpage-copywarn,
body.ns-8.action-submit #editpage-copywarn {
    margin:
        7px 0 10px !important;

    padding:
        0 !important;

    color:
        var(--wp-muted) !important;

    font-size:
        10px !important;

    line-height:
        1.45 !important;
}


body.ns-8.action-edit
#editpage-copywarn strong,

body.ns-8.action-submit
#editpage-copywarn strong {
    color:
        var(--wp-heading) !important;

    font-weight:
        700 !important;
}


/* ============================================================
   BUTTON ROW
============================================================ */

body.ns-8.action-edit .editButtons,
body.ns-8.action-submit .editButtons {
    margin:
        10px 0 0 !important;

    padding: 0 !important;

    display: flex !important;

    align-items: center !important;

    flex-wrap: wrap !important;

    gap:
        8px !important;
}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 700px) {

    body.ns-8.action-edit #wpTextbox1,
    body.ns-8.action-submit #wpTextbox1 {
        min-height:
            360px !important;

        padding:
            12px !important;
    }


    body.ns-8.action-edit .editOptions,
    body.ns-8.action-submit .editOptions {
        padding:
            12px !important;
    }

}

/* ============================================================
   WIKIPARTNER — ARTICLE CATEGORIES INLINE
============================================================ */

.wp-article-body .catlinks,
.wp-article-body #catlinks {
    width: 100% !important;

    margin: 18px 0 0 !important;
    padding: 10px 14px !important;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 8px !important;

    box-sizing: border-box !important;

    font-size: 12px !important;
    line-height: 1.4 !important;
}


/* Main category row */

.wp-article-body .mw-normal-catlinks {
    display: flex !important;

    align-items: center !important;

    flex-wrap: wrap !important;

    gap: 6px !important;
}


/* "Categories:" */

.wp-article-body .mw-normal-catlinks > a:first-child {
    flex: 0 0 auto !important;

    margin-right: 4px !important;

    color: var(--wp-heading) !important;

    font-weight: 700 !important;

    text-decoration: none !important;
}


/* Category list */

.wp-article-body .mw-normal-catlinks ul {
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;

    flex-wrap: wrap !important;

    gap: 0 !important;

    list-style: none !important;
}


/* Each category */

.wp-article-body .mw-normal-catlinks li {
    margin: 0 !important;
    padding: 0 !important;

    display: inline-flex !important;

    align-items: center !important;

    list-style: none !important;
}


/* Separator between categories */

.wp-article-body .mw-normal-catlinks li + li::before {
    content: "·";

    margin: 0 7px;

    color: var(--wp-muted);
}


/* Category links */

.wp-article-body .mw-normal-catlinks li a {
    color: var(--wp-teal) !important;

    font-weight: 500 !important;

    text-decoration: none !important;
}


.wp-article-body .mw-normal-catlinks li a:hover {
    color: var(--wp-teal-dark) !important;

    text-decoration: underline !important;
}


/* Missing category pages keep WikiPartner gold */

.wp-article-body .mw-normal-catlinks li a.new {
    color: var(--wp-gold) !important;
}


/* Keep edit link on the right */

.wp-article-body .mw-normal-catlinks .mw-editsection {
    margin-left: auto !important;
}

/* Never render an empty category panel */

.wp-article-body
#catlinks.catlinks-allhidden,

.wp-article-body
.catlinks.catlinks-allhidden,

.wp-article-body
#catlinks:empty,

.wp-article-body
.catlinks:empty {
    display:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;
}

/* ============================================================
   WIKIPARTNER — INFOBOX DARK MODE FIX
============================================================ */

html.wp-theme-dark .wp-article-body .wp-infobox,
html.wp-theme-dark .mw-parser-output .wp-infobox {
    background: var(--wp-surface) !important;

    color: var(--wp-text) !important;

    border-color: var(--wp-border) !important;

    box-shadow:
        0 8px 24px
        rgba(0, 0, 0, .24) !important;
}


/* ------------------------------------------------------------
   HEADER
------------------------------------------------------------ */

html.wp-theme-dark
.wp-infobox
.wp-infobox-header {
    background:
        var(--wp-surface-2) !important;

    border-top-color:
        var(--wp-teal) !important;
}


/* Name */

html.wp-theme-dark
.wp-infobox
.wp-infobox-name {
    color:
        var(--wp-heading) !important;
}


/* ------------------------------------------------------------
   IMAGE AREA
------------------------------------------------------------ */

html.wp-theme-dark
.wp-infobox
.wp-infobox-image {
    background:
        var(--wp-surface) !important;
}


/* Caption */

html.wp-theme-dark
.wp-infobox
.wp-infobox-caption {
    color:
        var(--wp-muted) !important;
}


/* ------------------------------------------------------------
   DATA AREA
------------------------------------------------------------ */

html.wp-theme-dark
.wp-infobox
.wp-infobox-data {
    background:
        var(--wp-surface) !important;
}


/* ------------------------------------------------------------
   ROWS
------------------------------------------------------------ */

html.wp-theme-dark
.wp-infobox
.wp-infobox-row {
    border-bottom-color:
        var(--wp-border) !important;
}


/* ------------------------------------------------------------
   LABELS
------------------------------------------------------------ */

html.wp-theme-dark
.wp-infobox
.wp-infobox-label {
    color:
        var(--wp-muted) !important;
}


/* ------------------------------------------------------------
   VALUES
------------------------------------------------------------ */

html.wp-theme-dark
.wp-infobox
.wp-infobox-value {
    color:
        var(--wp-text) !important;
}


/* ------------------------------------------------------------
   LINKS
------------------------------------------------------------ */

html.wp-theme-dark
.wp-infobox
a:not(.external) {
    color:
        var(--wp-teal) !important;
}


html.wp-theme-dark
.wp-infobox
a:not(.external):hover {
    color:
        var(--wp-teal-dark) !important;
}


/* External website links stay blue */

html.wp-theme-dark
.wp-infobox
a.external {
    color:
        var(--wp-blue) !important;
}


/* ------------------------------------------------------------
   IMAGE
------------------------------------------------------------ */

html.wp-theme-dark
.wp-infobox
img {
    background:
        transparent !important;
}

/* ============================================================
   WIKIPARTNER — AUTHENTICATION PAGES
   Login + Create Account
============================================================ */


/* ============================================================
   PAGE
============================================================ */

body.wp-auth-page {
    background: var(--wp-page-bg) !important;
}


body.wp-auth-page .wp-page {
    display: block !important;

    width: 100% !important;
    min-height: 68vh;

    margin: 0 !important;
    padding: 42px 18px 58px !important;

    background: var(--wp-page-bg) !important;

    box-sizing: border-box;
}


/* ============================================================
   REMOVE NORMAL ARTICLE SIDEBARS
============================================================ */

body.wp-auth-page .wp-left-sidebar,
body.wp-auth-page .wp-right-sidebar {
    display: none !important;
}


/* ============================================================
   MAIN AUTH CARD
============================================================ */

body.wp-auth-page .wp-content {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    max-width: 560px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    background: var(--wp-surface) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 14px !important;

    box-shadow:
        0 10px 30px rgba(18, 35, 63, .08) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* Teal top accent */

body.wp-auth-page .wp-content::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    height: 4px;

    background: var(--wp-teal);

    z-index: 5;
}


/* ============================================================
   REMOVE ARTICLE-ONLY ELEMENTS
============================================================ */

body.wp-auth-page .wp-title-toc,
body.wp-auth-page #wp-toc,
body.wp-auth-page .wp-page-actions,
body.wp-auth-page .wp-article-meta,
body.wp-auth-page #catlinks,
body.wp-auth-page .catlinks {
    display: none !important;
}


/* ============================================================
   PAGE HEADER
============================================================ */

body.wp-auth-page .wp-article-header {
    display: block !important;

    margin: 0 !important;
    padding: 34px 34px 0 !important;

    background: transparent !important;

    border: 0 !important;

    text-align: center !important;
}


body.wp-auth-page .wp-title-area,
body.wp-auth-page .wp-title-line {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Small label */

body.wp-auth-page .wp-article-header::before {
    content: "WIKIPARTNER ACCOUNT";

    display: block;

    margin: 0 0 7px;

    color: var(--wp-teal);

    font-family:
        Arial,
        sans-serif;

    font-size: 9px;
    font-weight: 700;

    line-height: 1.2;

    letter-spacing: 1.4px;
}


/* Main heading */

body.wp-auth-page .firstHeading {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--wp-heading) !important;

    border: 0 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 29px !important;
    font-weight: 600 !important;

    line-height: 1.2 !important;

    text-align: center !important;
}


/* Login subtitle */

body.wp-auth-login .wp-article-header::after {
    content:
        "Sign in to your WikiPartner account.";

    display: block;

    margin: 8px auto 0;

    color: var(--wp-muted);

    font-size: 11.5px;
    font-weight: 400;

    line-height: 1.5;
}


/* Create account subtitle */

body.wp-auth-create .wp-article-header::after {
    content:
        "Create an account to contribute to WikiPartner.";

    display: block;

    margin: 8px auto 0;

    color: var(--wp-muted);

    font-size: 11.5px;
    font-weight: 400;

    line-height: 1.5;
}


/* ============================================================
   FORM BODY
============================================================ */

body.wp-auth-page .wp-article-body {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    padding:
        26px
        34px
        34px !important;

    background: transparent !important;

    color: var(--wp-text) !important;

    border: 0 !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}


body.wp-auth-page #mw-content-text,
body.wp-auth-page .mw-parser-output {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ============================================================
   REMOVE MEDIAWIKI DEFAULT TWO-COLUMN CREATE ACCOUNT DESIGN
============================================================ */

body.wp-auth-create
.mw-createacct-benefits-container,

body.wp-auth-create
.mw-createacct-benefits,

body.wp-auth-create
.mw-createacct-benefits-list,

body.wp-auth-create
.mw-createacct-benefits-heading {
    display: none !important;
}


/* Create-account form gets full width */

body.wp-auth-create
.mw-createacct-form,

body.wp-auth-create
#userloginForm {
    float: none !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
}


/* ============================================================
   REMOVE DEFAULT LOGIN ARTWORK
============================================================ */

body.wp-auth-login #mw-createaccount-cta {
    min-height: 0 !important;

    background: none !important;
    background-image: none !important;
}


body.wp-auth-login #mw-createaccount-cta::before,
body.wp-auth-login #mw-createaccount-cta::after {
    display: none !important;

    content: none !important;
}


/* ============================================================
   FORM RESET
============================================================ */

body.wp-auth-page #userloginForm,
body.wp-auth-page form,
body.wp-auth-page .mw-htmlform,
body.wp-auth-page .mw-htmlform-ooui-wrapper,
body.wp-auth-page .mw-ui-vform {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}


body.wp-auth-page .mw-htmlform,
body.wp-auth-page .mw-htmlform-ooui-wrapper,
body.wp-auth-page fieldset {
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


body.wp-auth-page fieldset {
    margin: 0 !important;
}


/* ============================================================
   FIELD ROWS
============================================================ */

body.wp-auth-page .oo-ui-fieldLayout,
body.wp-auth-page .mw-htmlform-field-HTMLTextField,
body.wp-auth-page .mw-htmlform-field-HTMLPasswordField,
body.wp-auth-page .mw-htmlform-field-HTMLEmailField,
body.wp-auth-page .mw-htmlform-field-HTMLCheckField {
    width: 100% !important;

    margin:
        0
        0
        16px !important;

    box-sizing: border-box !important;
}


/* ============================================================
   LABELS
============================================================ */

body.wp-auth-page label,
body.wp-auth-page .oo-ui-fieldLayout-header,
body.wp-auth-page .oo-ui-labelElement-label {
    color: var(--wp-heading) !important;

    font-family:
        Arial,
        sans-serif !important;

    font-size: 11.5px !important;
    font-weight: 700 !important;

    line-height: 1.4 !important;
}


body.wp-auth-page .oo-ui-fieldLayout-header {
    margin-bottom: 6px !important;
}


/* ============================================================
   INPUT WRAPPERS
============================================================ */

body.wp-auth-page .oo-ui-textInputWidget,
body.wp-auth-page .cdx-text-input {
    width: 100% !important;
    max-width: none !important;
}


/* ============================================================
   INPUTS
============================================================ */

body.wp-auth-page input[type="text"],
body.wp-auth-page input[type="email"],
body.wp-auth-page input[type="password"],
body.wp-auth-page .oo-ui-inputWidget-input,
body.wp-auth-page .cdx-text-input__input {
    width: 100% !important;

    min-height: 42px !important;

    padding:
        9px
        11px !important;

    background: var(--wp-input-bg) !important;

    color: var(--wp-text) !important;

    border:
        1px
        solid
        var(--wp-border) !important;

    border-radius: 7px !important;

    box-shadow: none !important;

    box-sizing: border-box !important;

    font-family:
        Arial,
        sans-serif !important;

    font-size: 13px !important;

    line-height: 1.4 !important;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}


/* Placeholder */

body.wp-auth-page input::placeholder {
    color: var(--wp-muted) !important;

    opacity: .78 !important;
}


/* Focus */

body.wp-auth-page input[type="text"]:focus,
body.wp-auth-page input[type="email"]:focus,
body.wp-auth-page input[type="password"]:focus,
body.wp-auth-page .oo-ui-inputWidget-input:focus,
body.wp-auth-page .cdx-text-input__input:focus {
    outline: none !important;

    border-color:
        var(--wp-teal) !important;

    box-shadow:
        0 0 0 3px
        var(--wp-teal-soft) !important;
}


/* ============================================================
   HELP TEXT
============================================================ */

body.wp-auth-page .mw-htmlform-info,
body.wp-auth-page .oo-ui-fieldLayout-help,
body.wp-auth-page .mw-form-related-link-container,
body.wp-auth-page .mw-htmlform-field-HTMLInfoField {
    color: var(--wp-muted) !important;

    font-size: 11px !important;
    font-weight: 400 !important;

    line-height: 1.5 !important;
}


/* Password guidance */

body.wp-auth-page
.mw-htmlform-field-HTMLPasswordField
+ .mw-htmlform-field-HTMLInfoField {
    margin-top: -8px !important;
}


/* ============================================================
   CHECKBOX
============================================================ */

body.wp-auth-page input[type="checkbox"] {
    accent-color: var(--wp-teal) !important;
}


body.wp-auth-page
.mw-htmlform-field-HTMLCheckField {
    color: var(--wp-text) !important;

    font-size: 11.5px !important;
}


/* ============================================================
   PRIMARY BUTTON
============================================================ */

body.wp-auth-page #wpLoginAttempt,
body.wp-auth-page #wpCreateaccount,
body.wp-auth-page .mw-ui-button.mw-ui-progressive,
body.wp-auth-page .cdx-button--action-progressive,
body.wp-auth-page
.oo-ui-flaggedElement-primary
.oo-ui-buttonElement-button {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    min-height: 42px !important;

    margin:
        4px
        0
        0 !important;

    padding:
        9px
        16px !important;

    background:
        var(--wp-teal) !important;

    color:
        #FFFFFF !important;

    border:
        1px
        solid
        var(--wp-teal) !important;

    border-radius:
        7px !important;

    box-shadow:
        none !important;

    box-sizing:
        border-box !important;

    font-family:
        Arial,
        sans-serif !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;

    line-height:
        1.3 !important;

    text-align:
        center !important;

    text-decoration:
        none !important;

    cursor:
        pointer !important;
}


/* Hover */

body.wp-auth-page #wpLoginAttempt:hover,
body.wp-auth-page #wpCreateaccount:hover,
body.wp-auth-page .mw-ui-button.mw-ui-progressive:hover,
body.wp-auth-page .cdx-button--action-progressive:hover,
body.wp-auth-page
.oo-ui-flaggedElement-primary
.oo-ui-buttonElement-button:hover {
    background:
        var(--wp-teal-dark) !important;

    border-color:
        var(--wp-teal-dark) !important;
}


/* ============================================================
   GENERAL LINKS
============================================================ */

body.wp-auth-page .wp-article-body a {
    color:
        var(--wp-teal) !important;

    text-decoration:
        none !important;
}


body.wp-auth-page .wp-article-body a:hover {
    color:
        var(--wp-teal-dark) !important;

    text-decoration:
        underline !important;
}


/* ============================================================
   LOGIN HELP LINKS
============================================================ */

body.wp-auth-login
.mw-form-related-link-container {
    margin-top:
        16px !important;

    text-align:
        center !important;
}


body.wp-auth-login
.mw-form-related-link-container a {
    display:
        block !important;

    margin:
        8px 0 !important;
}


/* ============================================================
   CREATE ACCOUNT CTA ON LOGIN PAGE
============================================================ */

body.wp-auth-login #mw-createaccount-cta {
    margin:
        24px
        0
        0 !important;

    padding:
        20px
        0
        0 !important;

    border-top:
        1px
        solid
        var(--wp-border) !important;

    color:
        var(--wp-muted) !important;

    text-align:
        center !important;
}


body.wp-auth-login #mw-createaccount-cta strong {
    display:
        block;

    margin-bottom:
        9px;

    color:
        var(--wp-heading) !important;

    font-size:
        11.5px;
}


body.wp-auth-login #mw-createaccount-cta a {
    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        100% !important;

    min-height:
        40px !important;

    padding:
        8px
        14px !important;

    background:
        var(--wp-surface-2) !important;

    color:
        var(--wp-teal) !important;

    border:
        1px
        solid
        var(--wp-border) !important;

    border-radius:
        7px !important;

    box-sizing:
        border-box !important;

    font-size:
        11.5px !important;

    font-weight:
        700 !important;

    text-decoration:
        none !important;
}


body.wp-auth-login
#mw-createaccount-cta a:hover {
    background:
        var(--wp-teal-soft) !important;

    border-color:
        var(--wp-teal) !important;

    text-decoration:
        none !important;
}


/* ============================================================
   ERRORS
============================================================ */

body.wp-auth-page .error,
body.wp-auth-page .mw-message-box,
body.wp-auth-page .cdx-message {
    margin:
        0
        0
        16px !important;

    padding:
        11px
        13px !important;

    border-radius:
        7px !important;

    font-size:
        11px !important;

    line-height:
        1.5 !important;
}


/* ============================================================
   DARK MODE
============================================================ */

html.wp-theme-dark
body.wp-auth-page
.wp-content {
    box-shadow:
        0 14px 36px
        rgba(0, 0, 0, .30) !important;
}


/* ============================================================
   TABLET / MOBILE
============================================================ */

@media (max-width: 650px) {

    body.wp-auth-page .wp-page {
        padding:
            24px
            10px
            38px !important;
    }


    body.wp-auth-page .wp-content {
        max-width:
            100% !important;

        border-radius:
            10px !important;
    }


    body.wp-auth-page .wp-article-header {
        padding:
            28px
            18px
            0 !important;
    }


    body.wp-auth-page .wp-article-body {
        padding:
            22px
            18px
            26px !important;
    }


    body.wp-auth-page .firstHeading {
        font-size:
            26px !important;
    }

}

/* ============================================================
   WIKIPARTNER — AUTH HEADER THEME FALLBACK
============================================================ */

body.wp-auth-page .wp-auth-theme-fallback {
    display: flex;

    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;
}

/* ============================================================
   WIKIPARTNER — AUTH PAGE FINAL ALIGNMENT
   Login + Create Account
============================================================ */


/* ------------------------------------------------------------
   DESKTOP
   Restore the exact WikiPartner three-column page structure.
------------------------------------------------------------ */

body.wp-auth-page .wp-page {
    width: calc(100% - 64px) !important;
    max-width: var(--wp-width) !important;

    margin: 44px auto 68px !important;
    padding: 0 !important;

    display: grid !important;

    grid-template-columns:
        230px
        minmax(0, 1fr)
        270px !important;

    gap: 24px !important;

    align-items: start !important;

    min-height: auto !important;
}


/* ------------------------------------------------------------
   SIDEBARS
------------------------------------------------------------ */

body.wp-auth-page .wp-left-sidebar,
body.wp-auth-page .wp-right-sidebar {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    align-self: start !important;
}


/* ------------------------------------------------------------
   AUTH CARD
   Keep it centered inside the true middle WikiPartner column.
------------------------------------------------------------ */

body.wp-auth-page .wp-content {
    width: 100% !important;
    max-width: 560px !important;

    margin: 0 !important;

    justify-self: center !important;
    align-self: start !important;
}


/* ============================================================
   TABLET
   Same behaviour as normal WikiPartner:
   remove left sidebar, retain right sidebar.
============================================================ */

@media (max-width: 1100px) {

    body.wp-auth-page .wp-page {
        width: calc(100% - 40px) !important;

        grid-template-columns:
            minmax(0, 1fr)
            250px !important;

        gap: 20px !important;

        margin:
            34px
            auto
            55px !important;

        padding: 0 !important;
    }


    body.wp-auth-page .wp-left-sidebar {
        display: none !important;
    }


    body.wp-auth-page .wp-right-sidebar {
        display: block !important;
    }


    body.wp-auth-page .wp-content {
        width: 100% !important;
        max-width: 560px !important;

        justify-self: center !important;
    }

}


/* ============================================================
   MOBILE
   Auth card only.
============================================================ */

@media (max-width: 800px) {

    body.wp-auth-page .wp-page {
        width: calc(100% - 24px) !important;

        margin:
            28px
            auto
            40px !important;

        padding: 0 !important;

        grid-template-columns:
            minmax(0, 1fr) !important;

        gap: 0 !important;
    }


    body.wp-auth-page .wp-left-sidebar,
    body.wp-auth-page .wp-right-sidebar {
        display: none !important;
    }


    body.wp-auth-page .wp-content {
        width: 100% !important;
        max-width: 560px !important;

        margin: 0 auto !important;

        justify-self: center !important;
    }

}

/* ============================================================
   WIKIPARTNER — SPECIAL:SEARCH
   Search form + profiles + inline advanced + results
============================================================ */

/* Page cleanup */
body.wp-search-page .wp-title-toc,
body.wp-search-page #catlinks,
body.wp-search-page .catlinks {
    display: none !important;
}

body.wp-search-page .wp-article-header {
    margin-bottom: 16px !important;
}

body.wp-search-page .firstHeading {
    color: var(--wp-heading) !important;
}


/* ============================================================
   MAIN SEARCH CARD
============================================================ */

body.wp-search-page .mw-search-form-wrapper {
    position: relative;

    width: 100% !important;
    max-width: none !important;

    margin: 0 0 16px !important;
    padding: 12px 14px 14px !important;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-top: 4px solid var(--wp-teal) !important;
    border-radius: 10px !important;

    box-shadow:
        0 6px 18px
        rgba(18, 35, 63, .035) !important;

    box-sizing: border-box !important;
}

body.wp-search-page .mw-search-form-wrapper form,
body.wp-search-page .mw-search-formheader,
body.wp-search-page .search-types,
body.wp-search-page #mw-search-top-table {
    width: 100% !important;
    max-width: none !important;

    box-sizing: border-box !important;
}


/* ============================================================
   SEARCH FIELD
============================================================ */

body.wp-search-page
.mw-search-form-wrapper
input[type="search"],

body.wp-search-page
.mw-search-form-wrapper
input[type="text"] {
    min-height: 42px !important;

    background: var(--wp-surface) !important;
    color: var(--wp-text) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;

    box-shadow: none !important;

    font-family: var(--wp-body-font);

    box-sizing: border-box !important;
}

body.wp-search-page
.mw-search-form-wrapper
input[type="search"]:focus,

body.wp-search-page
.mw-search-form-wrapper
input[type="text"]:focus {
    outline: none !important;

    border-color: var(--wp-teal) !important;

    box-shadow:
        0 0 0 3px
        var(--wp-teal-soft) !important;
}


/* Main Search button */

body.wp-search-page
.mw-search-form-wrapper
button,

body.wp-search-page
.mw-search-form-wrapper
input[type="submit"] {
    min-height: 42px !important;

    padding: 8px 18px !important;

    background: var(--wp-teal) !important;
    color: #FFFFFF !important;

    border: 1px solid var(--wp-teal) !important;
    border-radius: 7px !important;

    box-shadow: none !important;

    font-weight: 700 !important;

    cursor: pointer;
}

body.wp-search-page
.mw-search-form-wrapper
button:hover,

body.wp-search-page
.mw-search-form-wrapper
input[type="submit"]:hover {
    background: var(--wp-teal-dark) !important;

    border-color: var(--wp-teal-dark) !important;
}


/* ============================================================
   SEARCH PROFILE TABS
============================================================ */

body.wp-search-page .mw-search-profile-tabs,
body.wp-search-page .mw-search-formheader {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    background: var(--wp-surface) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 8px !important;

    box-sizing: border-box !important;

    overflow: hidden;
}

body.wp-search-page .search-types ul {
    display: flex !important;

    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 5px !important;

    margin: 0 !important;
    padding: 8px 10px !important;

    list-style: none !important;
}

body.wp-search-page .search-types li {
    margin: 0 !important;
    padding: 0 !important;
}

body.wp-search-page .search-types li a {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 5px;

    min-height: 32px;

    padding: 6px 10px !important;

    color: var(--wp-teal) !important;

    border: 1px solid transparent;
    border-radius: 6px;

    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;

    box-sizing: border-box;
}

body.wp-search-page
.search-types
li a:hover {
    background: var(--wp-teal-soft) !important;

    color: var(--wp-teal-dark) !important;

    text-decoration: none !important;
}

body.wp-search-page
.search-types
li.current a,

body.wp-search-page
.search-types
li a.wp-advanced-toggle.is-open {
    background: var(--wp-teal-soft) !important;

    color: var(--wp-heading) !important;

    border-color:
        rgba(15, 107, 101, .10) !important;
}


/* Advanced arrow */

body.wp-search-page .wp-advanced-arrow {
    display: inline-block;

    font-size: 10px;
    line-height: 1;

    transition:
        transform .15s ease;
}

body.wp-search-page
.wp-advanced-toggle.is-open
.wp-advanced-arrow {
    transform: rotate(180deg);
}

/* ============================================================
   INLINE ADVANCED SEARCH
============================================================ */

body.wp-search-page
#wp-inline-advanced-search {
    display:
        block !important;

    position:
        static !important;

    width:
        100% !important;

    min-height:
        0 !important;

    height:
        auto !important;

    margin:
        0 !important;

    padding:
        11px
        12px
        12px !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-top:
        1px solid
        var(--wp-border) !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    box-sizing:
        border-box !important;
}

body.wp-search-page
#wp-inline-advanced-search[hidden] {
    display: none !important;
}


/* Toolbar */

body.wp-search-page
#wp-inline-advanced-search
> .wp-advanced-header {
    display: flex !important;

    position: static !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;

    gap: 12px !important;

    margin:
        0
        0
        8px !important;

    padding:
        0
        0
        8px !important;

    border: 0 !important;

    border-bottom:
        1px solid
        var(--wp-border) !important;

    box-sizing:
        border-box !important;

    visibility:
        visible !important;

    opacity:
        1 !important;
}

body.wp-search-page
.wp-advanced-heading {
    display: block !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.wp-search-page
.wp-advanced-heading strong {
    display: block !important;

    margin: 0 0 2px !important;

    color:
        var(--wp-heading) !important;

    font-size:
        12px !important;

    line-height:
        1.35 !important;
}

body.wp-search-page
.wp-advanced-heading span {
    display: block !important;

    margin: 0 !important;

    color:
        var(--wp-muted) !important;

    font-size:
        10px !important;

    line-height:
        1.4 !important;
}


/* All / None */

body.wp-search-page
.wp-advanced-controls {
    display: flex !important;

    align-items:
        center !important;

    gap: 5px !important;

    margin: 0 !important;
    padding: 0 !important;

    flex: 0 0 auto !important;
}

body.wp-search-page
.mw-search-form-wrapper
.wp-advanced-controls button {
    min-height:
        28px !important;

    padding:
        4px
        9px !important;

    background:
        var(--wp-surface-2) !important;

    color:
        var(--wp-teal) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        6px !important;

    font-size:
        10px !important;

    font-weight:
        700 !important;
}

body.wp-search-page
.mw-search-form-wrapper
.wp-advanced-controls button:hover {
    background:
        var(--wp-teal-soft) !important;

    border-color:
        var(--wp-teal) !important;
}


/* Namespace grid */

body.wp-search-page
.wp-advanced-grid {
    display: grid !important;

    position: static !important;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap:
        5px !important;

    width:
        100% !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;
}

body.wp-search-page
.wp-advanced-option {
    display: flex !important;

    align-items:
        center !important;

    min-width:
        0 !important;

    min-height:
        34px !important;

    gap:
        7px !important;

    margin:
        0 !important;

    padding:
        6px
        8px !important;

    background:
        var(--wp-surface-2) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        6px !important;

    box-sizing:
        border-box !important;

    font-size:
        10.5px !important;

    line-height:
        1.3 !important;

    cursor:
        pointer;
}

body.wp-search-page
.wp-advanced-option:hover {
    border-color:
        rgba(
            15,
            107,
            101,
            .35
        ) !important;
}

body.wp-search-page
.wp-advanced-option:has(
    input:checked
) {
    background:
        var(--wp-teal-soft) !important;

    color:
        var(--wp-heading) !important;

    border-color:
        rgba(
            15,
            107,
            101,
            .38
        ) !important;
}

body.wp-search-page
.wp-advanced-option
input[type="checkbox"],

body.wp-search-page
.wp-advanced-remember
input[type="checkbox"] {
    width:
        16px !important;

    height:
        16px !important;

    margin:
        0 !important;

    flex:
        0 0 auto !important;

    accent-color:
        var(--wp-teal) !important;
}


/* Remember selection */

body.wp-search-page
.wp-advanced-remember {
    display: flex !important;

    align-items:
        center !important;

    width:
        100% !important;

    gap:
        7px !important;

    margin:
        10px
        0
        0 !important;

    padding:
        10px
        0
        0 !important;

    color:
        var(--wp-muted) !important;

    border-top:
        1px solid
        var(--wp-border) !important;

    font-size:
        10px !important;

    line-height:
        1.35 !important;

    box-sizing:
        border-box !important;
}


/*
 * While the Advanced selector is open,
 * do not simultaneously show article-creation actions.
 */


/* Hide native Advanced table when enhanced UI is active */

body.wp-search-page.wp-inline-advanced-ready
#mw-searchoptions {
    display: none !important;
}


@media (max-width: 850px) {

    body.wp-search-page
    .wp-advanced-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;
    }

}


@media (max-width: 600px) {

    body.wp-search-page
    #wp-inline-advanced-search
    > .wp-advanced-header {
        display:
            block !important;
    }

    body.wp-search-page
    .wp-advanced-controls {
        margin-top:
            8px !important;
    }

    body.wp-search-page
    .wp-advanced-grid {
        grid-template-columns:
            1fr !important;
    }

}

/* ============================================================
   NATIVE ADVANCED FALLBACK
   Used only if JavaScript is unavailable
============================================================ */

body.wp-search-page #mw-searchoptions {
    width: 100% !important;
    max-width: none !important;

    margin: 10px 0 0 !important;
    padding: 14px !important;

    background: var(--wp-surface) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 8px !important;

    box-sizing: border-box !important;
}

body.wp-search-page
#mw-searchoptions table {
    width: 100% !important;

    margin: 0 !important;

    border-collapse: collapse !important;
    table-layout: fixed !important;
}

body.wp-search-page
#mw-searchoptions td {
    width: 25% !important;

    padding:
        6px
        12px
        6px
        0 !important;

    vertical-align: middle !important;

    color: var(--wp-text) !important;

    font-size: 11px !important;

    box-sizing: border-box !important;
}

body.wp-search-page
#mw-searchoptions td label {
    display: inline-flex !important;

    align-items: center !important;

    gap: 7px !important;

    margin: 0 !important;
}

body.wp-search-page
#mw-searchoptions
input[type="checkbox"] {
    width: 17px !important;
    height: 17px !important;

    margin: 0 !important;

    accent-color:
        var(--wp-teal) !important;
}

body.wp-search-page
#mw-search-togglebox {
    display: flex !important;

    justify-content: flex-end !important;
    align-items: center !important;

    gap: 5px !important;

    color: var(--wp-muted) !important;

    font-size: 10px !important;
}

body.wp-search-page
#mw-search-togglebox input {
    min-height: 28px !important;

    padding: 3px 9px !important;

    background: var(--wp-surface-2) !important;
    color: var(--wp-teal) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 6px !important;

    font-size: 10px !important;
    font-weight: 700 !important;
}


/* ============================================================
   DIRECT CREATION IS DISABLED FROM SEARCH
============================================================ */

/*
 * Remove MediaWiki's:
 * "Create the page X on this wiki!"
 *
 * WikiPartner article creation goes through Draft:
 * and Multimedia must never offer File:X creation.
 */
body.wp-search-page
.mw-search-createlink {
    display: none !important;
}


/*
 * Everything, Multimedia and Advanced are discovery modes.
 * Never show article-draft actions there.
 */
body.wp-search-page.wp-search-no-draft-actions
#wp-search-no-results-actions {
    display: none !important;
}


/* ============================================================
   RESULTS AREA
============================================================ */

body.wp-search-page
.mw-search-results-container,

body.wp-search-page
.mw-search-results {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
}

body.wp-search-page
.mw-search-results {
    list-style: none !important;
}


/* Results count */

body.wp-search-page
.results-info,

body.wp-search-page
.mw-search-results-info {
    margin: 3px 0 12px !important;
    padding: 0 !important;

    color: var(--wp-muted) !important;

    font-size: 10px !important;
    line-height: 1.4 !important;
}


/* Everything result group headings */

body.wp-search-page
.mw-search-results-container > h2,

body.wp-search-page
.mw-search-results-container > h3 {
    margin: 18px 0 8px !important;
    padding: 0 !important;

    color: var(--wp-heading) !important;

    border: 0 !important;

    font-family:
        var(--wp-heading-font) !important;

    font-size: 19px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}


/* ============================================================
   RESULT CARDS
============================================================ */

body.wp-search-page
.mw-search-result {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 0 10px !important;

    padding:
        13px
        15px !important;

    background:
        var(--wp-surface) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-left:
        4px solid
        var(--wp-teal) !important;

    border-radius:
        8px !important;

    box-shadow:
        none !important;

    box-sizing:
        border-box !important;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}


body.wp-search-page
.mw-search-result:hover {
    border-color:
        rgba(15, 107, 101, .30) !important;

    box-shadow:
        0 4px 14px
        rgba(18, 35, 63, .045) !important;
}


/* Result title */

body.wp-search-page
.mw-search-result-heading {
    margin: 0 0 4px !important;

    font-family:
        var(--wp-heading-font);

    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

body.wp-search-page
.mw-search-result-heading a {
    color: var(--wp-teal) !important;

    text-decoration: none !important;
}

body.wp-search-page
.mw-search-result-heading a:hover {
    color: var(--wp-teal-dark) !important;

    text-decoration: underline !important;
}


/* Excerpt */

body.wp-search-page .searchresult {
    margin: 0 !important;

    color: var(--wp-text) !important;

    font-size: 11.25px !important;
    line-height: 1.5 !important;
}


/* Highlight */

body.wp-search-page .searchmatch {
    padding: 1px 2px !important;

    background: var(--wp-teal-soft) !important;

    color: var(--wp-heading) !important;

    border-radius: 3px !important;

    font-weight: 650 !important;
}


/* Metadata */

body.wp-search-page
.mw-search-result-data {
    margin-top: 5px !important;

    color: var(--wp-muted) !important;

    font-size: 9.5px !important;
    line-height: 1.4 !important;
}


/* ============================================================
   NO RESULTS
============================================================ */

body.wp-search-page
.mw-search-nonefound {
    width: 100% !important;
    max-width: none !important;

    margin: 0 0 10px !important;
    padding: 12px 14px !important;

    background: var(--wp-surface-2) !important;

    color: var(--wp-text) !important;

    border: 1px solid var(--wp-border) !important;
    border-top: 4px solid var(--wp-gold) !important;
    border-radius: 8px !important;

    box-sizing: border-box !important;

    font-size: 11px !important;
    line-height: 1.5 !important;
}

/* ============================================================
   SEARCH — EXACT TITLE STATUS / CREATION PANELS
============================================================ */

body.wp-search-page
#wp-search-no-results-actions {
    width:
        100% !important;

    max-width:
        none !important;

    margin:
        0
        0
        16px !important;

    padding:
        14px
        16px !important;

    background:
        var(--wp-surface) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-top:
        4px solid
        var(--wp-gold) !important;

    border-radius:
        8px !important;

    box-sizing:
        border-box !important;
}


/* ============================================================
   SEARCH FORM SPACING
============================================================ */

/*
 * MediaWiki places a clear element between the upper
 * search row and the profile tabs. Give that element
 * actual height so the visual gap is reliable.
 */

body.wp-search-page
.mw-search-form-wrapper
> form
> .mw-search-visualclear {
    display:
        block !important;

    clear:
        both !important;

    width:
        100% !important;

    height:
        8px !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


body.wp-search-page
#mw-search-top-table {
    margin-bottom:
        0 !important;
}


body.wp-search-page
.mw-search-profile-tabs,

body.wp-search-page
.mw-search-formheader {
    margin-top:
        0 !important;
}


/* Space between search input and Search button */

body.wp-search-page
#mw-search-top-table
button,

body.wp-search-page
#mw-search-top-table
input[type="submit"] {
    margin-left:
        8px !important;
}


/* ============================================================
   STATUS PANEL TEXT
============================================================ */

body.wp-search-page
#wp-search-no-results-actions h2,

body.wp-search-page
.wp-search-direct-create-panel h2 {
    margin:
        0
        0
        5px !important;

    padding:
        0 !important;

    color:
        var(--wp-heading) !important;

    border:
        0 !important;

    font-family:
        var(--wp-heading-font) !important;

    font-size:
        17px !important;

    font-weight:
        500 !important;

    line-height:
        1.25 !important;
}


body.wp-search-page
#wp-search-no-results-actions p,

body.wp-search-page
.wp-search-direct-create-panel p {
    max-width:
        780px !important;

    margin:
        0 !important;

    color:
        var(--wp-muted) !important;

    font-size:
        10.75px !important;

    line-height:
        1.5 !important;
}


/* ============================================================
   DIRECT MAIN-SPACE CREATION CARD
============================================================ */

body.wp-search-page
.wp-search-direct-create-panel,

body.wp-search-page
.mw-search-nonefound.wp-search-direct-create-panel {
    width:
        100% !important;

    max-width:
        none !important;

    margin:
        0
        0
        16px !important;

    padding:
        13px
        15px !important;

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-left:
        4px solid
        var(--wp-gold) !important;

    border-radius:
        8px !important;

    box-sizing:
        border-box !important;

    box-shadow:
        none !important;
}

/* ============================================================
   SEARCH ACTION ROWS
============================================================ */

body.wp-search-page
.wp-search-no-results-buttons {
    display:
        flex !important;

    align-items:
        center !important;

    flex-wrap:
        wrap !important;

    gap:
        7px !important;

    margin-top:
        11px !important;
}


/* Shared buttons */

body.wp-search-page
a.wp-search-create-draft,

body.wp-search-page
a.wp-search-open-draft,

body.wp-search-page
a.wp-search-create-main,

body.wp-search-page
a.wp-search-suggest-article {
    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-height:
        35px !important;

    padding:
        6px
        13px !important;

    border-radius:
        6px !important;

    box-sizing:
        border-box !important;

    font-size:
        10.5px !important;

    font-weight:
        700 !important;

    line-height:
        1.2 !important;

    text-decoration:
        none !important;
}


/* Primary actions */

body.wp-search-page
a.wp-search-create-draft,
body.wp-search-page
a.wp-search-create-draft:visited,

body.wp-search-page
a.wp-search-open-draft,
body.wp-search-page
a.wp-search-open-draft:visited,

body.wp-search-page
a.wp-search-create-main,
body.wp-search-page
a.wp-search-create-main:visited {
    background:
        var(--wp-teal) !important;

    color:
        #FFFFFF !important;

    -webkit-text-fill-color:
        #FFFFFF !important;

    border:
        1px solid
        var(--wp-teal) !important;

    opacity:
        1 !important;

    visibility:
        visible !important;

    text-shadow:
        none !important;

    text-decoration:
        none !important;
}


body.wp-search-page
a.wp-search-create-draft:hover,
body.wp-search-page
a.wp-search-create-draft:focus,

body.wp-search-page
a.wp-search-open-draft:hover,
body.wp-search-page
a.wp-search-open-draft:focus,

body.wp-search-page
a.wp-search-create-main:hover,
body.wp-search-page
a.wp-search-create-main:focus {
    background:
        var(--wp-teal-dark) !important;

    color:
        #FFFFFF !important;

    -webkit-text-fill-color:
        #FFFFFF !important;

    border-color:
        var(--wp-teal-dark) !important;

    text-decoration:
        none !important;
}


/* Secondary action */

body.wp-search-page
a.wp-search-suggest-article {
    background:
        var(--wp-surface-2) !important;

    color:
        var(--wp-teal) !important;

    border:
        1px solid
        var(--wp-border) !important;
}


body.wp-search-page
a.wp-search-suggest-article:hover {
    background:
        var(--wp-teal-soft) !important;

    color:
        var(--wp-teal-dark) !important;

    border-color:
        var(--wp-teal) !important;
}

/* ============================================================
   PAGINATION
============================================================ */

body.wp-search-page
.mw-pager-navigation-bar,

body.wp-search-page
.mw-search-pager-bottom {
    width: 100% !important;

    margin: 16px 0 0 !important;
    padding: 10px 12px !important;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;

    box-sizing: border-box !important;

    text-align: center !important;
}


/* Remove empty pager bars */

body.wp-search-page
.mw-pager-navigation-bar:empty,

body.wp-search-page
.mw-search-pager-bottom:empty,

body.wp-search-page
.mw-pager-navigation-bar:not(:has(a)),

body.wp-search-page
.mw-search-pager-bottom:not(:has(a)) {
    display: none !important;
}


/* ============================================================
   DARK MODE
============================================================ */

html.wp-theme-dark
body.wp-search-page
.mw-search-result:hover {
    border-color:
        rgba(112, 206, 195, .30) !important;

    box-shadow:
        0 5px 16px
        rgba(0, 0, 0, .18) !important;
}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 850px) {

    body.wp-search-page
    .wp-advanced-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

    body.wp-search-page
    #mw-searchoptions td {
        width: 50% !important;
    }

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 700px) {

    body.wp-search-page
    .mw-search-form-wrapper {
        padding:
            10px
            11px
            12px !important;
    }

    body.wp-search-page
    .search-types ul {
        padding:
            7px
            8px !important;
    }

    body.wp-search-page
    .search-types li a {
        min-height: 31px;

        padding:
            6px
            8px !important;

        font-size:
            11px !important;
    }

    body.wp-search-page
    .wp-advanced-header {
        display: block;
    }

    body.wp-search-page
    .wp-advanced-controls {
        margin-top: 10px;
    }

    body.wp-search-page
    .wp-advanced-grid {
        grid-template-columns:
            1fr;
    }

    body.wp-search-page
    #mw-searchoptions td {
        width: 50% !important;

        padding:
            5px
            8px
            5px
            0 !important;
    }

    body.wp-search-page
    .mw-search-result {
        padding:
            12px
            13px !important;
    }

    body.wp-search-page
    .wp-search-no-results-buttons {
        flex-direction:
            column !important;

        align-items:
            stretch !important;
    }

    body.wp-search-page
    .wp-article-body
    a.wp-search-create-draft,

    body.wp-search-page
    .wp-article-body
    a.wp-search-suggest-article {
        width: 100% !important;
    }

}

/* ============================================================
   WIKIPARTNER — MISSING MAIN ARTICLE
============================================================ */


/* ============================================================
   1. REMOVE ARTICLE-ONLY CONTROLS
============================================================ */

body.wp-missing-page .wp-title-toc,
body.wp-missing-page .wp-page-actions,
body.wp-missing-page .wp-article-meta,
body.wp-missing-page #catlinks,
body.wp-missing-page .catlinks {
    display: none !important;
}


/*
 * No article contents exist.
 */

body.wp-missing-page
.wp-left-sidebar
a[href="#wp-toc"] {
    display: none !important;
}


/*
 * Right sidebar:
 *
 * Tools and Data do not make sense for a page that
 * does not exist. Keep the WikiPartner section.
 */

body.wp-missing-page
.wp-right-sidebar
.wp-sidebar-section:nth-child(1),

body.wp-missing-page
.wp-right-sidebar
.wp-sidebar-section:nth-child(2) {
    display: none !important;
}


/* ============================================================
   2. ARTICLE HEADER
============================================================ */

body.wp-missing-page
.wp-article-header {
    margin-bottom:
        18px !important;
}


body.wp-missing-page
.firstHeading {
    color:
        var(--wp-heading) !important;
}


/* ============================================================
   3. REMOVE NATIVE MISSING-PAGE SPACING
============================================================ */

body.wp-missing-page
#mw-content-text,

body.wp-missing-page
.mw-parser-output {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ============================================================
   4. MISSING PAGE CARD
============================================================ */

#wp-missing-page-card {
    position: relative;

    width: 100%;
    max-width: 720px;

    margin: 0;
    padding: 25px 26px 24px;

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-top:
        4px solid
        var(--wp-gold) !important;

    border-radius:
        10px !important;

    box-shadow:
        0 7px 22px
        rgba(18, 35, 63, .05);

    box-sizing:
        border-box;
}


/* ============================================================
   5. KICKER
============================================================ */

.wp-missing-page-kicker {
    margin:
        0
        0
        6px;

    color:
        var(--wp-gold);

    font-family:
        var(--wp-body-font);

    font-size:
        8.5px;

    font-weight:
        700;

    line-height:
        1.2;

    letter-spacing:
        1.35px;

    text-transform:
        uppercase;
}


/* ============================================================
   6. CARD TITLE
============================================================ */

#wp-missing-page-card h2 {
    margin:
        0
        0
        14px !important;

    padding:
        0 !important;

    color:
        var(--wp-heading) !important;

    border:
        0 !important;

    font-family:
        var(--wp-heading-font);

    font-size:
        23px !important;

    font-weight:
        500 !important;

    line-height:
        1.2 !important;
}


/* ============================================================
   7. REQUESTED TITLE
============================================================ */

.wp-missing-page-requested-title {
    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        5px 8px;

    margin:
        0
        0
        14px;

    padding:
        9px 11px;

    background:
        var(--wp-surface-2);

    border:
        1px solid
        var(--wp-border);

    border-radius:
        6px;

    box-sizing:
        border-box;
}


.wp-missing-page-requested-title span {
    color:
        var(--wp-muted);

    font-size:
        9.5px;

    font-weight:
        600;

    line-height:
        1.3;

    text-transform:
        uppercase;

    letter-spacing:
        .45px;
}


.wp-missing-page-requested-title strong {
    color:
        var(--wp-heading);

    font-size:
        11.5px;

    font-weight:
        650;

    line-height:
        1.35;

    overflow-wrap:
        anywhere;
}


/* ============================================================
   8. DESCRIPTION
============================================================ */

.wp-missing-page-description {
    max-width:
        630px;

    margin:
        0 !important;

    color:
        var(--wp-muted) !important;

    font-size:
        11.5px !important;

    line-height:
        1.6 !important;
}


/* ============================================================
   9. MAIN ACTIONS
============================================================ */

.wp-missing-page-actions {
    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        8px;

    margin-top:
        17px;
}


/* Shared */

body.wp-missing-page
.wp-article-body
a.wp-missing-primary,

body.wp-missing-page
.wp-article-body
a.wp-missing-secondary {
    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-height:
        37px;

    padding:
        7px 14px !important;

    border-radius:
        6px !important;

    box-sizing:
        border-box;

    font-size:
        10.5px !important;

    font-weight:
        700 !important;

    line-height:
        1.25 !important;

    text-decoration:
        none !important;
}


/* Create a draft */

body.wp-missing-page
.wp-article-body
a.wp-missing-primary {
    background:
        var(--wp-teal) !important;

    color:
        #FFFFFF !important;

    border:
        1px solid
        var(--wp-teal) !important;
}


body.wp-missing-page
.wp-article-body
a.wp-missing-primary:hover {
    background:
        var(--wp-teal-dark) !important;

    color:
        #FFFFFF !important;

    border-color:
        var(--wp-teal-dark) !important;

    text-decoration:
        none !important;
}


/* Search */

body.wp-missing-page
.wp-article-body
a.wp-missing-secondary {
    background:
        var(--wp-surface-2) !important;

    color:
        var(--wp-teal) !important;

    border:
        1px solid
        var(--wp-border) !important;
}


body.wp-missing-page
.wp-article-body
a.wp-missing-secondary:hover {
    background:
        var(--wp-teal-soft) !important;

    color:
        var(--wp-teal-dark) !important;

    border-color:
        var(--wp-teal) !important;

    text-decoration:
        none !important;
}


/* ============================================================
   10. SECONDARY HELP LINKS
============================================================ */

.wp-missing-page-help {
    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        5px 12px;

    margin-top:
        19px;

    padding-top:
        14px;

    border-top:
        1px solid
        var(--wp-border);

    color:
        var(--wp-muted);

    font-size:
        10px;

    line-height:
        1.45;
}


.wp-missing-page-help > span {
    font-weight:
        600;

    color:
        var(--wp-muted);
}


body.wp-missing-page
.wp-missing-page-help a {
    color:
        var(--wp-teal) !important;

    font-weight:
        600 !important;

    text-decoration:
        none !important;
}


body.wp-missing-page
.wp-missing-page-help a:hover {
    color:
        var(--wp-teal-dark) !important;

    text-decoration:
        underline !important;
}


/* ============================================================
   11. DARK MODE
============================================================ */

html.wp-theme-dark
#wp-missing-page-card {
    box-shadow:
        0 10px 28px
        rgba(0, 0, 0, .22);
}


/* ============================================================
   12. MOBILE
============================================================ */

@media (max-width: 700px) {

    #wp-missing-page-card {
        max-width:
            none;

        padding:
            20px
            17px
            19px;

        border-radius:
            8px !important;
    }


    #wp-missing-page-card h2 {
        font-size:
            21px !important;
    }


    .wp-missing-page-requested-title {
        align-items:
            flex-start;

        flex-direction:
            column;
    }


    .wp-missing-page-actions {
        flex-direction:
            column;

        align-items:
            stretch;
    }


    body.wp-missing-page
    .wp-article-body
    a.wp-missing-primary,

    body.wp-missing-page
    .wp-article-body
    a.wp-missing-secondary {
        width:
            100% !important;
    }


    .wp-missing-page-help {
        align-items:
            flex-start;

        flex-direction:
            column;

        gap:
            6px;
    }

}

/* ============================================================
   WIKIPARTNER — INFOBOX WHITESPACE NORMALIZATION
============================================================ */

/*
 * MediaWiki can create empty <p><br></p> elements when
 * optional template parameters return no content.
 *
 * These paragraphs are not real article content and must not
 * reserve visual space inside an infobox.
 */
.wp-article-body .wp-infobox > p,
.wp-article-body .wp-infobox-data > p {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    line-height: 0 !important;
}


/*
 * A Short description is hidden metadata. Its wrapping
 * paragraph must not create visible space above the article.
 */
.wp-article-body
.mw-parser-output > p:has(> .shortdescription) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    line-height: 0 !important;
}


/*
 * Remove blank parser paragraphs immediately before or after
 * a lead infobox. Real article paragraphs are not affected.
 */
.wp-article-body
.mw-parser-output > p:has(> br:only-child):has(+ .wp-infobox),

.wp-article-body
.mw-parser-output > .wp-infobox + p:has(> br:only-child),

.wp-article-body
.mw-parser-output > .wp-infobox + p:has(> br:only-child)
+ p:has(> br:only-child) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    line-height: 0 !important;
}

/*
 * Defensive rule: an empty image or caption container should
 * never reserve space.
 */
.wp-article-body .wp-infobox-image:empty,
.wp-article-body .wp-infobox-caption:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
}


/*
 * A lead infobox should begin at the top of the article body,
 * without its own extra top margin.
 */

/*
 * Remove extra top margin from the lead paragraph when it
 * follows an infobox.
 */
.wp-article-body .mw-parser-output > .wp-infobox + p {
    margin-top: 0 !important;
}

/* ============================================================
   WIKIPARTNER — HATNOTE
============================================================ */

.wp-hatnote {
    margin: 10px 0 14px !important;
    padding: 7px 11px !important;

    border-left: 4px solid var(--wp-gold) !important;
    border-radius: 0 6px 6px 0;

    background: var(--wp-surface-2);

    color: var(--wp-muted);
    font-size: 0.9em;
    line-height: 1.45;
}

.wp-hatnote a {
    font-size: inherit;
}

/* ============================================================
   WIKIPARTNER — HATNOTE / LEAD / INFOBOX ALIGNMENT
============================================================ */

/*
 * Keep only a small gap below the About hatnote.
 */
.wp-article-body .wp-hatnote {
    margin-bottom: 8px !important;
}

/*
 * The infobox begins immediately after the hatnote spacing.
 */

/*
 * MediaWiki may insert one or more paragraphs between the
 * hatnote/infobox and the actual lead. Therefore use the
 * general sibling selector rather than "+ p".
 *
 * Paragraph-to-paragraph spacing is still provided by the
 * previous paragraph's bottom margin.
 */
.wp-article-body
.mw-parser-output > .wp-hatnote ~ p {
    margin-top: 0 !important;
}

/*
 * Any parser-created blank paragraph after the hatnote must
 * occupy absolutely no space.
 */
.wp-article-body
.mw-parser-output > .wp-hatnote ~ p:empty,
.wp-article-body
.mw-parser-output > .wp-hatnote ~ p:has(> br:only-child) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    line-height: 0 !important;
}

/* ============================================================
   WIKIPARTNER — CREATE A DRAFT
============================================================ */

.wp-create-draft-page {
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
    box-sizing: border-box;
}


/* Intro */

.wp-create-draft-intro {
    margin: 0 0 20px;
    color: var(--wp-muted);
    font-size: 14px;
    line-height: 1.65;
}


/* Main creation card */

.wp-create-draft-card {
    margin: 0 0 20px;
    padding: 22px;

    background: var(--wp-surface-2);
    border: 1px solid var(--wp-border);
    border-radius: 10px;

    box-sizing: border-box;
}

.wp-create-draft-field-title {
    margin: 0 0 4px;

    color: var(--wp-heading);
    font-size: 14px;
    font-weight: 700;
}

.wp-create-draft-field-help {
    margin: 0 0 13px;

    color: var(--wp-muted);
    font-size: 12px;
    line-height: 1.5;
}


/* InputBox form */

.wp-create-draft-card .mw-inputbox-form,
.wp-create-draft-card form.createbox {
    width: 100%;

    display: flex;
    align-items: center;

    margin: 0;
    gap: 8px;
}

.wp-create-draft-card .mw-inputbox-input {
    flex: 1 1 auto;

    width: 100% !important;
    min-width: 0;
    min-height: 42px;

    margin: 0 !important;
    padding: 9px 12px !important;

    background: var(--wp-surface) !important;
    color: var(--wp-text) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;

    box-sizing: border-box;

    font-family: inherit;
    font-size: 14px;

    box-shadow: none !important;
}

.wp-create-draft-card .mw-inputbox-input:focus {
    outline: none !important;
    border-color: var(--wp-teal) !important;
}


/* Create Draft button */

.wp-create-draft-card input[type="submit"],
.wp-create-draft-card button[type="submit"],
.wp-create-draft-card .mw-ui-button {
    flex: 0 0 auto;

    min-height: 42px;

    margin: 0 !important;
    padding: 8px 16px !important;

    background: var(--wp-teal) !important;
    color: #FFFFFF !important;

    border: 1px solid var(--wp-teal) !important;
    border-radius: 7px !important;

    font-family: inherit;
    font-size: 13px;
    font-weight: 700;

    cursor: pointer;

    box-shadow: none !important;
    text-shadow: none !important;
}

.wp-create-draft-card input[type="submit"]:hover,
.wp-create-draft-card button[type="submit"]:hover,
.wp-create-draft-card .mw-ui-button:hover {
    background: var(--wp-teal-dark) !important;
    border-color: var(--wp-teal-dark) !important;
}


/* Before you start */

.wp-create-draft-guidance {
    margin: 0 0 20px;
    padding: 18px 20px;

    background: var(--wp-surface-2);
    border: 1px solid var(--wp-border);
    border-radius: 9px;

    color: var(--wp-text);

    font-size: 12.5px;
    line-height: 1.6;
}

.wp-create-draft-section-title {
    margin: 0 0 8px;

    color: var(--wp-heading);

    font-size: 13.5px;
    font-weight: 700;
}

.wp-create-draft-guidance ul {
    margin-top: 6px;
    margin-bottom: 0;
    padding-left: 21px;
}

.wp-create-draft-guidance li {
    margin: 3px 0;
}


/* Editorial assistance */

.wp-create-draft-editorial {
    margin: 0;
    padding: 19px 20px;

    background: var(--wp-surface-2);

    border: 1px solid var(--wp-border);
    border-left: 3px solid var(--wp-teal);
    border-radius: 9px;

    box-sizing: border-box;
}

.wp-create-draft-editorial-title {
    margin: 0 0 5px;

    color: var(--wp-heading);

    font-size: 14px;
    font-weight: 700;
}

.wp-create-draft-editorial-text {
    margin: 0 0 11px;

    color: var(--wp-muted);

    font-size: 12.5px;
    line-height: 1.6;
}

.wp-create-draft-contact-link {
    display: block;
}

.wp-create-draft-contact-link > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 38px;

    padding: 7px 14px;

    background: var(--wp-teal);
    color: #FFFFFF !important;

    border: 1px solid var(--wp-teal);
    border-radius: 7px;

    font-size: 12.5px;
    font-weight: 700;

    text-decoration: none !important;

    box-sizing: border-box;
}

.wp-create-draft-contact-link > a:hover {
    background: var(--wp-teal-dark);
    border-color: var(--wp-teal-dark);

    color: #FFFFFF !important;
}

.wp-create-draft-editorial-note {
    margin-top: 10px;

    color: var(--wp-muted);

    font-size: 10.5px;
    line-height: 1.5;
}


/* Mobile */

@media (max-width: 700px) {

    .wp-create-draft-page {
        max-width: none;
    }

    .wp-create-draft-card,
    .wp-create-draft-guidance,
    .wp-create-draft-editorial {
        padding: 16px;
    }

    .wp-create-draft-card .mw-inputbox-form,
    .wp-create-draft-card form.createbox {
        display: block;
    }

    .wp-create-draft-card .mw-inputbox-input {
        width: 100% !important;
    }

    .wp-create-draft-card input[type="submit"],
    .wp-create-draft-card button[type="submit"],
    .wp-create-draft-card .mw-ui-button {
        width: 100%;

        margin-top: 8px !important;
    }
}

/* ============================================================
   CREATE A DRAFT — DUPLICATE TITLE MODAL
============================================================ */

body.wp-modal-open {
    overflow:
        hidden !important;
}


#wp-create-draft-modal[hidden] {
    display:
        none !important;
}


#wp-create-draft-modal {
    position:
        fixed;

    inset:
        0;

    z-index:
        100000;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        20px;

    box-sizing:
        border-box;
}


/* Dark overlay */

.wp-create-draft-modal-backdrop {
    position:
        absolute;

    inset:
        0;

    background:
        rgba(
            18,
            35,
            63,
            .48
        );

    backdrop-filter:
        blur(2px);
}


/* Warning card */

.wp-create-draft-modal-card {
    position:
        relative;

    z-index:
        1;

    width:
        min(
            520px,
            100%
        );

    padding:
        22px;

    background:
        var(--wp-surface);

    color:
        var(--wp-text);

    border:
        1px solid
        var(--wp-border);

    border-top:
        4px solid
        var(--wp-gold);

    border-radius:
        12px;

    box-shadow:
        0 18px 50px
        rgba(
            18,
            35,
            63,
            .22
        );

    box-sizing:
        border-box;
}


/* Close button */

.wp-create-draft-modal-close {
    position:
        absolute;

    top:
        10px;

    right:
        12px;

    width:
        32px;

    height:
        32px;

    padding:
        0;

    background:
        transparent;

    color:
        var(--wp-muted);

    border:
        0;

    border-radius:
        6px;

    font-size:
        22px;

    line-height:
        1;

    cursor:
        pointer;
}


.wp-create-draft-modal-close:hover {
    background:
        var(--wp-teal-soft);

    color:
        var(--wp-heading);
}


/* Small warning label */

.wp-create-draft-modal-kicker {
    margin:
        0
        38px
        6px
        0;

    color:
        var(--wp-gold);

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        1.1px;

    line-height:
        1.3;
}


/* Modal title */

#wp-create-draft-modal-title {
    margin:
        0
        40px
        8px
        0;

    color:
        var(--wp-heading);

    font-family:
        var(--wp-heading-font);

    font-size:
        22px;

    font-weight:
        500;

    line-height:
        1.25;
}


/* Modal explanation */

.wp-create-draft-modal-copy {
    margin:
        0;

    color:
        var(--wp-muted);

    font-size:
        12px;

    line-height:
        1.6;
}


/* Modal actions */

.wp-create-draft-modal-actions {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        8px;

    margin-top:
        16px;
}


.wp-create-draft-modal-action {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        38px;

    padding:
        7px
        13px;

    background:
        var(--wp-surface-2);

    color:
        var(--wp-teal) !important;

    border:
        1px solid
        var(--wp-border);

    border-radius:
        7px;

    box-sizing:
        border-box;

    font-size:
        11px;

    font-weight:
        700;

    line-height:
        1.2;

    text-decoration:
        none !important;

    cursor:
        pointer;
}


/* Primary existing-page link */

.wp-create-draft-modal-action.is-primary {
    background:
        var(--wp-teal);

    color:
        #FFFFFF !important;

    border-color:
        var(--wp-teal);
}


.wp-create-draft-modal-action.is-primary:hover {
    background:
        var(--wp-teal-dark);

    color:
        #FFFFFF !important;

    border-color:
        var(--wp-teal-dark);
}


/* Secondary / Back button */

.wp-create-draft-modal-action.is-secondary:hover,

.wp-create-draft-modal-action:not(.is-primary):hover {
    background:
        var(--wp-teal-soft);

    color:
        var(--wp-teal-dark) !important;

    border-color:
        var(--wp-teal);
}


/* Mobile */

@media (max-width: 600px) {

    #wp-create-draft-modal {
        padding:
            14px;
    }

    .wp-create-draft-modal-card {
        padding:
            20px
            16px
            16px;
    }

    .wp-create-draft-modal-actions {
        display:
            block;
    }

    .wp-create-draft-modal-action {
        width:
            100%;

        margin:
            0
            0
            8px;
    }

}

/* ============================================================
   WIKIPARTNER — INFOBOX / LEAD FINAL ALIGNMENT
============================================================ */

/*
 * Keep the real lead aligned with the top of a lead infobox,
 * even when MediaWiki inserts parser-generated paragraphs
 * between them.
 *
 * Paragraph spacing below the lead is provided by the
 * preceding paragraph's bottom margin.
 */
.wp-article-body
.mw-parser-output > .wp-infobox ~ p {
    margin-top: 0 !important;
}

/* ============================================================
   WIKIPARTNER — MOVED / DELETED PAGE STATES
============================================================ */


/* ------------------------------------------------------------
   PAGE BODY
------------------------------------------------------------ */

body.wp-historical-missing-page
.wp-article-body {
    padding-top: 20px !important;
}


/* ------------------------------------------------------------
   REMOVE DEFAULT MEDIAWIKI WARNING DESIGN
------------------------------------------------------------ */

body.wp-historical-missing-page
.mw-warning-with-logexcerpt {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: var(--wp-surface-2) !important;
    color: var(--wp-text) !important;

    border: 1px solid var(--wp-border) !important;
    border-top: 3px solid var(--wp-teal) !important;
    border-radius: 10px !important;

    box-sizing: border-box !important;

    box-shadow: none !important;
}


/* Deleted pages use gold */

body.wp-page-deleted
.mw-warning-with-logexcerpt {
    border-top-color: var(--wp-gold) !important;
}


/* Remove default warning icon */

body.wp-historical-missing-page
.mw-warning-with-logexcerpt
.cdx-message__icon {
    display: none !important;
}


/* Main card content */

body.wp-historical-missing-page
.mw-warning-with-logexcerpt
.cdx-message__content {
    width: 100% !important;

    padding: 22px !important;

    box-sizing: border-box !important;
}


/* Remove original MediaWiki warning sentence */

body.wp-historical-missing-page
.wp-history-original-intro {
    display: none !important;
}


/* ------------------------------------------------------------
   STATUS HEADER
------------------------------------------------------------ */

.wp-history-status {
    margin: 0 0 16px;
    padding: 0 0 17px;

    border-bottom: 1px solid var(--wp-border);
}


.wp-history-label {
    margin: 0 0 5px;

    color: var(--wp-teal);

    font-size: 10px;
    font-weight: 700;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}


body.wp-page-deleted
.wp-history-label {
    color: var(--wp-gold);
}


.wp-history-title {
    margin: 0 0 6px;

    color: var(--wp-heading);

    font-size: 19px;
    font-weight: 700;

    line-height: 1.3;
}


.wp-history-description {
    max-width: 680px;

    margin: 0;

    color: var(--wp-muted);

    font-size: 12.5px;
    line-height: 1.6;
}


/* ------------------------------------------------------------
   ACTION BUTTON
------------------------------------------------------------ */

.wp-history-current-button,
.wp-history-log-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 38px;

    margin-top: 14px;
    padding: 7px 15px;

    background: var(--wp-teal);

    color: #FFFFFF !important;

    border: 1px solid var(--wp-teal);
    border-radius: 7px;

    box-sizing: border-box;

    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;

    text-decoration: none !important;

    box-shadow: none !important;
}


.wp-history-current-button:hover,
.wp-history-log-button:hover {
    background: var(--wp-teal-dark);

    border-color: var(--wp-teal-dark);

    color: #FFFFFF !important;

    text-decoration: none !important;
}


/* ------------------------------------------------------------
   MOVE / DELETE LOG
------------------------------------------------------------ */

body.wp-historical-missing-page
.mw-warning-with-logexcerpt ul {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


body.wp-historical-missing-page
.mw-warning-with-logexcerpt li {
    position: relative;

    margin: 0 !important;
    padding: 0 0 0 17px !important;

    color: var(--wp-text) !important;

    font-size: 11.5px;
    line-height: 1.65;
}


/* Small WikiPartner-style marker */

body.wp-historical-missing-page
.mw-warning-with-logexcerpt li::before {
    content: "";

    position: absolute;

    top: 8px;
    left: 1px;

    width: 6px;
    height: 6px;

    background: var(--wp-teal);

    border-radius: 50%;
}


body.wp-page-deleted
.mw-warning-with-logexcerpt li::before {
    background: var(--wp-gold);
}


/* Log links */

body.wp-historical-missing-page
.mw-warning-with-logexcerpt a {
    color: var(--wp-teal) !important;

    text-decoration: none !important;
}


body.wp-historical-missing-page
.mw-warning-with-logexcerpt a:hover {
    color: var(--wp-teal-dark) !important;

    text-decoration: underline !important;
}


/* Move reason */

body.wp-historical-missing-page
.mw-warning-with-logexcerpt
.comment {
    color: var(--wp-muted) !important;

    font-style: italic;
}


/* Admin utility links */

body.wp-historical-missing-page
.mw-usertoollinks {
    font-size: 10.5px;
}


/* ------------------------------------------------------------
   MOVED PAGE
   Do not encourage recreation of the old title.
------------------------------------------------------------ */

body.wp-page-moved
.noarticletext {
    display: none !important;
}


/* ------------------------------------------------------------
   DELETED / HISTORICAL PAGE
------------------------------------------------------------ */

body.wp-page-deleted
.noarticletext,
body.wp-page-history
.noarticletext {
    margin: 14px 0 0 !important;
    padding: 14px 16px !important;

    background: var(--wp-surface-2) !important;
    color: var(--wp-muted) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 8px !important;

    box-sizing: border-box;

    font-size: 11.5px;
    line-height: 1.55;
}


/* ------------------------------------------------------------
   REMOVE USELESS EMPTY ELEMENTS
------------------------------------------------------------ */

body.wp-historical-missing-page
.wp-article-body > p:empty,

body.wp-historical-missing-page
.mw-body-content > p:empty {
    display: none !important;
}


/* ------------------------------------------------------------
   DARK MODE
------------------------------------------------------------ */

html.wp-theme-dark
body.wp-historical-missing-page
.mw-warning-with-logexcerpt,

html.wp-theme-dark
body.wp-historical-missing-page
.noarticletext {
    background: var(--wp-surface-2) !important;

    color: var(--wp-text) !important;

    border-color: var(--wp-border) !important;
}


html.wp-theme-dark
body.wp-page-moved
.mw-warning-with-logexcerpt {
    border-top-color: var(--wp-teal) !important;
}


html.wp-theme-dark
body.wp-page-deleted
.mw-warning-with-logexcerpt {
    border-top-color: var(--wp-gold) !important;
}


/* ------------------------------------------------------------
   MOBILE
------------------------------------------------------------ */

@media (max-width: 700px) {

    body.wp-historical-missing-page
    .wp-article-body {
        padding-top: 16px !important;
    }


    body.wp-historical-missing-page
    .mw-warning-with-logexcerpt
    .cdx-message__content {
        padding: 17px !important;
    }


    .wp-history-title {
        font-size: 17px;
    }


    .wp-history-description {
        font-size: 12px;
    }


    .wp-history-current-button,
    .wp-history-log-button {
        width: 100%;
    }


    body.wp-historical-missing-page
    .mw-warning-with-logexcerpt li {
        font-size: 11px;
    }
}

/* ============================================================
   WIKIPARTNER — HISTORICAL PAGE FINAL FIXES
============================================================ */


/* ------------------------------------------------------------
   VIEW CURRENT PAGE / LOG BUTTON TEXT
   Beat the global internal-link color rule.
------------------------------------------------------------ */

body.wp-historical-missing-page
.wp-article-body
a.wp-history-current-button,

body.wp-historical-missing-page
.wp-article-body
a.wp-history-current-button:visited,

body.wp-historical-missing-page
.wp-article-body
a.wp-history-log-button,

body.wp-historical-missing-page
.wp-article-body
a.wp-history-log-button:visited {
    color: #FFFFFF !important;

    -webkit-text-fill-color: #FFFFFF !important;

    text-decoration: none !important;
}


body.wp-historical-missing-page
.wp-article-body
a.wp-history-current-button:hover,

body.wp-historical-missing-page
.wp-article-body
a.wp-history-log-button:hover {
    color: #FFFFFF !important;

    -webkit-text-fill-color: #FFFFFF !important;

    text-decoration: none !important;
}


/* ------------------------------------------------------------
   REMOVE CATEGORY PANEL
   Moved/deleted historical titles do not need categories.
------------------------------------------------------------ */

body.wp-historical-missing-page
#catlinks,

body.wp-historical-missing-page
.catlinks,

body.wp-historical-missing-page
.mw-normal-catlinks {
    display: none !important;
}


/* Remove any space left behind by the category container. */

body.wp-historical-missing-page
.wp-article-body {
    padding-bottom: 0 !important;
}

/* ============================================================
   WIKIPARTNER — NOTICE / ERROR ACCENT STANDARD
   Gold = notices, warnings, errors and status panels
============================================================ */

/* Historical moved/deleted page card */
body.wp-historical-missing-page
.mw-warning-with-logexcerpt {
    border-top-color: var(--wp-gold) !important;
}

/* Status label */
body.wp-historical-missing-page
.wp-history-label {
    color: var(--wp-gold) !important;
}

/* Log marker */
body.wp-historical-missing-page
.mw-warning-with-logexcerpt li::before {
    background: var(--wp-gold) !important;
}

/* Error text inside custom panels */
.wp-publish-modal-note.wp-publish-modal-error {
    color: var(--wp-gold) !important;
}

/* ============================================================
   WIKIPARTNER — DRAFT RECREATE WARNING
============================================================ */


/* ------------------------------------------------------------
   WARNING CARD
------------------------------------------------------------ */

body.wp-draft-recreate-page
.mw-warning-with-logexcerpt,

body.wp-draft-recreate-page
.cdx-message--warning {
    width: 100% !important;

    margin: 0 0 16px !important;
    padding: 0 !important;

    background: var(--wp-surface-2) !important;
    color: var(--wp-text) !important;

    border: 1px solid var(--wp-border) !important;
    border-top: 3px solid var(--wp-gold) !important;
    border-radius: 9px !important;

    box-sizing: border-box !important;

    box-shadow: none !important;
}


/* Remove default warning icon */

body.wp-draft-recreate-page
.mw-warning-with-logexcerpt
.cdx-message__icon,

body.wp-draft-recreate-page
.cdx-message--warning
.cdx-message__icon {
    display: none !important;
}


/* Card inner spacing */

body.wp-draft-recreate-page
.mw-warning-with-logexcerpt
.cdx-message__content,

body.wp-draft-recreate-page
.cdx-message--warning
.cdx-message__content {
    width: 100% !important;

    padding: 17px 19px !important;

    box-sizing: border-box !important;
}


/* ------------------------------------------------------------
   NOTICE LABEL
------------------------------------------------------------ */

body.wp-draft-recreate-page
.wp-recreate-label {
    display: block;

    margin: 0 0 5px;

    color: var(--wp-gold) !important;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}


/* ------------------------------------------------------------
   NOTICE TITLE
------------------------------------------------------------ */

body.wp-draft-recreate-page
.wp-recreate-title {
    display: block;

    margin: 0;

    color: var(--wp-heading) !important;

    font-size: 14px;
    font-weight: 700;

    line-height: 1.4;
}


/* Description */

body.wp-draft-recreate-page
.wp-recreate-description {
    margin: 7px 0 13px !important;

    color: var(--wp-muted) !important;

    font-size: 11.5px;
    line-height: 1.55;
}


/* ------------------------------------------------------------
   MOVE / DELETE RECORD
------------------------------------------------------------ */

body.wp-draft-recreate-page
.mw-warning-with-logexcerpt ul,

body.wp-draft-recreate-page
.cdx-message--warning ul {
    margin: 0 !important;
    padding: 12px 0 0 !important;

    border-top: 1px solid var(--wp-border);

    list-style: none !important;
}


body.wp-draft-recreate-page
.mw-warning-with-logexcerpt li,

body.wp-draft-recreate-page
.cdx-message--warning li {
    position: relative;

    margin: 0 !important;
    padding: 0 0 0 16px !important;

    color: var(--wp-text) !important;

    font-size: 11px;
    line-height: 1.6;
}


/* Gold log marker */

body.wp-draft-recreate-page
.mw-warning-with-logexcerpt li::before,

body.wp-draft-recreate-page
.cdx-message--warning li::before {
    content: "";

    position: absolute;

    top: 7px;
    left: 1px;

    width: 6px;
    height: 6px;

    background: var(--wp-gold);

    border-radius: 50%;
}


/* Log links remain normal WikiPartner teal */

body.wp-draft-recreate-page
.mw-warning-with-logexcerpt a,

body.wp-draft-recreate-page
.cdx-message--warning a {
    color: var(--wp-teal) !important;
}


/* ------------------------------------------------------------
   SPACE BETWEEN WARNING AND EDITOR
------------------------------------------------------------ */

body.wp-draft-recreate-page
#wikiEditor-ui-text,

body.wp-draft-recreate-page
.wikiEditor-ui {
    margin-top: 0 !important;
}


/*
 * The warning itself supplies the 16px gap,
 * preventing it from touching the editor toolbar.
 */


/* ------------------------------------------------------------
   REMOVE CATEGORY PANEL FROM DRAFT EDITOR
------------------------------------------------------------ */

body.ns-3000.action-edit
#catlinks,

body.ns-3000.action-edit
.catlinks,

body.ns-3000.action-edit
.mw-normal-catlinks,

body.ns-3000.action-submit
#catlinks,

body.ns-3000.action-submit
.catlinks,

body.ns-3000.action-submit
.mw-normal-catlinks {
    display: none !important;
}


/* ------------------------------------------------------------
   DARK MODE
------------------------------------------------------------ */

html.wp-theme-dark
body.wp-draft-recreate-page
.mw-warning-with-logexcerpt,

html.wp-theme-dark
body.wp-draft-recreate-page
.cdx-message--warning {
    background: var(--wp-surface-2) !important;

    color: var(--wp-text) !important;

    border-color: var(--wp-border) !important;
    border-top-color: var(--wp-gold) !important;
}


/* ------------------------------------------------------------
   MOBILE
------------------------------------------------------------ */

@media (max-width: 700px) {

    body.wp-draft-recreate-page
    .mw-warning-with-logexcerpt
    .cdx-message__content,

    body.wp-draft-recreate-page
    .cdx-message--warning
    .cdx-message__content {
        padding: 15px !important;
    }

}

/* ============================================================
   WIKIPARTNER — PAGE TOOL MENUS
   Draft tools + Admin tools
============================================================ */


/* ------------------------------------------------------------
   ARTICLE HEADER
------------------------------------------------------------ */

.wp-article-header {
    position: relative;
}


/*
 * Right-side controls live outside the title itself.
 */

.wp-title-tools {
    position: absolute;

    top: 50%;
    right: 0;

    transform: translateY(-50%);

    display: flex;
    align-items: center;

    gap: 7px;

    z-index: 60;
}


/* Reserve title space */

body.wp-has-admin-tools
.wp-article-header
.firstHeading {
    padding-right: 125px !important;

    box-sizing: border-box;
}


body.wp-has-admin-tools.wp-has-draft-tools
.wp-article-header
.firstHeading {
    padding-right: 235px !important;
}


/* ============================================================
   TOOL MENU WRAPPER
============================================================ */

.wp-tool-menu {
    position: relative;
}


/* ============================================================
   TOOL BUTTON
============================================================ */

.wp-tool-menu-trigger {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 6px;

    min-height: 36px;

    margin: 0;
    padding: 6px 12px;

    background: var(--wp-surface-2);

    color: var(--wp-heading);

    border: 1px solid var(--wp-border);
    border-radius: 7px;

    font-family: inherit;

    font-size: 11.5px;
    font-weight: 700;

    line-height: 1.3;

    white-space: nowrap;

    cursor: pointer;

    box-shadow: none;
    text-shadow: none;
}


.wp-tool-menu-trigger:hover,
.wp-tool-menu-trigger[aria-expanded="true"] {
    background: var(--wp-hover-bg);

    border-color: var(--wp-teal);
}


/* Draft tools get a subtle WikiPartner distinction */

.wp-draft-tools
.wp-tool-menu-trigger {
    border-color: var(--wp-teal);
}


.wp-tool-menu-arrow {
    color: var(--wp-muted);

    font-size: 9px;

    line-height: 1;
}


/* ============================================================
   DROPDOWN
============================================================ */

.wp-tool-menu-dropdown {
    position: absolute;

    top: calc(100% + 7px);
    right: 0;

    width: 170px;

    padding: 5px;

    background: var(--wp-surface);

    border: 1px solid var(--wp-border);
    border-radius: 8px;

    box-sizing: border-box;

    box-shadow:
        0 8px 26px
        rgba(0, 0, 0, 0.14);

    z-index: 100;
}


.wp-tool-menu-dropdown[hidden] {
    display: none !important;
}


/* ============================================================
   MENU ITEMS
============================================================ */

.wp-article-header
.wp-tool-menu-item,

.wp-article-header
a.wp-tool-menu-item,

.wp-article-header
a.wp-tool-menu-item:visited {
    display: block;

    width: 100%;

    margin: 0;
    padding: 8px 10px;

    background: transparent;

    color: var(--wp-text) !important;

    border: 0;
    border-radius: 5px;

    box-sizing: border-box;

    font-family: inherit;

    font-size: 11.5px;
    font-weight: 600;

    line-height: 1.4;

    text-align: left;

    text-decoration: none !important;

    cursor: pointer;

    box-shadow: none;
}


.wp-article-header
.wp-tool-menu-item:hover,

.wp-article-header
a.wp-tool-menu-item:hover {
    background: var(--wp-hover-bg);

    color: var(--wp-heading) !important;

    text-decoration: none !important;
}


/* ------------------------------------------------------------
   PUBLISH ITEM
------------------------------------------------------------ */

.wp-draft-publish-item {
    color: var(--wp-teal) !important;
}


/* ------------------------------------------------------------
   DELETE ITEM
------------------------------------------------------------ */

.wp-tool-menu-delete {
    margin-top: 4px !important;

    padding-top: 9px !important;

    border-top:
        1px solid
        var(--wp-border) !important;
}


/* ============================================================
   PUBLISH MODAL
============================================================ */

.wp-publish-modal-overlay {
    position: fixed;

    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 22px;

    background:
        rgba(0, 0, 0, 0.46);

    box-sizing: border-box;

    z-index: 100000;
}


.wp-publish-modal-overlay[hidden] {
    display: none !important;
}


body.wp-publish-modal-open {
    overflow: hidden;
}


.wp-publish-modal {
    width: 100%;
    max-width: 440px;

    padding: 22px;

    background: var(--wp-surface);

    color: var(--wp-text);

    border: 1px solid var(--wp-border);
    border-top: 3px solid var(--wp-gold);

    border-radius: 11px;

    box-sizing: border-box;

    box-shadow:
        0 18px 55px
        rgba(0, 0, 0, 0.22);
}


.wp-publish-modal-title {
    margin: 0 0 10px;

    color: var(--wp-heading);

    font-size: 18px;
    font-weight: 700;

    line-height: 1.3;
}


.wp-publish-modal-text {
    color: var(--wp-text);

    font-size: 13px;
    line-height: 1.65;
}


.wp-publish-modal-note {
    margin-top: 10px;

    color: var(--wp-muted);

    font-size: 11px;
    line-height: 1.5;
}


/*
 * WikiPartner convention:
 * notice/error accents are gold.
 */

.wp-publish-modal-note.wp-publish-modal-error {
    color: var(--wp-gold) !important;

    font-weight: 600;
}


/* ------------------------------------------------------------
   MODAL ACTIONS
------------------------------------------------------------ */

.wp-publish-modal-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 8px;

    margin-top: 20px;
}


.wp-publish-modal-cancel,
.wp-publish-modal-confirm {
    min-height: 38px;

    padding: 7px 14px;

    border-radius: 7px;

    font-family: inherit;

    font-size: 12px;
    font-weight: 700;

    cursor: pointer;

    box-shadow: none;
}


.wp-publish-modal-cancel {
    background: var(--wp-surface-2);

    color: var(--wp-text);

    border: 1px solid var(--wp-border);
}


.wp-publish-modal-confirm {
    background: var(--wp-teal);

    color: #FFFFFF;

    border: 1px solid var(--wp-teal);
}


.wp-publish-modal-confirm:hover {
    background: var(--wp-teal-dark);

    border-color: var(--wp-teal-dark);
}


.wp-publish-modal-cancel:disabled,
.wp-publish-modal-confirm:disabled {
    opacity: 0.6;

    cursor: wait;
}


/* ============================================================
   DARK MODE
============================================================ */

html.wp-theme-dark
.wp-tool-menu-dropdown,

html.wp-theme-dark
.wp-publish-modal {
    background: var(--wp-surface);

    color: var(--wp-text);

    border-color: var(--wp-border);
}


html.wp-theme-dark
.wp-publish-modal {
    border-top-color: var(--wp-gold);
}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 700px) {

    .wp-title-tools {
        gap: 5px;
    }


    body.wp-has-admin-tools
    .wp-article-header
    .firstHeading {
        padding-right: 105px !important;
    }


    body.wp-has-admin-tools.wp-has-draft-tools
    .wp-article-header
    .firstHeading {
        padding-right: 195px !important;
    }


    .wp-tool-menu-trigger {
        min-height: 34px;

        padding: 5px 9px;

        font-size: 10.5px;
    }


    .wp-tool-menu-dropdown {
        width: 155px;
    }


    .wp-publish-modal-overlay {
        padding: 15px;
    }


    .wp-publish-modal {
        max-width: none;

        padding: 18px;
    }


    .wp-publish-modal-actions {
        flex-direction: column-reverse;

        align-items: stretch;
    }


    .wp-publish-modal-cancel,
    .wp-publish-modal-confirm {
        width: 100%;
    }

}

/* ============================================================
   WIKIPARTNER — MOVE / DELETE ADMIN PAGES
============================================================ */


/* ============================================================
   BASIC PAGE SPACING
============================================================ */

body.wp-admin-move-page
.wp-article-body,

body.wp-admin-delete-page
.wp-article-body {
    padding-top: 18px !important;
}


/* Hide MediaWiki's verbose original introductions */

body.wp-admin-move-page
.wp-admin-native-intro,

body.wp-admin-delete-page
.wp-admin-native-intro {
    display: none !important;
}


/* ============================================================
   SHORT MOVE INTRO
============================================================ */

.wp-admin-action-intro {
    max-width: 760px;

    margin: 0 0 16px;
    padding: 0;

    color: var(--wp-muted);

    font-size: 12.5px;
    line-height: 1.6;
}


.wp-admin-action-intro strong {
    display: block;

    margin: 0 0 3px;

    color: var(--wp-heading);

    font-size: 13.5px;
    font-weight: 700;
}


.wp-admin-action-intro span {
    display: block;
}


/* ============================================================
   MOVE WARNINGS
   Gold = WikiPartner notice/warning accent
============================================================ */

body.wp-admin-move-page
.cdx-message--warning,

body.wp-admin-move-page
.mw-message-box-warning,

body.wp-admin-move-page
.warningbox {
    max-width: 760px;

    margin: 0 0 16px !important;
    padding: 14px 16px !important;

    background: var(--wp-surface-2) !important;

    color: var(--wp-text) !important;

    border: 1px solid var(--wp-border) !important;
    border-left: 4px solid var(--wp-gold) !important;

    border-radius: 8px !important;

    box-sizing: border-box !important;

    font-size: 11.5px !important;
    line-height: 1.55 !important;

    box-shadow: none !important;
}


/* Keep warning icon gold */

body.wp-admin-move-page
.cdx-message--warning
.cdx-message__icon {
    color: var(--wp-gold) !important;
}


/* ============================================================
   DELETE WARNING
   Destructive actions use red.
============================================================ */

.wp-admin-delete-notice {
    max-width: 760px;

    margin: 0 0 17px;
    padding: 15px 17px;

    background: var(--wp-surface-2);

    border: 1px solid var(--wp-border);
    border-left: 4px solid #B42318;

    border-radius: 8px;

    box-sizing: border-box;
}


.wp-admin-delete-label {
    margin: 0 0 5px;

    color: #B42318;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: 0.07em;
    text-transform: uppercase;
}


.wp-admin-delete-title {
    display: block;

    margin: 0 0 5px;

    color: var(--wp-heading);

    font-size: 14px;
    font-weight: 700;

    line-height: 1.4;
}


.wp-admin-delete-text {
    color: var(--wp-muted);

    font-size: 11.5px;
    line-height: 1.55;
}


.wp-admin-delete-text a {
    color: var(--wp-teal) !important;

    text-decoration: none !important;
}


.wp-admin-delete-text a:hover {
    color: var(--wp-teal-dark) !important;

    text-decoration: underline !important;
}


/* Any native delete warning also uses red */

body.wp-admin-delete-page
.cdx-message--warning,

body.wp-admin-delete-page
.mw-message-box-warning,

body.wp-admin-delete-page
.warningbox {
    margin: 0 0 16px !important;
    padding: 14px 16px !important;

    background: var(--wp-surface-2) !important;

    color: var(--wp-text) !important;

    border: 1px solid var(--wp-border) !important;
    border-left: 4px solid #B42318 !important;

    border-radius: 8px !important;

    box-shadow: none !important;
}


/* ============================================================
   MOVE / DELETE FORM CARD
============================================================ */

body.wp-admin-move-page
.wp-admin-action-form,

body.wp-admin-delete-page
.wp-admin-action-form {
    width: 100%;
    max-width: 720px;

    margin: 0 0 22px !important;
    padding: 18px !important;

    background: var(--wp-surface-2) !important;

    color: var(--wp-text) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 9px !important;

    box-sizing: border-box !important;

    box-shadow: none !important;
}


/* Remove old nested fieldset box */

body.wp-admin-move-page
.wp-admin-action-form fieldset,

body.wp-admin-delete-page
.wp-admin-action-form fieldset {
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    min-width: 0;
}


/* Form heading */

body.wp-admin-move-page
.wp-admin-action-form legend,

body.wp-admin-delete-page
.wp-admin-action-form legend {
    margin: 0 0 14px !important;
    padding: 0 !important;

    color: var(--wp-heading) !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1.4;
}


/* ============================================================
   LABELS
============================================================ */

body.wp-admin-move-page
.wp-admin-action-form label,

body.wp-admin-delete-page
.wp-admin-action-form label {
    color: var(--wp-text) !important;

    font-size: 11.5px !important;
    line-height: 1.45;
}


/* ============================================================
   TEXT / SELECT / TEXTAREA FIELDS
============================================================ */

body.wp-admin-move-page
.wp-admin-action-form input[type="text"],

body.wp-admin-move-page
.wp-admin-action-form input[type="search"],

body.wp-admin-move-page
.wp-admin-action-form select,

body.wp-admin-move-page
.wp-admin-action-form textarea,

body.wp-admin-delete-page
.wp-admin-action-form input[type="text"],

body.wp-admin-delete-page
.wp-admin-action-form input[type="search"],

body.wp-admin-delete-page
.wp-admin-action-form select,

body.wp-admin-delete-page
.wp-admin-action-form textarea {
    width: 100% !important;

    min-height: 38px;

    margin-top: 4px !important;
    margin-bottom: 10px !important;

    padding: 7px 10px !important;

    background: var(--wp-surface) !important;

    color: var(--wp-text) !important;

    border: 1px solid var(--wp-border) !important;

    border-radius: 6px !important;

    box-sizing: border-box !important;

    font-family: inherit !important;

    font-size: 12px !important;

    box-shadow: none !important;
}


/* Focus */

body.wp-admin-move-page
.wp-admin-action-form input:focus,

body.wp-admin-move-page
.wp-admin-action-form select:focus,

body.wp-admin-move-page
.wp-admin-action-form textarea:focus,

body.wp-admin-delete-page
.wp-admin-action-form input:focus,

body.wp-admin-delete-page
.wp-admin-action-form select:focus,

body.wp-admin-delete-page
.wp-admin-action-form textarea:focus {
    outline: none !important;

    border-color: var(--wp-teal) !important;

    box-shadow:
        0 0 0 2px
        var(--wp-teal-soft) !important;
}


/* ============================================================
   CHECKBOXES
============================================================ */

body.wp-admin-move-page
.wp-admin-action-form input[type="checkbox"],

body.wp-admin-delete-page
.wp-admin-action-form input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;

    margin: 0 6px 0 0 !important;

    vertical-align: -3px;

    accent-color: var(--wp-teal);
}


/* Give checkbox rows breathing room */

body.wp-admin-move-page
.wp-admin-action-form
input[type="checkbox"] + label,

body.wp-admin-delete-page
.wp-admin-action-form
input[type="checkbox"] + label {
    margin-right: 12px;
}


/* ============================================================
   MOVE BUTTON
============================================================ */

body.wp-admin-move-page
.wp-admin-action-submit {
    min-height: 38px !important;

    margin-top: 8px !important;
    padding: 7px 15px !important;

    background: var(--wp-teal) !important;

    color: #FFFFFF !important;

    border: 1px solid var(--wp-teal) !important;
    border-radius: 7px !important;

    font-family: inherit !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    cursor: pointer;

    box-shadow: none !important;
    text-shadow: none !important;
}


body.wp-admin-move-page
.wp-admin-action-submit:hover {
    background: var(--wp-teal-dark) !important;

    border-color: var(--wp-teal-dark) !important;
}


/* ============================================================
   DELETE BUTTON
============================================================ */

body.wp-admin-delete-page
.wp-admin-danger-submit {
    min-height: 38px !important;

    margin-top: 8px !important;
    padding: 7px 15px !important;

    background: #B42318 !important;

    color: #FFFFFF !important;

    border: 1px solid #B42318 !important;
    border-radius: 7px !important;

    font-family: inherit !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    cursor: pointer;

    box-shadow: none !important;
    text-shadow: none !important;
}


body.wp-admin-delete-page
.wp-admin-danger-submit:hover {
    background: #8F1C13 !important;

    border-color: #8F1C13 !important;
}


/* ============================================================
   HIDE UNNECESSARY ADMIN META LINKS
============================================================ */

.wp-admin-meta-link-hidden {
    display: none !important;
}


/* ============================================================
   LOG SECTIONS
============================================================ */

body.wp-admin-move-page
.wp-article-body h2,

body.wp-admin-delete-page
.wp-article-body h2 {
    margin-top: 26px !important;
}


/* ============================================================
   REMOVE CATEGORY PANEL
============================================================ */

body.wp-admin-move-page
#catlinks,

body.wp-admin-move-page
.catlinks,

body.wp-admin-move-page
.mw-normal-catlinks,

body.wp-admin-delete-page
#catlinks,

body.wp-admin-delete-page
.catlinks,

body.wp-admin-delete-page
.mw-normal-catlinks {
    display: none !important;
}


/* ============================================================
   DARK MODE
============================================================ */

html.wp-theme-dark
body.wp-admin-move-page
.wp-admin-action-form,

html.wp-theme-dark
body.wp-admin-delete-page
.wp-admin-action-form,

html.wp-theme-dark
.wp-admin-delete-notice {
    background: var(--wp-surface-2) !important;

    color: var(--wp-text) !important;

    border-color: var(--wp-border) !important;
}


html.wp-theme-dark
.wp-admin-delete-notice {
    border-left-color: #B42318 !important;
}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 700px) {

    body.wp-admin-move-page
    .wp-admin-action-form,

    body.wp-admin-delete-page
    .wp-admin-action-form {
        max-width: none;

        padding: 15px !important;
    }


    body.wp-admin-move-page
    .cdx-message--warning,

    body.wp-admin-move-page
    .mw-message-box-warning,

    body.wp-admin-delete-page
    .cdx-message--warning,

    .wp-admin-delete-notice {
        max-width: none;

        padding: 13px 14px !important;
    }

}

/* ============================================================
   WIKIPARTNER — PURGE PAGE
============================================================ */


/* ------------------------------------------------------------
   PAGE SPACING
------------------------------------------------------------ */

body.action-purge
.wp-article-body {
    padding-top: 18px !important;
}


/* ------------------------------------------------------------
   PURGE FORM CARD
------------------------------------------------------------ */

body.action-purge
#mw-content-text form {
    width: 100%;
    max-width: 720px;

    margin: 0 0 14px !important;
    padding: 18px 20px !important;

    background: var(--wp-surface-2) !important;
    color: var(--wp-text) !important;

    border: 1px solid var(--wp-border) !important;
    border-top: 3px solid var(--wp-gold) !important;
    border-radius: 9px !important;

    box-sizing: border-box !important;

    box-shadow: none !important;
}


/* Remove nested default fieldset appearance */

body.action-purge
#mw-content-text form fieldset {
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    min-width: 0;
}


/* ------------------------------------------------------------
   FORM TITLE
------------------------------------------------------------ */

body.action-purge
#mw-content-text form legend {
    margin: 0 0 8px !important;
    padding: 0 !important;

    color: var(--wp-heading) !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    line-height: 1.4;
}


/* ------------------------------------------------------------
   QUESTION / DESCRIPTION
------------------------------------------------------------ */

body.action-purge
#mw-content-text form p {
    margin: 0 0 14px !important;

    color: var(--wp-muted) !important;

    font-size: 12px !important;
    line-height: 1.55 !important;
}


/* ------------------------------------------------------------
   OK BUTTON
------------------------------------------------------------ */

body.action-purge
#mw-content-text
input[type="submit"],

body.action-purge
#mw-content-text
button[type="submit"] {
    min-height: 38px !important;

    margin: 0 !important;
    padding: 7px 16px !important;

    background: var(--wp-teal) !important;
    color: #FFFFFF !important;

    border: 1px solid var(--wp-teal) !important;
    border-radius: 7px !important;

    font-family: inherit !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    cursor: pointer;

    box-shadow: none !important;
    text-shadow: none !important;
}


body.action-purge
#mw-content-text
input[type="submit"]:hover,

body.action-purge
#mw-content-text
button[type="submit"]:hover {
    background: var(--wp-teal-dark) !important;

    border-color: var(--wp-teal-dark) !important;
}


/* Focus */

body.action-purge
#mw-content-text
input[type="submit"]:focus,

body.action-purge
#mw-content-text
button[type="submit"]:focus {
    outline: none !important;

    box-shadow:
        0 0 0 3px
        var(--wp-teal-soft) !important;
}


/* ------------------------------------------------------------
   TEXT BELOW THE FORM
------------------------------------------------------------ */

body.action-purge
#mw-content-text > p {
    max-width: 720px;

    margin: 0 !important;

    color: var(--wp-muted) !important;

    font-size: 11.5px !important;
    line-height: 1.55 !important;
}

/* ------------------------------------------------------------
   REMOVE MEDIAWIKI OUTER FORM SHELL
------------------------------------------------------------ */

body.action-purge
#mw-content-text > fieldset,

body.action-purge
#mw-content-text > .mw-htmlform,

body.action-purge
#mw-content-text > .mw-htmlform-ooui-wrapper,

body.action-purge
#mw-content-text .mw-htmlform-ooui-wrapper,

body.action-purge
#mw-content-text .oo-ui-panelLayout {
    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

/* ------------------------------------------------------------
   REMOVE CATEGORY PANEL
------------------------------------------------------------ */

body.action-purge
#catlinks,

body.action-purge
.catlinks,

body.action-purge
.mw-normal-catlinks {
    display: none !important;
}


/* ------------------------------------------------------------
   DARK MODE
------------------------------------------------------------ */

html.wp-theme-dark
body.action-purge
#mw-content-text form {
    background: var(--wp-surface-2) !important;

    color: var(--wp-text) !important;

    border-color: var(--wp-border) !important;
    border-top-color: var(--wp-gold) !important;
}


/* ------------------------------------------------------------
   MOBILE
------------------------------------------------------------ */

@media (max-width: 700px) {

    body.action-purge
    #mw-content-text form {
        max-width: none;

        padding: 15px 16px !important;
    }


    body.action-purge
    #mw-content-text > p {
        max-width: none;
    }

}

/* ============================================================
   WIKIPARTNER — FILE INFORMATION
============================================================ */

.wp-file-information {
    width: 100%;
    max-width: 760px;

    margin: 18px 0 20px;

    background: var(--wp-surface-2);

    border: 1px solid var(--wp-border);
    border-radius: 9px;

    overflow: hidden;

    box-sizing: border-box;
}


.wp-file-information-title {
    padding: 12px 15px;

    color: var(--wp-heading);

    border-bottom: 1px solid var(--wp-border);
    border-top: 3px solid var(--wp-gold);

    font-size: 13px;
    font-weight: 700;
}


.wp-file-information-row {
    display: grid;

    grid-template-columns: 135px minmax(0, 1fr);

    border-bottom: 1px solid var(--wp-border);
}


.wp-file-information-row:last-child {
    border-bottom: 0;
}


.wp-file-information-label {
    padding: 10px 13px;

    background: var(--wp-surface);

    color: var(--wp-muted);

    font-size: 11px;
    font-weight: 700;
}


.wp-file-information-value {
    min-width: 0;

    padding: 10px 13px;

    color: var(--wp-text);

    font-size: 11.5px;
    line-height: 1.55;

    overflow-wrap: anywhere;
}


.wp-file-information-value a {
    color: var(--wp-teal) !important;
}


/* Remove parser-created empty paragraphs */

.wp-file-information > p,
.wp-file-information-row > p {
    display: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


@media (max-width: 600px) {

    .wp-file-information-row {
        grid-template-columns: 1fr;
    }


    .wp-file-information-label {
        padding-bottom: 4px;

        border-bottom: 0;
    }


    .wp-file-information-value {
        padding-top: 4px;
    }

}

/* ============================================================
   WIKIPARTNER — ENHANCED FILE PAGE
============================================================ */


/* ============================================================
   OVERVIEW GRID
============================================================ */

body.wp-file-page-enhanced
.wp-file-overview {
    display: grid;

    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(280px, 0.65fr);

    align-items: start;

    gap: 18px;

    margin: 0 0 28px;
}


/* ============================================================
   IMAGE PREVIEW CARD
============================================================ */

body.wp-file-page-enhanced
.wp-file-preview-card {
    min-width: 0;

    background: var(--wp-surface-2);

    border: 1px solid var(--wp-border);
    border-radius: 9px;

    overflow: hidden;
}


body.wp-file-page-enhanced
.wp-file-preview-title {
    display: flex;
    align-items: center;

    gap: 8px;

    padding: 12px 15px;

    color: var(--wp-heading);

    border-bottom: 1px solid var(--wp-border);

    font-size: 13px;
    font-weight: 700;
}


body.wp-file-page-enhanced
.wp-file-preview-title::before {
    content: "";

    width: 4px;
    height: 14px;

    flex: 0 0 4px;

    background: var(--wp-teal);

    border-radius: 2px;
}


/*
 * Override the old full-width preview card.
 */

body.wp-file-page-enhanced
.wp-file-preview-card
.fullImageLink {
    display: block !important;

    margin: 0 !important;
    padding: 18px !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    text-align: center;
}


body.wp-file-page-enhanced
.wp-file-preview-card
.fullImageLink > a {
    display: inline-flex !important;

    align-items: center;
    justify-content: center;
}


body.wp-file-page-enhanced
.wp-file-preview-card
.fullImageLink img {
    display: block;

    width: auto !important;
    max-width: 100% !important;
    max-height: 620px;

    height: auto !important;

    margin: 0 auto !important;

    background: var(--wp-surface);

    border: 1px solid var(--wp-border);
    border-radius: 7px;
}


/* Preview dimensions */

body.wp-file-page-enhanced
.wp-file-preview-card
.mw-filepage-resolutioninfo,

body.wp-file-page-enhanced
.wp-file-preview-card
.mw-filepage-other-resolutions {
    margin: 11px 0 0 !important;

    color: var(--wp-muted) !important;

    font-size: 11px !important;
    line-height: 1.5 !important;

    text-align: center;
}


/* ============================================================
   ORIGINAL FILE DETAILS
============================================================ */

body.wp-file-page-enhanced
.wp-file-preview-card
.fullMedia {
    margin: 0 18px !important;
    padding: 12px 0 14px !important;

    color: var(--wp-muted);

    border-top: 1px solid var(--wp-border);

    font-size: 11.5px;
    line-height: 1.55;

    text-align: center;
}


body.wp-file-page-enhanced
.wp-file-preview-card
.fullMedia p {
    margin: 0 !important;
}


body.wp-file-page-enhanced
.wp-file-preview-card
.fullMedia a {
    color: var(--wp-teal) !important;

    font-weight: 700;

    text-decoration: none !important;
}


/* ============================================================
   REMOVE OLD OUTER DESCRIPTION CARD
============================================================ */

body.wp-file-page-enhanced
#mw-imagepage-content.wp-file-details {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    font-size: inherit;
}


/* Remove useless parser spacing */

body.wp-file-page-enhanced
#mw-imagepage-content
.mw-parser-output {
    margin: 0 !important;
    padding: 0 !important;
}


body.wp-file-page-enhanced
#mw-imagepage-content
.mw-parser-output > p:empty {
    display: none !important;
}


/* ============================================================
   FILE INFORMATION CARD
============================================================ */

body.wp-file-page-enhanced
.wp-file-information {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 9px !important;

    overflow: hidden;

    box-sizing: border-box;
}


body.wp-file-page-enhanced
.wp-file-information-title {
    display: flex;
    align-items: center;

    gap: 8px;

    margin: 0 !important;
    padding: 12px 15px !important;

    color: var(--wp-heading) !important;

    border: 0 !important;
    border-bottom: 1px solid var(--wp-border) !important;

    font-size: 13px !important;
    font-weight: 700 !important;
}


body.wp-file-page-enhanced
.wp-file-information-title::before {
    content: "";

    width: 4px;
    height: 14px;

    flex: 0 0 4px;

    background: var(--wp-teal);

    border-radius: 2px;
}


/* ------------------------------------------------------------
   INFORMATION ROWS
------------------------------------------------------------ */

body.wp-file-page-enhanced
.wp-file-information-row {
    display: grid !important;

    grid-template-columns:
        115px
        minmax(0, 1fr);

    margin: 0 !important;
    padding: 0 !important;

    border-bottom: 1px solid var(--wp-border);
}


body.wp-file-page-enhanced
.wp-file-information-row:last-child {
    border-bottom: 0;
}


body.wp-file-page-enhanced
.wp-file-information-label {
    margin: 0 !important;
    padding: 10px 12px !important;

    background: var(--wp-surface);

    color: var(--wp-muted) !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    line-height: 1.45;
}


body.wp-file-page-enhanced
.wp-file-information-value {
    min-width: 0;

    margin: 0 !important;
    padding: 10px 12px !important;

    color: var(--wp-text) !important;

    font-size: 11.5px !important;
    line-height: 1.5 !important;

    overflow-wrap: anywhere;
}


body.wp-file-page-enhanced
.wp-file-information-value a {
    color: var(--wp-teal) !important;
}


/* Kill parser blank paragraphs inside the template */

body.wp-file-page-enhanced
.wp-file-information > p,

body.wp-file-page-enhanced
.wp-file-information-row > p,

body.wp-file-page-enhanced
.wp-file-information-label > p,

body.wp-file-page-enhanced
.wp-file-information-value > p {
    display: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ============================================================
   SECTION HEADINGS
============================================================ */

body.wp-file-page-enhanced
.wp-article-body h2 {
    margin: 27px 0 11px !important;
    padding: 0 0 8px !important;

    color: var(--wp-heading) !important;

    border-bottom: 1px solid var(--wp-border) !important;

    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}


body.wp-file-page-enhanced
.wp-article-body h2::before {
    width: 3px !important;
    height: 15px !important;

    margin-right: 7px !important;

    background: var(--wp-teal) !important;
}


/* ============================================================
   FILE HISTORY
============================================================ */

body.wp-file-page-enhanced
table.filehistory {
    margin: 10px 0 7px !important;

    border-radius: 8px !important;
}


body.wp-file-page-enhanced
table.filehistory th {
    padding: 10px 11px !important;

    font-size: 11.5px !important;
}


body.wp-file-page-enhanced
table.filehistory td {
    padding: 10px 11px !important;

    font-size: 11.5px !important;
    line-height: 1.5 !important;
}


body.wp-file-page-enhanced
table.filehistory img {
    border-radius: 6px !important;
}


/* Upload new version */

body.wp-file-page-enhanced
.mw-imagepage-upload-links {
    margin: 9px 0 0 !important;
}


body.wp-file-page-enhanced
.mw-imagepage-upload-links a {
    display: inline-flex;

    align-items: center;

    padding: 6px 9px;

    background: var(--wp-surface-2);

    color: var(--wp-teal) !important;

    border: 1px solid var(--wp-border);
    border-radius: 6px;

    font-size: 11px !important;
    font-weight: 600 !important;

    text-decoration: none !important;
}


/* ============================================================
   FILE USAGE
============================================================ */

body.wp-file-page-enhanced
.mw-imagepage-linkstoimage,

body.wp-file-page-enhanced
#filelinks + ul {
    margin: 9px 0 0 !important;

    padding: 13px 17px 13px 34px !important;

    background: var(--wp-surface-2) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 8px !important;

    font-size: 11.5px;
    line-height: 1.6;
}


/* ============================================================
   REMOVE CATEGORY PANEL ON FILE PAGES
============================================================ */

body.ns-6
#catlinks,

body.ns-6
.catlinks,

body.ns-6
.mw-normal-catlinks {
    display: none !important;
}


/* ============================================================
   DARK MODE
============================================================ */

html.wp-theme-dark
body.wp-file-page-enhanced
.wp-file-preview-card,

html.wp-theme-dark
body.wp-file-page-enhanced
.wp-file-information,

html.wp-theme-dark
body.wp-file-page-enhanced
table.filehistory,

html.wp-theme-dark
body.wp-file-page-enhanced
.mw-imagepage-linkstoimage {
    border-color: var(--wp-border) !important;
}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 800px) {

    body.wp-file-page-enhanced
    .wp-file-overview {
        grid-template-columns: 1fr;

        gap: 14px;
    }


    body.wp-file-page-enhanced
    .wp-file-preview-card
    .fullImageLink {
        padding: 14px !important;
    }


    body.wp-file-page-enhanced
    .wp-file-information-row {
        grid-template-columns: 1fr;
    }


    body.wp-file-page-enhanced
    .wp-file-information-label {
        padding-bottom: 4px !important;

        background: transparent;
    }


    body.wp-file-page-enhanced
    .wp-file-information-value {
        padding-top: 3px !important;
    }


    body.wp-file-page-enhanced
    table.filehistory {
        display: block;

        overflow-x: auto;

        white-space: nowrap;
    }

}

/* ============================================================
   WIKIPARTNER — SPECIAL:UPLOAD
   Compact editor upload experience
============================================================ */

body.mw-special-Upload #mw-content-text {
    max-width: 880px;
}

body.mw-special-Upload #mw-upload-form {
    max-width: 760px;
    margin-top: 18px;
}


/* ------------------------------------------------------------
   MAIN FORM SECTIONS
------------------------------------------------------------ */

body.mw-special-Upload #mw-upload-form fieldset {
    margin: 0 0 18px;
    padding: 22px 24px;
    border: 1px solid var(--border-color-base, #d8d8d8);
    border-radius: 10px;
    background: var(--background-color-base, #fff);
    box-shadow: none;
}

body.mw-special-Upload #mw-upload-form legend {
    padding: 0 10px;
    font-size: 17px;
    font-weight: 700;
    color: #0f6b65;
}


/* ------------------------------------------------------------
   FIELDS
------------------------------------------------------------ */

body.mw-special-Upload #mw-upload-form .mw-htmlform-field-HTMLTextField,
body.mw-special-Upload #mw-upload-form .mw-htmlform-field-HTMLTextAreaField,
body.mw-special-Upload #mw-upload-form .mw-htmlform-field-HTMLSelectField,
body.mw-special-Upload #mw-upload-form .mw-htmlform-field-HTMLFileField,
body.mw-special-Upload #mw-upload-form .mw-htmlform-field-HTMLInfoField {
    margin-bottom: 16px;
}

body.mw-special-Upload #mw-upload-form .mw-label label {
    font-weight: 650;
}

body.mw-special-Upload #mw-upload-form input[type="text"],
body.mw-special-Upload #mw-upload-form input[type="url"],
body.mw-special-Upload #mw-upload-form textarea,
body.mw-special-Upload #mw-upload-form select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border-radius: 7px;
}

body.mw-special-Upload #mw-upload-form textarea {
    min-height: 82px;
    resize: vertical;
}


/* ------------------------------------------------------------
   HELP TEXT
------------------------------------------------------------ */

body.mw-special-Upload #mw-upload-form .htmlform-tip,
body.mw-special-Upload #mw-upload-form .mw-htmlform-help,
body.mw-special-Upload #mw-upload-form .oo-ui-fieldLayout-help {
    font-size: 13px;
    line-height: 1.45;
    opacity: 0.78;
}


/* ------------------------------------------------------------
   WIKIPARTNER OPTIONAL-FIELDS NOTICE
------------------------------------------------------------ */

body.mw-special-Upload #mw-upload-form .mw-htmlform-field-HTMLInfoField {
    padding: 11px 14px;
    border-left: 4px solid #c89b2c;
    border-radius: 6px;
    background: rgba(200, 155, 44, 0.09);
}


/* ------------------------------------------------------------
   FILE PICKER
------------------------------------------------------------ */

body.mw-special-Upload #wpUploadFile {
    max-width: 100%;
}


/* ------------------------------------------------------------
   SUBMIT AREA
------------------------------------------------------------ */

body.mw-special-Upload #mw-upload-form .mw-htmlform-submit-buttons {
    margin-top: 8px;
}

body.mw-special-Upload #wpUpload,
body.mw-special-Upload #mw-upload-form button[type="submit"],
body.mw-special-Upload #mw-upload-form input[type="submit"] {
    min-height: 42px;
    padding: 8px 20px;
    border-color: #0f6b65;
    border-radius: 7px;
    background: #0f6b65;
    color: #fff;
    font-weight: 700;
}

body.mw-special-Upload #wpUpload:hover,
body.mw-special-Upload #mw-upload-form button[type="submit"]:hover,
body.mw-special-Upload #mw-upload-form input[type="submit"]:hover {
    border-color: #0b5853;
    background: #0b5853;
    color: #fff;
}


/* ------------------------------------------------------------
   REDUCE MEDIAWIKI VISUAL NOISE
------------------------------------------------------------ */

body.mw-special-Upload .mw-upload-editlicenses {
    display: none;
}

body.mw-special-Upload #mw-upload-form hr {
    display: none;
}


/* ------------------------------------------------------------
   MOBILE
------------------------------------------------------------ */

@media (max-width: 700px) {

    body.mw-special-Upload #mw-upload-form {
        max-width: none;
    }

    body.mw-special-Upload #mw-upload-form fieldset {
        padding: 18px 16px;
        border-radius: 8px;
    }

}

/* ============================================================
   WIKIPARTNER — FINAL COMPACT UPLOAD UI
============================================================ */


/* Compact upload introduction */

body.mw-special-Upload .wp-upload-intro {
    max-width: 730px;
    margin: 8px 0 14px;
    padding: 12px 14px;
    border: 1px solid #dfc571;
    border-left: 4px solid #c89b2c;
    border-radius: 8px;
    background: rgba(200, 155, 44, 0.08);
    font-size: 13px;
    line-height: 1.45;
}

body.mw-special-Upload .wp-upload-intro-line {
    margin-top: 5px;
}

body.mw-special-Upload .wp-upload-example {
    margin-top: 7px;
    padding-top: 7px;
    border-top: 1px solid rgba(200, 155, 44, 0.28);
}

body.mw-special-Upload .wp-upload-example code {
    padding: 3px 6px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.045);
}


/* Shorter upload cards */

body.mw-special-Upload #mw-upload-form fieldset {
    margin-bottom: 12px;
    padding: 15px 17px;
}

body.mw-special-Upload #mw-upload-form legend {
    font-size: 15px;
}

body.mw-special-Upload #mw-upload-form
.mw-htmlform-field-HTMLTextField,

body.mw-special-Upload #mw-upload-form
.mw-htmlform-field-HTMLTextAreaField,

body.mw-special-Upload #mw-upload-form
.mw-htmlform-field-HTMLSelectField,

body.mw-special-Upload #mw-upload-form
.mw-htmlform-field-HTMLFileField,

body.mw-special-Upload #mw-upload-form
.mw-htmlform-field-HTMLInfoField {
    margin-bottom: 10px;
}

body.mw-special-Upload #mw-upload-form textarea {
    min-height: 64px;
}


/* Compact help text */

body.mw-special-Upload #mw-upload-form .htmlform-tip,
body.mw-special-Upload #mw-upload-form .mw-htmlform-help,
body.mw-special-Upload #mw-upload-form .oo-ui-fieldLayout-help {
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.3;
}


/* ============================================================
   WIKIPARTNER CUSTOM SELECT
============================================================ */

body.mw-special-Upload .wp-select {
    position: relative;
    width: 100%;
}

body.mw-special-Upload .wp-select-native {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

body.mw-special-Upload .wp-select-button {
    position: relative;
    width: 100%;
    min-height: 38px;
    padding: 7px 38px 7px 12px;
    border: 1px solid #b8c6c4;
    border-radius: 7px;
    background: #fff;
    color: #202122;
    text-align: left;
    font: inherit;
    cursor: pointer;
}

body.mw-special-Upload .wp-select-button:hover {
    border-color: #0f6b65;
}

body.mw-special-Upload .wp-select-button:focus,
body.mw-special-Upload .wp-select.is-open .wp-select-button {
    outline: none;
    border-color: #0f6b65;
    box-shadow: 0 0 0 2px rgba(15, 107, 101, 0.15);
}

body.mw-special-Upload .wp-select-button::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 7px;
    height: 7px;
    margin-top: -5px;
    border-right: 2px solid #0f6b65;
    border-bottom: 2px solid #0f6b65;
    transform: rotate(45deg);
}

body.mw-special-Upload .wp-select.is-open
.wp-select-button::after {
    margin-top: -1px;
    transform: rotate(225deg);
}

body.mw-special-Upload .wp-select-menu {
    position: absolute;
    z-index: 1000;
    top: calc(100% + 5px);
    left: 0;
    right: 0;
    max-height: 280px;
    padding: 5px;
    overflow-y: auto;
    border: 1px solid #0f6b65;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.13);
}

body.mw-special-Upload .wp-select-option {
    display: block;
    width: 100%;
    margin: 0;
    padding: 8px 10px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #202122;
    text-align: left;
    font: inherit;
    cursor: pointer;
}

body.mw-special-Upload .wp-select-option:hover,
body.mw-special-Upload .wp-select-option:focus {
    outline: none;
    background: rgba(15, 107, 101, 0.09);
    color: #0f6b65;
}

body.mw-special-Upload .wp-select-option.is-selected {
    background: #0f6b65;
    color: #fff;
}


@media (max-width: 700px) {

    body.mw-special-Upload .wp-upload-intro {
        padding: 11px 12px;
    }

    body.mw-special-Upload #mw-upload-form fieldset {
        padding: 13px 14px;
    }

}

/* ============================================================
   WikiPartner filename warning
============================================================ */

body.mw-special-Upload #wpDestFileWarning.wp-filename-warning {

    margin-top: 8px;
    padding: 9px 12px;

    border: 1px solid #d6b35a;
    border-left: 4px solid #c89b2c;

    border-radius: 7px;

    background: rgba(200,155,44,0.10);

    color: #202122;

    font-size: 13px;
    line-height: 1.4;

}

.wp-leave-modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:99999;
}

.wp-leave-box {
    width:420px;
    max-width:90%;
    padding:25px;
    background:white;
    border-radius:12px;
    border-top:5px solid #0f6b65;
    box-shadow:0 15px 40px rgba(0,0,0,.2);
}

/* ============================================================
   WIKIPARTNER — PERSON PAGE SPACING
   Tighten the space between page title and lead paragraph.
============================================================ */

.mw-parser-output > p:first-of-type {
	margin-top: 0 !important;
}

/* Tighten spacing below infobox image and caption */

.infobox-image {
	padding-bottom: 6px !important;
}

.infobox-image img {
	margin-bottom: 0 !important;
}

.infobox-caption {
	margin-top: 4px !important;
	margin-bottom: 4px !important;
}

/* Reduce excess space before the first infobox data row */

.infobox-image + tr th,
.infobox-image + tr td {
	padding-top: 6px !important;
}

/* ============================================================
   WIKIPARTNER — PERSON INFOBOX SPACING FIX
   ============================================================ */

/* Keep the lead paragraph close to the page title */
.mw-parser-output > .wp-infobox ~ p:first-of-type {
    margin-top: 0 !important;
}

/* Image container */
.wp-article-body .wp-infobox .wp-infobox-image {
    margin: 0 !important;
    padding: 0 !important;
}

/* Image */
.wp-article-body .wp-infobox .wp-infobox-image img {
    display: block !important;
    margin: 0 auto !important;
}

/* Caption */
.wp-article-body .wp-infobox .wp-infobox-caption {
    margin: 4px 0 4px !important;
    padding: 0 !important;
    line-height: 1.35 !important;
}

/* Data section */
.wp-article-body .wp-infobox .wp-infobox-data {
    margin: 0 !important;
    padding-top: 0 !important;
}

/* First information row */
.wp-article-body .wp-infobox .wp-infobox-data .wp-infobox-row:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* All information rows */
.wp-article-body .wp-infobox .wp-infobox-row {
    margin: 0 !important;
}

/* First row after image/caption */
.wp-article-body .wp-infobox .wp-infobox-caption + .wp-infobox-data .wp-infobox-row:first-child {
    padding-top: 0 !important;
}

/* ============================================================
   WIKIPARTNER — SPECIAL: NEW PAGES
============================================================ */


/* ============================================================
   1. PAGE INTRO
============================================================ */

body.mw-special-Newpages
.wp-newpages-intro {
    margin:
        0
        0
        22px;

    padding:
        15px
        17px;

    background:
        var(--wp-surface);

    color:
        var(--wp-text);

    border:
        1px solid
        var(--wp-border);

    border-left:
        4px solid
        var(--wp-teal);

    border-radius:
        9px;

    font-size:
        14px;

    line-height:
        1.6;
}


/* Remove extra spacing around MediaWiki's summary wrapper */

body.mw-special-Newpages
.mw-specialpage-summary {
    margin:
        0
        0
        22px;
}


/* ============================================================
   2. FILTER FORM
============================================================ */

body.mw-special-Newpages
.mw-htmlform {
    margin:
        0
        0
        28px;
}


/* Main filter card */

body.mw-special-Newpages
.mw-htmlform fieldset {
    margin:
        0 !important;

    padding:
        20px !important;

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-text);

    border:
        1px solid
        var(--wp-border) !important;

    border-top:
        4px solid
        var(--wp-teal) !important;

    border-radius:
        12px !important;

    box-shadow:
        var(--wp-shadow);
}


/* Form legend */

body.mw-special-Newpages
.mw-htmlform legend {
    padding:
        0
        8px;

    color:
        var(--wp-text);

    font-size:
        15px;

    font-weight:
        700;

    line-height:
        1.4;
}


/* ============================================================
   3. FORM FIELD SPACING
============================================================ */

body.mw-special-Newpages
.mw-htmlform
.oo-ui-fieldLayout {
    margin-top:
        14px;
}


body.mw-special-Newpages
.mw-htmlform
.oo-ui-fieldLayout:first-child {
    margin-top:
        0;
}


/* Labels */

body.mw-special-Newpages
.mw-htmlform
.oo-ui-fieldLayout-header,

body.mw-special-Newpages
.mw-htmlform
.mw-label,

body.mw-special-Newpages
.mw-htmlform label {
    color:
        var(--wp-text);

    font-size:
        13.5px;

    font-weight:
        600;
}


/* ============================================================
   4. TEXT / SELECT CONTROLS
============================================================ */

body.mw-special-Newpages
.mw-htmlform
.oo-ui-textInputWidget,

body.mw-special-Newpages
.mw-htmlform
.oo-ui-dropdownInputWidget {
    width:
        100%;

    max-width:
        720px;
}


body.mw-special-Newpages
.mw-htmlform
.oo-ui-inputWidget-input,

body.mw-special-Newpages
.mw-htmlform
select,

body.mw-special-Newpages
.mw-htmlform
input[type="text"] {
    min-height:
        40px;

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        7px !important;

    box-shadow:
        none !important;

    font-size:
        14px;
}


/* Namespace */

body.mw-special-Newpages
.mw-htmlform
select[name="namespace"] {
    width:
        100%;

    max-width:
        720px;
}


/* Username */

body.mw-special-Newpages
#mw-np-username {
    width:
        100% !important;

    max-width:
        720px !important;

    box-sizing:
        border-box;
}


/* Focus */

body.mw-special-Newpages
.mw-htmlform
.oo-ui-inputWidget-input:focus,

body.mw-special-Newpages
.mw-htmlform
select:focus,

body.mw-special-Newpages
.mw-htmlform
input[type="text"]:focus {
    border-color:
        var(--wp-teal) !important;

    outline:
        none !important;

    box-shadow:
        0 0 0 3px
        rgba(15, 107, 101, .12) !important;
}


/* ============================================================
   5. CHECKBOXES + RADIO BUTTONS
============================================================ */

body.mw-special-Newpages
.mw-htmlform
input[type="checkbox"],

body.mw-special-Newpages
.mw-htmlform
input[type="radio"] {
    accent-color:
        var(--wp-teal);
}


body.mw-special-Newpages
.mw-htmlform
.oo-ui-checkboxInputWidget,

body.mw-special-Newpages
.mw-htmlform
.oo-ui-radioInputWidget {
    margin-right:
        5px;
}


/* ============================================================
   6. APPLY FILTERS BUTTON
============================================================ */

body.mw-special-Newpages
.mw-htmlform
button[type="submit"],

body.mw-special-Newpages
.mw-htmlform
input[type="submit"],

body.mw-special-Newpages
.mw-htmlform
.oo-ui-buttonElement-button {
    min-height:
        38px;

    padding:
        7px
        15px !important;

    background:
        var(--wp-teal) !important;

    color:
        #FFFFFF !important;

    border:
        1px solid
        var(--wp-teal) !important;

    border-radius:
        7px !important;

    box-shadow:
        none !important;

    font-size:
        13.5px !important;

    font-weight:
        700 !important;

    cursor:
        pointer;
}


body.mw-special-Newpages
.mw-htmlform
button[type="submit"]:hover,

body.mw-special-Newpages
.mw-htmlform
input[type="submit"]:hover,

body.mw-special-Newpages
.mw-htmlform
.oo-ui-buttonElement-button:hover {
    background:
        var(--wp-teal-dark) !important;

    border-color:
        var(--wp-teal-dark) !important;
}


/* ============================================================
   7. FORM FOOTER FILTER LINKS
============================================================ */

body.mw-special-Newpages
.mw-htmlform fieldset a {
    color:
        var(--wp-teal) !important;

    font-size:
        13px;

    font-weight:
        600;

    text-decoration:
        none;
}


body.mw-special-Newpages
.mw-htmlform fieldset a:hover {
    color:
        var(--wp-teal-dark) !important;

    text-decoration:
        underline;
}


/* ============================================================
   8. NEW PAGE RESULTS
============================================================ */

body.mw-special-Newpages
.mw-pager-body {
    display:
        grid;

    gap:
        10px;

    margin:
        8px
        0
        20px;

    padding:
        0;
}


/* Section heading */

body.mw-special-Newpages
.mw-pager-body::before {
    content:
        "Recently created pages";

    display:
        block;

    margin:
        0
        0
        4px;

    padding:
        0
        0
        9px;

    color:
        var(--wp-text);

    border-bottom:
        1px solid
        var(--wp-border);

    font-size:
        18px;

    font-weight:
        700;

    line-height:
        1.35;
}


/* Each new-page result becomes a card */

body.mw-special-Newpages
.mw-pager-body > li,

body.mw-special-Newpages
li[data-mw-revid] {
    display:
        block;

    margin:
        0;

    padding:
        14px
        16px;

    background:
        var(--wp-surface);

    color:
        var(--wp-text);

    border:
        1px solid
        var(--wp-border);

    border-left:
        4px solid
        var(--wp-teal);

    border-radius:
        9px;

    box-shadow:
        0 3px 12px
        rgba(18, 35, 63, .04);

    font-size:
        13.5px;

    line-height:
        1.65;

    list-style:
        none;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}


body.mw-special-Newpages
.mw-pager-body > li:hover,

body.mw-special-Newpages
li[data-mw-revid]:hover {
    border-color:
        var(--wp-teal);

    box-shadow:
        0 5px 16px
        rgba(18, 35, 63, .07);
}


/* Remove old bullet marker */

body.mw-special-Newpages
li[data-mw-revid]::marker {
    content:
        "";
}


/* Unpatrolled item */

body.mw-special-Newpages
li.not-patrolled {
    border-left-color:
        var(--wp-gold);
}


/* ============================================================
   9. PAGE NAME
============================================================ */

body.mw-special-Newpages
.mw-newpages-pagename {
    color:
        var(--wp-teal) !important;

    font-size:
        14.5px;

    font-weight:
        700;

    text-decoration:
        none;
}


body.mw-special-Newpages
.mw-newpages-pagename:hover {
    color:
        var(--wp-teal-dark) !important;

    text-decoration:
        underline;
}


/* ============================================================
   10. TIME + BYTE COUNT
============================================================ */

body.mw-special-Newpages
.mw-newpages-time {
    display:
        inline-block;

    margin-right:
        4px;

    color:
        var(--wp-muted);

    font-size:
        12.5px;

    font-weight:
        500;
}


body.mw-special-Newpages
.mw-newpages-length {
    color:
        var(--wp-muted);

    font-size:
        12.5px;
}


/* ============================================================
   11. HISTORY / EDIT LINKS
============================================================ */

body.mw-special-Newpages
.mw-newpages-history,

body.mw-special-Newpages
.mw-newpages-edit {
    color:
        var(--wp-teal) !important;

    font-size:
        12.5px;

    font-weight:
        600;

    text-decoration:
        none;
}


body.mw-special-Newpages
.mw-newpages-history:hover,

body.mw-special-Newpages
.mw-newpages-edit:hover {
    color:
        var(--wp-teal-dark) !important;

    text-decoration:
        underline;
}


/* ============================================================
   12. EDIT SUMMARY / COMMENTS
============================================================ */

body.mw-special-Newpages
.comment {
    color:
        var(--wp-muted);

    font-size:
        13px;
}


/* ============================================================
   13. USER TOOLS
============================================================ */

body.mw-special-Newpages
.mw-userlink,

body.mw-special-Newpages
.mw-usertoollinks a {
    color:
        var(--wp-teal) !important;

    text-decoration:
        none;
}


body.mw-special-Newpages
.mw-userlink:hover,

body.mw-special-Newpages
.mw-usertoollinks a:hover {
    color:
        var(--wp-teal-dark) !important;

    text-decoration:
        underline;
}


/* ============================================================
   14. PAGER NAVIGATION
============================================================ */

body.mw-special-Newpages
.mw-pager-navigation-bar {
    margin:
        16px
        0;

    padding:
        10px
        14px;

    background:
        var(--wp-surface);

    color:
        var(--wp-muted);

    border:
        1px solid
        var(--wp-border);

    border-radius:
        8px;

    font-size:
        13px;

    line-height:
        1.6;
}


body.mw-special-Newpages
.mw-pager-navigation-bar a {
    color:
        var(--wp-teal) !important;

    font-weight:
        600;

    text-decoration:
        none;
}


body.mw-special-Newpages
.mw-pager-navigation-bar a:hover {
    color:
        var(--wp-teal-dark) !important;

    text-decoration:
        underline;
}


body.mw-special-Newpages
.mw-pager-navigation-bar:empty {
    display:
        none;
}


/* ============================================================
   15. GENERAL LINKS ON THIS SPECIAL PAGE
============================================================ */

body.mw-special-Newpages
.wp-article-body a {
    text-underline-offset:
        2px;
}


/* ============================================================
   16. MOBILE
============================================================ */

@media (max-width: 800px) {

    body.mw-special-Newpages
    .mw-htmlform fieldset {
        padding:
            16px !important;
    }


    body.mw-special-Newpages
    .mw-htmlform
    .oo-ui-textInputWidget,

    body.mw-special-Newpages
    .mw-htmlform
    .oo-ui-dropdownInputWidget,

    body.mw-special-Newpages
    #mw-np-username {
        width:
            100% !important;

        max-width:
            none !important;
    }


    body.mw-special-Newpages
    .mw-pager-body > li,

    body.mw-special-Newpages
    li[data-mw-revid] {
        padding:
            13px
            14px;

        font-size:
            13px;

        line-height:
            1.7;
    }


    body.mw-special-Newpages
    .mw-pager-body::before {
        font-size:
            17px;
    }
}

/* ============================================================
   WIKIPARTNER — CONTRIBUTIONS USER SUMMARY + USER INFO
============================================================ */


/* ============================================================
   TOP SUMMARY
============================================================ */

body.mw-special-Contributions
.wp-contrib-summary,

body.page-Special_Contributions
.wp-contrib-summary {
    margin:
        0
        0
        20px;

    padding:
        2px
        0
        16px;

    color:
        var(--wp-text);

    border-bottom:
        1px solid
        var(--wp-border);

    font-size:
        13.5px;

    line-height:
        1.65;
}


body.mw-special-Contributions
.wp-contrib-summary-links,

body.page-Special_Contributions
.wp-contrib-summary-links {
    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        center;

    gap:
        0;
}


body.mw-special-Contributions
.wp-contrib-summary-label,

body.page-Special_Contributions
.wp-contrib-summary-label {
    color:
        var(--wp-text);
}


body.mw-special-Contributions
.wp-contrib-summary a,

body.page-Special_Contributions
.wp-contrib-summary a {
    color:
        var(--wp-teal) !important;

    font-weight:
        600;

    text-decoration:
        none !important;
}


body.mw-special-Contributions
.wp-contrib-summary a:hover,

body.page-Special_Contributions
.wp-contrib-summary a:hover {
    color:
        var(--wp-teal-dark) !important;

    text-decoration:
        underline !important;
}


body.mw-special-Contributions
.wp-contrib-summary-user,

body.page-Special_Contributions
.wp-contrib-summary-user {
    margin-left:
        4px;
}


body.mw-special-Contributions
.wp-contrib-separator,

body.page-Special_Contributions
.wp-contrib-separator {
    margin:
        0
        7px;

    color:
        var(--wp-muted);

    font-weight:
        400;
}


body.mw-special-Contributions
.wp-contrib-summary-stats,

body.page-Special_Contributions
.wp-contrib-summary-stats {
    margin-top:
        3px;

    color:
        var(--wp-muted);
}


body.mw-special-Contributions
.wp-contrib-summary-stats strong,

body.page-Special_Contributions
.wp-contrib-summary-stats strong {
    color:
        var(--wp-text);

    font-weight:
        600;
}


/* ============================================================
   REMOVE OLD CORE USER-TOOLS BLOCK
   Our custom panel replaces it.
============================================================ */

body.mw-special-Contributions
.mw-contributions-user-tools,

body.page-Special_Contributions
.mw-contributions-user-tools {
    display:
        none !important;
}


/* ============================================================
   BOTTOM USER TOOLS PANEL
============================================================ */

body.mw-special-Contributions
.wp-contrib-user-panel,

body.page-Special_Contributions
.wp-contrib-user-panel {
    margin:
        18px
        0
        0;

    padding:
        12px
        14px;

    background:
        var(--wp-surface-2);

    color:
        var(--wp-text);

    border:
        1px solid
        var(--wp-border);

    border-left:
        3px solid
        var(--wp-teal);

    border-radius:
        8px;
}


/* Tool row */

body.mw-special-Contributions
.wp-contrib-user-tools-row,

body.page-Special_Contributions
.wp-contrib-user-tools-row {
    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        center;

    color:
        var(--wp-muted);

    font-size:
        12.5px;

    line-height:
        1.7;
}


body.mw-special-Contributions
.wp-contrib-user-tools-row a,

body.page-Special_Contributions
.wp-contrib-user-tools-row a {
    color:
        var(--wp-teal) !important;

    font-weight:
        600;

    text-decoration:
        none !important;
}


body.mw-special-Contributions
.wp-contrib-user-tools-row a:hover,

body.page-Special_Contributions
.wp-contrib-user-tools-row a:hover {
    color:
        var(--wp-teal-dark) !important;

    text-decoration:
        underline !important;
}


body.mw-special-Contributions
.wp-contrib-tool-username,

body.page-Special_Contributions
.wp-contrib-tool-username {
    font-weight:
        700;
}


body.mw-special-Contributions
.wp-contrib-tool-colon,

body.page-Special_Contributions
.wp-contrib-tool-colon {
    color:
        var(--wp-text);
}


body.mw-special-Contributions
.wp-contrib-tool-separator,

body.page-Special_Contributions
.wp-contrib-tool-separator {
    margin:
        0
        8px;

    color:
        var(--wp-muted);
}


body.mw-special-Contributions
.wp-contrib-tool-secondary,

body.page-Special_Contributions
.wp-contrib-tool-secondary {
    color:
        var(--wp-muted);
}


body.mw-special-Contributions
.wp-contrib-unavailable,

body.page-Special_Contributions
.wp-contrib-unavailable {
    color:
        var(--wp-muted) !important;

    font-weight:
        500;

    cursor:
        help;

    opacity:
        .72;
}


/* ============================================================
   HIDE EMPTY PAGER BOX
============================================================ */

body.mw-special-Contributions
.mw-pager-navigation-bar:not(:has(a)),

body.page-Special_Contributions
.mw-pager-navigation-bar:not(:has(a)) {
    display:
        none !important;
}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 700px) {

    body.mw-special-Contributions
    .wp-contrib-user-panel,

    body.page-Special_Contributions
    .wp-contrib-user-panel {
        padding:
            11px
            12px;
    }


    body.mw-special-Contributions
    .wp-contrib-user-tools-row,

    body.page-Special_Contributions
    .wp-contrib-user-tools-row {
        font-size:
            12px;
    }
}

/* ============================================================
   WIKIPARTNER — SUGGEST AN ARTICLE
============================================================ */

body.page-WikiPartner_Suggest_an_article
.wp-suggest-page {
    width: 100%;
    min-width: 0;
}


/* ============================================================
   HERO
============================================================ */

body.page-WikiPartner_Suggest_an_article
.wp-suggest-hero {
    margin: 0 0 28px;
    padding: 24px 26px;

    background: var(--wp-surface-2);

    border: 1px solid var(--wp-border);
    border-left: 4px solid var(--wp-teal);
    border-radius: 11px;

    box-sizing: border-box;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-eyebrow {
    margin: 0 0 8px;

    color: var(--wp-teal);

    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;

    line-height: 1.2;
    letter-spacing: 1.4px;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-lead {
    max-width: 820px;

    color: var(--wp-heading);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 23px;
    font-weight: 600;

    line-height: 1.35;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-description {
    max-width: 800px;

    margin-top: 10px;

    color: var(--wp-muted);

    font-size: 14px;
    line-height: 1.65;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;

    margin-top: 17px;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-meta span {
    padding: 5px 9px;

    background: var(--wp-surface);

    color: var(--wp-muted);

    border: 1px solid var(--wp-border);
    border-radius: 999px;

    font-size: 11.5px;
    font-weight: 600;
}


/* ============================================================
   PAGE HEADINGS
============================================================ */

body.page-WikiPartner_Suggest_an_article
.wp-suggest-page h2 {
    margin: 30px 0 14px !important;
    padding: 0 0 9px !important;

    border-bottom: 1px solid var(--wp-border) !important;

    color: var(--wp-heading);
}


/* ============================================================
   BEFORE YOU SUGGEST
============================================================ */

body.page-WikiPartner_Suggest_an_article
.wp-suggest-check-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;

    margin: 0 0 26px;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-check-card {
    padding: 17px;

    background: var(--wp-surface);

    border: 1px solid var(--wp-border);
    border-radius: 9px;

    box-sizing: border-box;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-check-number {
    margin-bottom: 12px;

    color: var(--wp-teal);

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1px;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-check-title {
    margin-bottom: 6px;

    color: var(--wp-text);

    font-size: 14px;
    font-weight: 700;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-check-text {
    color: var(--wp-muted);

    font-size: 13px;
    line-height: 1.55;
}


/* ============================================================
   WHAT TO INCLUDE
============================================================ */

body.page-WikiPartner_Suggest_an_article
.wp-suggest-requirements {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;

    margin-bottom: 25px;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-requirement {
    display: flex;
    gap: 11px;
    align-items: flex-start;

    padding: 14px 15px;

    background: var(--wp-surface);

    border: 1px solid var(--wp-border);
    border-radius: 8px;

    font-size: 13.5px;
    line-height: 1.5;

    box-sizing: border-box;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-requirement-mark {
    display: flex;
    flex: 0 0 27px;

    align-items: center;
    justify-content: center;

    width: 27px;
    height: 27px;

    background: var(--wp-surface-2);

    color: var(--wp-teal);

    border: 1px solid var(--wp-border);
    border-radius: 50%;

    font-size: 11px;
    font-weight: 700;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-requirement-text {
    margin-top: 3px;

    color: var(--wp-muted);

    font-size: 12.5px;
}


/* ============================================================
   SUBMIT CTA
============================================================ */

body.page-WikiPartner_Suggest_an_article
.wp-suggest-submit-panel {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin: 26px 0 32px;
    padding: 20px 22px;

    background: var(--wp-surface-2);

    border: 1px solid var(--wp-border);
    border-top: 3px solid var(--wp-teal);
    border-radius: 10px;

    box-sizing: border-box;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-submit-title {
    color: var(--wp-heading);

    font-size: 16px;
    font-weight: 700;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-submit-text {
    max-width: 650px;

    margin-top: 4px;

    color: var(--wp-muted);

    font-size: 13px;
    line-height: 1.55;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-submit-action {
    flex: 0 0 auto;
}


/* Existing CTA becomes stronger inside this panel */

body.page-WikiPartner_Suggest_an_article
.wp-suggest-submit-action a,
body.page-WikiPartner_Suggest_an_article
.wp-suggest-submit-action .mw-ui-button,
body.page-WikiPartner_Suggest_an_article
.wp-suggest-submit-action .oo-ui-buttonElement-button {
    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    min-height: 40px;

    padding: 8px 16px !important;

    background: var(--wp-teal) !important;
    color: #fff !important;

    border: 1px solid var(--wp-teal) !important;
    border-radius: 7px !important;

    box-shadow: none !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    text-decoration: none !important;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-submit-action a:hover,
body.page-WikiPartner_Suggest_an_article
.wp-suggest-submit-action .mw-ui-button:hover,
body.page-WikiPartner_Suggest_an_article
.wp-suggest-submit-action .oo-ui-buttonElement-button:hover {
    background: var(--wp-teal-dark) !important;
    border-color: var(--wp-teal-dark) !important;
}


/* ============================================================
   REVIEW PROCESS
============================================================ */

body.page-WikiPartner_Suggest_an_article
.wp-suggest-process {
    position: relative;

    margin: 0 0 20px;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-process-item {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 13px;

    padding: 14px 0;

    border-bottom: 1px solid var(--wp-border);
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-process-item:last-child {
    border-bottom: 0;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-process-step {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    background: var(--wp-surface-2);

    color: var(--wp-teal);

    border: 1px solid var(--wp-border);
    border-radius: 7px;

    font-size: 10px;
    font-weight: 700;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-process-content {
    color: var(--wp-muted);

    font-size: 13px;
    line-height: 1.6;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-process-title {
    margin-bottom: 3px;

    color: var(--wp-text);

    font-size: 14px;
    font-weight: 700;
}


/* ============================================================
   POSSIBLE OUTCOMES
============================================================ */

body.page-WikiPartner_Suggest_an_article
.wp-suggest-status-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;

    margin: 16px 0 24px;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-status {
    position: relative;

    padding: 13px 14px 13px 32px;

    background: var(--wp-surface);

    color: var(--wp-muted);

    border: 1px solid var(--wp-border);
    border-radius: 8px;

    font-size: 12.5px;
    line-height: 1.5;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-status strong {
    color: var(--wp-text);
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-status-dot {
    position: absolute;

    top: 16px;
    left: 13px;

    width: 8px;
    height: 8px;

    background: var(--wp-teal);

    border-radius: 50%;
}


/* ============================================================
   IMPORTANT NOTE
============================================================ */

body.page-WikiPartner_Suggest_an_article
.wp-suggest-note {
    margin: 24px 0 14px;
    padding: 13px 15px;

    background: var(--wp-surface-2);

    color: var(--wp-muted);

    border: 1px solid var(--wp-border);
    border-left: 3px solid var(--wp-gold);
    border-radius: 8px;

    font-size: 13px;
    line-height: 1.6;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-note strong {
    color: var(--wp-text);
}


/* ============================================================
   HELP LINKS
============================================================ */

body.page-WikiPartner_Suggest_an_article
.wp-suggest-help {
    margin: 14px 0 4px;

    color: var(--wp-muted);

    font-size: 12.5px;
    line-height: 1.8;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-help span {
    margin: 0 6px;

    color: var(--wp-border);
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-help a {
    color: var(--wp-teal) !important;

    font-weight: 600;

    text-decoration: none;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-help a:hover {
    color: var(--wp-teal-dark) !important;

    text-decoration: underline;
}


/* ============================================================
   REMOVE EMPTY BOTTOM BAR IF PRESENT
============================================================ */

body.page-WikiPartner_Suggest_an_article
.mw-pager-navigation-bar:not(:has(a)) {
    display: none !important;
}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 800px) {

    body.page-WikiPartner_Suggest_an_article
    .wp-suggest-hero {
        padding: 19px;
    }


    body.page-WikiPartner_Suggest_an_article
    .wp-suggest-lead {
        font-size: 20px;
    }


    body.page-WikiPartner_Suggest_an_article
    .wp-suggest-check-grid,

    body.page-WikiPartner_Suggest_an_article
    .wp-suggest-status-row {
        grid-template-columns: 1fr;
    }


    body.page-WikiPartner_Suggest_an_article
    .wp-suggest-requirements {
        grid-template-columns: 1fr;
    }


    body.page-WikiPartner_Suggest_an_article
    .wp-suggest-submit-panel {
        flex-direction: column;
        align-items: stretch;

        padding: 17px;
    }


    body.page-WikiPartner_Suggest_an_article
    .wp-suggest-submit-action {
        width: 100%;
    }


    body.page-WikiPartner_Suggest_an_article
    .wp-suggest-submit-action a,
    body.page-WikiPartner_Suggest_an_article
    .wp-suggest-submit-action .mw-ui-button,
    body.page-WikiPartner_Suggest_an_article
    .wp-suggest-submit-action .oo-ui-buttonElement-button {
        width: 100% !important;

        box-sizing: border-box;
    }
}

/* ============================================================
   WIKIPARTNER — SUGGEST PAGE SPACING FIX
============================================================ */

body.page-WikiPartner_Suggest_an_article
.wp-suggest-page > p:empty,

body.page-WikiPartner_Suggest_an_article
.wp-suggest-page p:has(> br:only-child) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    line-height: 0 !important;
}


/* Section titles replace MediaWiki headings to prevent
   parser-created gaps inside the custom layout. */

body.page-WikiPartner_Suggest_an_article
.wp-suggest-section-title {
    margin: 26px 0 13px;
    padding: 0 0 8px;

    color: var(--wp-heading);

    border-bottom: 1px solid var(--wp-border);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 21px;
    font-weight: 500;
    line-height: 1.3;
}


/* Keep CTA button from inheriting paragraph spacing */

body.page-WikiPartner_Suggest_an_article
.wp-suggest-submit-action > p {
    margin: 0 !important;
}


/* Page Forms button */

body.page-WikiPartner_Suggest_an_article
.wp-suggest-submit-action .pfFormLink {
    display: inline-block;
    margin: 0 !important;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-submit-action .pfFormLink input,
body.page-WikiPartner_Suggest_an_article
.wp-suggest-submit-action .pfFormLink button {
    min-height: 40px;

    padding: 8px 17px !important;

    background: var(--wp-teal) !important;
    color: #FFFFFF !important;

    border: 1px solid var(--wp-teal) !important;
    border-radius: 7px !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    box-shadow: none !important;
    cursor: pointer;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-submit-action .pfFormLink input:hover,
body.page-WikiPartner_Suggest_an_article
.wp-suggest-submit-action .pfFormLink button:hover {
    background: var(--wp-teal-dark) !important;
    border-color: var(--wp-teal-dark) !important;
}

/* ============================================================
   SUGGEST ARTICLE — REMOVE PAGE FORMS ARROW
============================================================ */

body.page-WikiPartner_Suggest_an_article
.wp-suggest-submit-action
.oo-ui-indicatorElement-indicator,

body.page-WikiPartner_Suggest_an_article
.wp-suggest-submit-action
.oo-ui-iconElement-icon {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* Re-center button text after removing OOUI arrow */

body.page-WikiPartner_Suggest_an_article
.wp-suggest-submit-action
.oo-ui-buttonElement-button {
    padding-left: 17px !important;
    padding-right: 17px !important;
}


body.page-WikiPartner_Suggest_an_article
.wp-suggest-submit-action
.oo-ui-labelElement-label {
    margin: 0 !important;
    color: #FFFFFF !important;
}

/* ============================================================
   WIKIPARTNER — ARTICLE SUGGESTION RECORDS
============================================================ */

.wp-article-suggestion {
    margin: 0;
    padding: 18px;

    background: var(--wp-surface);

    border: 1px solid var(--wp-border);
    border-top: 4px solid var(--wp-teal);
    border-radius: 9px;
}


.wp-suggestion-status {
    margin: 0 0 16px;
    padding: 9px 11px;

    background: var(--wp-surface-2);

    color: var(--wp-text);

    border: 1px solid var(--wp-border);
    border-left: 3px solid var(--wp-gold);
    border-radius: 6px;

    font-size: 13px;
}


.wp-suggestion-row {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);

    gap: 16px;

    padding: 12px 0;

    border-bottom: 1px solid var(--wp-border);
}


.wp-suggestion-row:last-child {
    border-bottom: 0;
}


.wp-suggestion-label {
    color: var(--wp-heading);

    font-size: 12.5px;
    font-weight: 700;
}


.wp-suggestion-value {
    min-width: 0;

    color: var(--wp-text);

    font-size: 13.5px;
    line-height: 1.65;

    overflow-wrap: anywhere;
}


/* Form intro */

body.mw-special-FormEdit
.wp-form-intro,
body.page-Special_FormEdit
.wp-form-intro {
    margin: 0 0 18px;
    padding: 11px 13px;

    background: var(--wp-surface-2);

    color: var(--wp-muted);

    border: 1px solid var(--wp-border);
    border-left: 3px solid var(--wp-teal);
    border-radius: 7px;

    font-size: 13px;
    line-height: 1.6;
}


body.mw-special-FormEdit
.wp-form-submit-note,
body.page-Special_FormEdit
.wp-form-submit-note {
    margin: 18px 0 14px;
    padding: 10px 12px;

    background: var(--wp-surface-2);

    color: var(--wp-muted);

    border: 1px solid var(--wp-border);
    border-radius: 7px;

    font-size: 12.5px;
    line-height: 1.6;
}


@media (max-width: 700px) {

    .wp-suggestion-row {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}

/* ============================================================
   WIKIPARTNER — ARTICLE SUGGESTION FORM — FINAL
============================================================ */


/* ============================================================
   FORM TYPOGRAPHY
============================================================ */

body.mw-special-FormEdit
.wp-suggestion-form,

body.page-Special_FormEdit
.wp-suggestion-form {
    color: var(--wp-text);

    font-size: 13.5px;
    line-height: 1.55;
}


/* ============================================================
   INTRO
============================================================ */

body.mw-special-FormEdit
.wp-suggestion-form .wp-form-intro,

body.page-Special_FormEdit
.wp-suggestion-form .wp-form-intro {
    margin: 0 0 20px !important;
    padding: 14px 15px !important;

    background: var(--wp-surface-2);

    border: 1px solid var(--wp-border);
    border-left: 3px solid var(--wp-teal);
    border-radius: 8px;

    color: var(--wp-text);

    font-size: 13px;
    line-height: 1.55;
}


body.mw-special-FormEdit
.wp-suggestion-form .wp-form-intro-title,

body.page-Special_FormEdit
.wp-suggestion-form .wp-form-intro-title {
    margin: 0 0 4px;

    color: var(--wp-heading);

    font-size: 14px;
    font-weight: 700;
}


body.mw-special-FormEdit
.wp-suggestion-form .wp-form-intro-text,

body.page-Special_FormEdit
.wp-suggestion-form .wp-form-intro-text {
    color: var(--wp-text);
}


body.mw-special-FormEdit
.wp-suggestion-form .wp-form-required,

body.page-Special_FormEdit
.wp-suggestion-form .wp-form-required {
    margin-top: 5px;

    color: var(--wp-muted);

    font-size: 11.5px;
}


/* ============================================================
   FORM TABLE
============================================================ */

body.mw-special-FormEdit
.wp-suggestion-form table.formtable,

body.page-Special_FormEdit
.wp-suggestion-form table.formtable {
    width: 100% !important;

    border-collapse: separate !important;
    border-spacing: 0 14px !important;
}


body.mw-special-FormEdit
.wp-suggestion-form table.formtable td,

body.page-Special_FormEdit
.wp-suggestion-form table.formtable td {
    vertical-align: top !important;
}


/* Labels */

body.mw-special-FormEdit
.wp-suggestion-form table.formtable td:first-child,

body.page-Special_FormEdit
.wp-suggestion-form table.formtable td:first-child {
    width: 165px !important;

    padding: 10px 20px 0 0 !important;

    color: var(--wp-heading) !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}


/* Input column */

body.mw-special-FormEdit
.wp-suggestion-form table.formtable td:last-child,

body.page-Special_FormEdit
.wp-suggestion-form table.formtable td:last-child {
    width: auto !important;
}


/* ============================================================
   TEXT INPUT
============================================================ */

body.mw-special-FormEdit
.wp-suggestion-form input.wp-suggest-input,

body.page-Special_FormEdit
.wp-suggestion-form input.wp-suggest-input {
    display: block;

    width: 100% !important;
    max-width: 720px !important;

    min-height: 42px;

    padding: 8px 11px !important;

    box-sizing: border-box;

    background: var(--wp-input-bg) !important;
    color: var(--wp-text) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;

    font-family: var(--wp-body-font);
    font-size: 13px !important;

    box-shadow: none !important;
}


/* ============================================================
   DROPDOWNS
============================================================ */

body.mw-special-FormEdit
.wp-suggestion-form select.wp-suggest-select,

body.page-Special_FormEdit
.wp-suggestion-form select.wp-suggest-select {
    width: 260px !important;
    max-width: 100% !important;

    min-height: 42px;

    padding: 7px 10px !important;

    box-sizing: border-box;

    background: var(--wp-input-bg) !important;
    color: var(--wp-text) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;

    font-family: var(--wp-body-font);
    font-size: 13px !important;

    box-shadow: none !important;
}


/* ============================================================
   TEXTAREAS
============================================================ */

body.mw-special-FormEdit
.wp-suggestion-form textarea.wp-suggest-textarea,

body.page-Special_FormEdit
.wp-suggestion-form textarea.wp-suggest-textarea {
    display: block;

    width: 100% !important;
    max-width: 720px !important;

    min-height: 120px;

    padding: 10px 11px !important;

    box-sizing: border-box;

    resize: vertical;

    background: var(--wp-input-bg) !important;
    color: var(--wp-text) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;

    font-family: var(--wp-body-font);
    font-size: 13px !important;
    line-height: 1.55;

    box-shadow: none !important;
}


body.mw-special-FormEdit
.wp-suggestion-form textarea.wp-suggest-sources,

body.page-Special_FormEdit
.wp-suggestion-form textarea.wp-suggest-sources {
    min-height: 145px;
}


body.mw-special-FormEdit
.wp-suggestion-form textarea.wp-suggest-connection-details,

body.page-Special_FormEdit
.wp-suggestion-form textarea.wp-suggest-connection-details {
    min-height: 90px;
}


/* ============================================================
   PLACEHOLDERS
============================================================ */

body.mw-special-FormEdit
.wp-suggestion-form input::placeholder,

body.mw-special-FormEdit
.wp-suggestion-form textarea::placeholder,

body.page-Special_FormEdit
.wp-suggestion-form input::placeholder,

body.page-Special_FormEdit
.wp-suggestion-form textarea::placeholder {
    color: var(--wp-muted) !important;

    opacity: .85;
}


/* ============================================================
   FOCUS
============================================================ */

body.mw-special-FormEdit
.wp-suggestion-form input.wp-suggest-input:focus,

body.mw-special-FormEdit
.wp-suggestion-form select.wp-suggest-select:focus,

body.mw-special-FormEdit
.wp-suggestion-form textarea.wp-suggest-textarea:focus,

body.page-Special_FormEdit
.wp-suggestion-form input.wp-suggest-input:focus,

body.page-Special_FormEdit
.wp-suggestion-form select.wp-suggest-select:focus,

body.page-Special_FormEdit
.wp-suggestion-form textarea.wp-suggest-textarea:focus {
    outline: none !important;

    border-color: var(--wp-teal) !important;

    box-shadow:
        0 0 0 3px
        rgba(15, 107, 101, .10) !important;
}


/* ============================================================
   SUBMISSION NOTE
============================================================ */

body.mw-special-FormEdit
.wp-suggestion-form .wp-form-submit-note,

body.page-Special_FormEdit
.wp-suggestion-form .wp-form-submit-note {
    margin: 20px 0 0 !important;
    padding: 12px 14px !important;

    background: var(--wp-surface-2);

    color: var(--wp-muted);

    border: 1px solid var(--wp-border);
    border-radius: 7px;

    font-size: 12px;
    line-height: 1.55;
}


/* ============================================================
   ACTION BUTTON ROW
============================================================ */

body.mw-special-FormEdit
.wp-suggestion-actions,

body.page-Special_FormEdit
.wp-suggestion-actions {
    display: flex;
    flex-wrap: wrap;

    align-items: center;

    gap: 9px;

    margin: 17px 0 0 !important;
    padding: 15px 0 0 !important;

    border-top: 1px solid var(--wp-border);
}


/* Reset OOUI wrapper styling that creates the double button */

body.mw-special-FormEdit
.wp-suggestion-actions .oo-ui-widget,

body.mw-special-FormEdit
.wp-suggestion-actions .oo-ui-buttonElement,

body.mw-special-FormEdit
.wp-suggestion-actions .oo-ui-buttonInputWidget,

body.page-Special_FormEdit
.wp-suggestion-actions .oo-ui-widget,

body.page-Special_FormEdit
.wp-suggestion-actions .oo-ui-buttonElement,

body.page-Special_FormEdit
.wp-suggestion-actions .oo-ui-buttonInputWidget {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* Remove OOUI gradients / inset effects */

body.mw-special-FormEdit
.wp-suggestion-actions .oo-ui-buttonElement-button,

body.page-Special_FormEdit
.wp-suggestion-actions .oo-ui-buttonElement-button {
    background-image: none !important;

    text-shadow: none !important;
    box-shadow: none !important;
}


/* ============================================================
   SUBMIT BUTTON
============================================================ */

body.mw-special-FormEdit
.wp-suggestion-actions #wpSave,

body.mw-special-FormEdit
.wp-suggestion-actions #wpSaveWidget .oo-ui-buttonElement-button,

body.page-Special_FormEdit
.wp-suggestion-actions #wpSave,

body.page-Special_FormEdit
.wp-suggestion-actions #wpSaveWidget .oo-ui-buttonElement-button {
    min-height: 40px !important;

    margin: 0 !important;
    padding: 8px 17px !important;

    background: var(--wp-teal) !important;
    color: #FFFFFF !important;

    border: 1px solid var(--wp-teal) !important;
    border-radius: 7px !important;

    font-family: var(--wp-body-font) !important;
    font-size: 12px !important;
    font-weight: 700 !important;

    line-height: 1.2 !important;

    text-shadow: none !important;
    box-shadow: none !important;

    cursor: pointer;
}


body.mw-special-FormEdit
.wp-suggestion-actions #wpSave:hover,

body.mw-special-FormEdit
.wp-suggestion-actions #wpSaveWidget .oo-ui-buttonElement-button:hover,

body.page-Special_FormEdit
.wp-suggestion-actions #wpSave:hover,

body.page-Special_FormEdit
.wp-suggestion-actions #wpSaveWidget .oo-ui-buttonElement-button:hover {
    background: var(--wp-teal-dark) !important;

    border-color: var(--wp-teal-dark) !important;
}


/* ============================================================
   PREVIEW BUTTON
============================================================ */

body.mw-special-FormEdit
.wp-suggestion-actions #wpPreview,

body.mw-special-FormEdit
.wp-suggestion-actions #wpPreviewWidget .oo-ui-buttonElement-button,

body.page-Special_FormEdit
.wp-suggestion-actions #wpPreview,

body.page-Special_FormEdit
.wp-suggestion-actions #wpPreviewWidget .oo-ui-buttonElement-button {
    min-height: 40px !important;

    margin: 0 !important;
    padding: 8px 15px !important;

    background: var(--wp-surface) !important;
    color: var(--wp-teal) !important;

    border: 1px solid var(--wp-border) !important;
    border-radius: 7px !important;

    font-family: var(--wp-body-font) !important;
    font-size: 12px !important;
    font-weight: 700 !important;

    line-height: 1.2 !important;

    text-shadow: none !important;
    box-shadow: none !important;

    cursor: pointer;
}


body.mw-special-FormEdit
.wp-suggestion-actions #wpPreview:hover,

body.mw-special-FormEdit
.wp-suggestion-actions #wpPreviewWidget .oo-ui-buttonElement-button:hover,

body.page-Special_FormEdit
.wp-suggestion-actions #wpPreview:hover,

body.page-Special_FormEdit
.wp-suggestion-actions #wpPreviewWidget .oo-ui-buttonElement-button:hover {
    background: var(--wp-hover-bg) !important;

    color: var(--wp-teal-dark) !important;

    border-color: var(--wp-teal) !important;
}


/* ============================================================
   CANCEL
============================================================ */

body.mw-special-FormEdit
.wp-suggestion-actions #mw-editform-cancel,

body.mw-special-FormEdit
.wp-suggestion-actions .wp-suggestion-cancel,

body.page-Special_FormEdit
.wp-suggestion-actions #mw-editform-cancel,

body.page-Special_FormEdit
.wp-suggestion-actions .wp-suggestion-cancel {
    margin: 0 !important;
    padding: 8px 4px !important;

    background: transparent !important;

    color: var(--wp-teal) !important;

    border: 0 !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    box-shadow: none !important;
}


body.mw-special-FormEdit
.wp-suggestion-actions #mw-editform-cancel:hover,

body.mw-special-FormEdit
.wp-suggestion-actions .wp-suggestion-cancel:hover,

body.page-Special_FormEdit
.wp-suggestion-actions #mw-editform-cancel:hover,

body.page-Special_FormEdit
.wp-suggestion-actions .wp-suggestion-cancel:hover {
    color: var(--wp-teal-dark) !important;

    text-decoration: underline !important;
}


/* ============================================================
   REMOVE EMPTY BOTTOM BAR
============================================================ */

body.mw-special-FormEdit
.mw-pager-navigation-bar:not(:has(a)),

body.page-Special_FormEdit
.mw-pager-navigation-bar:not(:has(a)) {
    display: none !important;
}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 700px) {

    body.mw-special-FormEdit
    .wp-suggestion-form table.formtable,

    body.mw-special-FormEdit
    .wp-suggestion-form table.formtable tbody,

    body.mw-special-FormEdit
    .wp-suggestion-form table.formtable tr,

    body.mw-special-FormEdit
    .wp-suggestion-form table.formtable td,

    body.page-Special_FormEdit
    .wp-suggestion-form table.formtable,

    body.page-Special_FormEdit
    .wp-suggestion-form table.formtable tbody,

    body.page-Special_FormEdit
    .wp-suggestion-form table.formtable tr,

    body.page-Special_FormEdit
    .wp-suggestion-form table.formtable td {
        display: block !important;

        width: 100% !important;
    }


    body.mw-special-FormEdit
    .wp-suggestion-form table.formtable td:first-child,

    body.page-Special_FormEdit
    .wp-suggestion-form table.formtable td:first-child {
        padding: 0 0 6px !important;
    }


    body.mw-special-FormEdit
    .wp-suggestion-form select.wp-suggest-select,

    body.page-Special_FormEdit
    .wp-suggestion-form select.wp-suggest-select {
        width: 100% !important;
    }


    body.mw-special-FormEdit
    .wp-suggestion-actions,

    body.page-Special_FormEdit
    .wp-suggestion-actions {
        align-items: stretch;
    }
}

/* ============================================================
   ARTICLE SUGGESTION — FIELD WIDTH FIX
============================================================ */

body.mw-special-FormEdit
.wp-suggestion-form-table,

body.page-Special_FormEdit
.wp-suggestion-form-table {
    width: 100% !important;

    table-layout: fixed !important;
}


body.mw-special-FormEdit
.wp-suggestion-form-table td:first-child,

body.page-Special_FormEdit
.wp-suggestion-form-table td:first-child {
    width: 180px !important;
}


body.mw-special-FormEdit
.wp-suggestion-form-table td:last-child,

body.page-Special_FormEdit
.wp-suggestion-form-table td:last-child {
    width: auto !important;
}


/* Wrappers */

body.mw-special-FormEdit
.wp-suggest-input,

body.mw-special-FormEdit
.wp-suggest-textarea,

body.page-Special_FormEdit
.wp-suggest-input,

body.page-Special_FormEdit
.wp-suggest-textarea {
    display: block !important;

    width: 100% !important;
    max-width: 720px !important;
}


/* Text input — class may be on input OR wrapper */

body.mw-special-FormEdit
input.wp-suggest-input,

body.mw-special-FormEdit
.wp-suggest-input input,

body.page-Special_FormEdit
input.wp-suggest-input,

body.page-Special_FormEdit
.wp-suggest-input input {
    width: 100% !important;
    max-width: 720px !important;

    min-height: 42px !important;

    box-sizing: border-box !important;
}


/* Textareas — class may be on textarea OR wrapper */

body.mw-special-FormEdit
textarea.wp-suggest-textarea,

body.mw-special-FormEdit
.wp-suggest-textarea textarea,

body.page-Special_FormEdit
textarea.wp-suggest-textarea,

body.page-Special_FormEdit
.wp-suggest-textarea textarea {
    display: block !important;

    width: 100% !important;
    max-width: 720px !important;

    box-sizing: border-box !important;
}


body.mw-special-FormEdit
textarea.wp-suggest-sources,

body.mw-special-FormEdit
.wp-suggest-sources textarea,

body.page-Special_FormEdit
textarea.wp-suggest-sources,

body.page-Special_FormEdit
.wp-suggest-sources textarea {
    min-height: 145px !important;
}


body.mw-special-FormEdit
textarea.wp-suggest-connection-details,

body.mw-special-FormEdit
.wp-suggest-connection-details textarea,

body.page-Special_FormEdit
textarea.wp-suggest-connection-details,

body.page-Special_FormEdit
.wp-suggest-connection-details textarea {
    min-height: 90px !important;
}


/* Dropdown wrapper */

body.mw-special-FormEdit
.wp-suggest-select,

body.page-Special_FormEdit
.wp-suggest-select {
    width: 260px !important;
    max-width: 100% !important;
}


/* Actual dropdown */

body.mw-special-FormEdit
select.wp-suggest-select,

body.mw-special-FormEdit
.wp-suggest-select select,

body.page-Special_FormEdit
select.wp-suggest-select,

body.page-Special_FormEdit
.wp-suggest-select select {
    width: 260px !important;
    max-width: 100% !important;

    min-height: 42px !important;

    box-sizing: border-box !important;
}


/* Select2 / OOUI dropdown if Page Forms upgrades the field */

body.mw-special-FormEdit
.wp-suggest-select .select2-container,

body.mw-special-FormEdit
.wp-suggest-select .oo-ui-dropdownInputWidget,

body.page-Special_FormEdit
.wp-suggest-select .select2-container,

body.page-Special_FormEdit
.wp-suggest-select .oo-ui-dropdownInputWidget {
    width: 260px !important;
    max-width: 100% !important;
}

/* ============================================================
   ARTICLE SUGGESTION — READABILITY
============================================================ */

body.mw-special-FormEdit
.wp-suggestion-form-table td:first-child,

body.page-Special_FormEdit
.wp-suggestion-form-table td:first-child {
    color: var(--wp-heading) !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    line-height: 1.4 !important;
}


body.mw-special-FormEdit
.wp-suggestion-form input,

body.mw-special-FormEdit
.wp-suggestion-form select,

body.mw-special-FormEdit
.wp-suggestion-form textarea,

body.page-Special_FormEdit
.wp-suggestion-form input,

body.page-Special_FormEdit
.wp-suggestion-form select,

body.page-Special_FormEdit
.wp-suggestion-form textarea {
    font-size: 13px !important;
}

/* ============================================================
   ARTICLE SUGGESTION — REMOVE UNUSED EDIT TOOLS
============================================================ */

body.mw-special-FormEdit
.wp-suggestion-form ~ .mw-editTools,

body.page-Special_FormEdit
.wp-suggestion-form ~ .mw-editTools,

body.mw-special-FormEdit
#editpage-specialchars,

body.page-Special_FormEdit
#editpage-specialchars {
    display: none !important;

    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}

/* =========================================================
   WIKIPARTNER — CONFIRM EMAIL
   Uses the existing WikiPartner account-page shell
   ========================================================= */

body.wp-auth-confirm .wp-article-header::after {
    content: "Email verification for your WikiPartner account.";
    display: block;
    margin-top: 8px;
    color: var(--wp-muted);
    font-size: 11.5px;
    line-height: 1.5;
    text-align: center;
}


/* Confirmation result */

body.wp-auth-confirm .wp-confirm-email-result {
    width: 100%;
    text-align: center;
}

body.wp-auth-confirm .wp-confirm-email-state {
    margin: 0 0 13px;
    color: var(--wp-teal);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

body.wp-auth-confirm .wp-confirm-email-text {
    max-width: 420px;
    margin: 0 auto 24px;
    color: var(--wp-muted);
    font-size: 13px;
    line-height: 1.7;
    text-align: center;
}


/* Primary action */

body.wp-auth-confirm .wp-confirm-email-primary {
    width: 100%;
    margin: 0;
}

body.wp-auth-confirm .wp-confirm-email-primary a,
body.wp-auth-confirm .wp-confirm-email-primary a:visited {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    padding: 0 18px;
    box-sizing: border-box;
    border: 1px solid var(--wp-teal);
    border-radius: 8px;
    background: var(--wp-teal);
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none !important;
}

body.wp-auth-confirm .wp-confirm-email-primary a:hover,
body.wp-auth-confirm .wp-confirm-email-primary a:focus {
    filter: brightness(.93);
    color: #fff !important;
    text-decoration: none !important;
}


/* Secondary action */

body.wp-auth-confirm .wp-confirm-email-secondary {
    margin-top: 16px;
    text-align: center;
}

body.wp-auth-confirm .wp-confirm-email-secondary a,
body.wp-auth-confirm .wp-confirm-email-secondary a:visited {
    color: var(--wp-teal) !important;
    font-size: 11.5px;
    font-weight: 600;
    text-decoration: none !important;
}

body.wp-auth-confirm .wp-confirm-email-secondary a:hover,
body.wp-auth-confirm .wp-confirm-email-secondary a:focus {
    text-decoration: underline !important;
}


/* MediaWiki adds its own return link after some confirmation states.
   Our page already provides the correct actions. */

body.wp-auth-confirm .mw-returnto {
    display: none !important;
}


/* Account pages should not show article-only elements. */

body.wp-auth-confirm #catlinks,
body.wp-auth-confirm .catlinks,
body.wp-auth-confirm .wp-title-toc,
body.wp-auth-confirm #wp-toc,
body.wp-auth-confirm .wp-page-actions,
body.wp-auth-confirm .wp-article-meta {
    display: none !important;
}

/* =========================================================
   WIKIPARTNER — PAGE INFORMATION
   action=info
   ========================================================= */


/* ---------------------------------------------------------
   Content width
   --------------------------------------------------------- */

body.wp-page-info .mw-body-content {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
}


/* ---------------------------------------------------------
   Main heading
   --------------------------------------------------------- */

body.wp-page-info .mw-first-heading {
    margin-bottom: 8px;
    color: #14233d;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 500;
    line-height: 1.25;
}

body.wp-page-info .mw-first-heading::before {
    content: "WIKIPARTNER PAGE INFORMATION";
    display: block;
    margin: 0 0 7px;
    color: #0f766e;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1.2px;
}

body.wp-page-info .mw-first-heading::after {
    content: "Technical and editorial information about this WikiPartner page.";
    display: block;
    margin-top: 9px;
    color: #68707c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6;
}


/* ---------------------------------------------------------
   Section headings
   --------------------------------------------------------- */

body.wp-page-info #mw-content-text h2 {
    margin: 30px 0 12px;
    padding: 0;
    border: 0;
    color: #14233d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.35;
}

body.wp-page-info #mw-content-text h2:first-child {
    margin-top: 20px;
}


/* ---------------------------------------------------------
   Information cards / tables
   --------------------------------------------------------- */

body.wp-page-info table.mw-page-info {
    width: 100% !important;
    margin: 0 0 22px !important;
    border: 1px solid #ded9d0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 12px;
    overflow: hidden;
    background: #ffffff !important;
    box-shadow: 0 5px 18px rgba(18, 35, 63, 0.04);
    font-size: 13px;
    line-height: 1.55;
}

body.wp-page-info table.mw-page-info tr {
    background: #ffffff !important;
}

body.wp-page-info table.mw-page-info td {
    padding: 11px 14px !important;
    box-sizing: border-box;
    border: 0 !important;
    border-bottom: 1px solid #ebe7df !important;
    background: #ffffff !important;
    color: #4f5968;
    vertical-align: top !important;
}

body.wp-page-info table.mw-page-info td:first-child {
    width: 34%;
    border-right: 1px solid #ebe7df !important;
    background: #faf8f4 !important;
    color: #14233d;
    font-weight: 600;
}

body.wp-page-info table.mw-page-info tr:last-child td {
    border-bottom: 0 !important;
}


/* ---------------------------------------------------------
   Links
   --------------------------------------------------------- */

body.wp-page-info #mw-content-text a,
body.wp-page-info #mw-content-text a:visited {
    color: #0f766e;
    text-decoration: none;
}

body.wp-page-info #mw-content-text a:hover,
body.wp-page-info #mw-content-text a:focus {
    color: #0b625c;
    text-decoration: underline;
}


/* ---------------------------------------------------------
   Lists inside information values
   --------------------------------------------------------- */

body.wp-page-info table.mw-page-info ul {
    margin: 0;
    padding-left: 19px;
}

body.wp-page-info table.mw-page-info li {
    margin: 0;
}

body.wp-page-info table.mw-page-info li + li {
    margin-top: 5px;
}


/* ---------------------------------------------------------
   Text appearing below information tables
   --------------------------------------------------------- */

body.wp-page-info #mw-content-text > p,
body.wp-page-info #mw-content-text > div {
    color: #5d6673;
    font-size: 13px;
    line-height: 1.65;
}


/* ---------------------------------------------------------
   Long technical values
   --------------------------------------------------------- */

body.wp-page-info table.mw-page-info td {
    overflow-wrap: anywhere;
    word-break: normal;
}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 700px) {

    body.wp-page-info .mw-body-content {
        width: 100%;
        max-width: none;
    }

    body.wp-page-info .mw-first-heading::after {
        font-size: 12px;
    }

    body.wp-page-info #mw-content-text h2 {
        margin-top: 25px;
        font-size: 18px;
    }

    body.wp-page-info table.mw-page-info,
    body.wp-page-info table.mw-page-info tbody,
    body.wp-page-info table.mw-page-info tr,
    body.wp-page-info table.mw-page-info td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    body.wp-page-info table.mw-page-info td:first-child {
        width: 100% !important;
        padding-bottom: 4px !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
    }

    body.wp-page-info table.mw-page-info td:last-child {
        padding-top: 4px !important;
        border-bottom: 1px solid #ebe7df !important;
    }

    body.wp-page-info table.mw-page-info tr:last-child td:last-child {
        border-bottom: 0 !important;
    }
}

/* ============================================================
   WIKIPARTNER — VIEW SOURCE
============================================================ */

body.wp-view-source-mode
#mw-content-text {
    width: 100% !important;

    padding:
        0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}


/* Intro / permission text */

body.wp-view-source-mode
#mw-content-text > p {
    color:
        var(--wp-text) !important;

    font-size:
        14px !important;

    line-height:
        1.55 !important;
}


/* Permission reason */

body.wp-view-source-mode
.permissions-errors,
body.wp-view-source-mode
.mw-permissionerror {
    margin:
        14px 0 !important;

    padding:
        14px 16px !important;

    background:
        var(--wp-surface-2) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-left:
        4px solid
        var(--wp-gold) !important;

    border-radius:
        8px !important;

    color:
        var(--wp-text) !important;

    box-shadow:
        none !important;
}


/* Source textarea */

body.wp-view-source-mode
#wpTextbox1 {
    width:
        100% !important;

    min-height:
        560px !important;

    margin:
        14px 0 18px !important;

    padding:
        16px 18px !important;

    display:
        block !important;

    background:
        var(--wp-input-bg) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-top:
        4px solid
        var(--wp-teal) !important;

    border-radius:
        9px !important;

    box-sizing:
        border-box !important;

    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Consolas,
        "Liberation Mono",
        monospace !important;

    font-size:
        13px !important;

    line-height:
        1.55 !important;

    resize:
        vertical !important;

    box-shadow:
        none !important;
}


/* Included templates section */

body.wp-view-source-mode
#mw-content-text > ul {
    margin:
        10px 0 18px 22px !important;

    padding:
        0 !important;
}


body.wp-view-source-mode
#mw-content-text > ul li {
    margin:
        0 0 7px !important;

    line-height:
        1.45 !important;
}


/* Horizontal rules */

body.wp-view-source-mode
#mw-content-text hr {
    margin:
        14px 0 !important;

    border:
        0 !important;

    border-top:
        1px solid
        var(--wp-border) !important;
}


/* Mobile */

@media (max-width: 700px) {

    body.wp-view-source-mode
    #wpTextbox1 {
        min-height:
            420px !important;

        padding:
            13px !important;
    }
}

/* ============================================================
   WIKIPARTNER — MEDIAWIKI:COMMON.CSS EDITOR — FINAL
============================================================ */

body.page-MediaWiki_Common_css.action-edit
#mw-content-text {
    width:
        100% !important;
}


/* Warning */

body.page-MediaWiki_Common_css.action-edit
.mw-message-box-warning,

body.page-MediaWiki_Common_css.action-edit
.warningbox,

body.page-MediaWiki_Common_css.action-edit
#mw-editnotice {
    margin:
        0 0 16px !important;

    padding:
        13px 15px !important;

    background:
        #FFF8EC !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        #E8C987 !important;

    border-left:
        4px solid
        var(--wp-gold) !important;

    border-radius:
        8px !important;

    font-size:
        13px !important;

    line-height:
        1.5 !important;

    box-shadow:
        none !important;
}


/* Main CSS editor */

body.page-MediaWiki_Common_css.action-edit
#wpTextbox1 {
    width:
        100% !important;

    min-height:
        620px !important;

    margin:
        0 !important;

    padding:
        16px 18px !important;

    background:
        var(--wp-input-bg) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-top:
        4px solid
        var(--wp-teal) !important;

    border-radius:
        9px !important;

    box-sizing:
        border-box !important;

    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Consolas,
        "Liberation Mono",
        monospace !important;

    font-size:
        13px !important;

    line-height:
        1.55 !important;

    resize:
        vertical !important;

    box-shadow:
        none !important;
}


body.page-MediaWiki_Common_css.action-edit
#wpTextbox1:focus {
    outline:
        none !important;

    border-color:
        var(--wp-teal) !important;

    box-shadow:
        0 0 0 3px
        rgba(15, 107, 101, 0.08) !important;
}


/* Edit options panel */

body.page-MediaWiki_Common_css.action-edit
.editOptions {
    width:
        100% !important;

    margin:
        14px 0 0 !important;

    padding:
        16px !important;

    background:
        var(--wp-surface-2) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        9px !important;

    box-sizing:
        border-box !important;

    box-shadow:
        none !important;
}


/* Summary */

body.page-MediaWiki_Common_css.action-edit
#wpSummary {
    width:
        100% !important;

    min-height:
        40px !important;

    margin:
        6px 0 10px !important;

    padding:
        9px 11px !important;

    background:
        var(--wp-input-bg) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        7px !important;

    box-sizing:
        border-box !important;
}


/* Checkbox accent */

body.page-MediaWiki_Common_css.action-edit
input[type="checkbox"] {
    accent-color:
        var(--wp-teal) !important;
}


/* Action row */

body.page-MediaWiki_Common_css.action-edit
.editButtons {
    margin-top:
        12px !important;

    display:
        flex !important;

    flex-wrap:
        wrap !important;

    align-items:
        center !important;

    gap:
        9px !important;
}


/* Save */

body.page-MediaWiki_Common_css.action-edit
#wpSave {
    min-height:
        40px !important;

    padding:
        8px 16px !important;

    background:
        var(--wp-teal) !important;

    color:
        #FFFFFF !important;

    border:
        1px solid
        var(--wp-teal) !important;

    border-radius:
        7px !important;

    font-weight:
        700 !important;

    box-shadow:
        none !important;
}


body.page-MediaWiki_Common_css.action-edit
#wpSave:hover {
    background:
        var(--wp-teal-dark) !important;

    border-color:
        var(--wp-teal-dark) !important;
}


/* Preview + changes */

body.page-MediaWiki_Common_css.action-edit
#wpPreview,

body.page-MediaWiki_Common_css.action-edit
#wpDiff {
    min-height:
        40px !important;

    padding:
        8px 14px !important;

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-teal) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        7px !important;

    font-weight:
        600 !important;

    box-shadow:
        none !important;
}


/* Cancel / editing help */

body.page-MediaWiki_Common_css.action-edit
.editButtons a {
    color:
        var(--wp-teal) !important;

    font-weight:
        600 !important;

    text-decoration:
        none !important;
}


/* Copyright / help text */

body.page-MediaWiki_Common_css.action-edit
.editOptions small,

body.page-MediaWiki_Common_css.action-edit
#editpage-copywarn {
    color:
        var(--wp-muted) !important;

    font-size:
        11px !important;

    line-height:
        1.45 !important;
}


/* Mobile */

@media (max-width: 700px) {

    body.page-MediaWiki_Common_css.action-edit
    #wpTextbox1 {
        min-height:
            460px !important;

        padding:
            13px !important;
    }


    body.page-MediaWiki_Common_css.action-edit
    .editOptions {
        padding:
            13px !important;
    }
}

/* ============================================================
   WIKIPARTNER — INTERFACE PAGE EDIT NOTICE — FINAL
============================================================ */

body.page-MediaWiki_Common_css.action-edit
.mw-message-box-warning,

body.page-MediaWiki_Common_css.action-edit
.warningbox,

body.page-MediaWiki_Common_css.action-edit
#mw-editnotice,

body.page-MediaWiki_Common_css.action-edit
.mw-editnotice,

body.page-MediaWiki_Common_css.action-edit
.cdx-message--warning,

body.page-MediaWiki_Common_css.action-edit
.cdx-message.cdx-message--warning {
    margin:
        0 0 16px !important;

    padding:
        13px 15px !important;

    background:
        #FFF9EF !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        #E8D5AE !important;

    border-left:
        4px solid
        var(--wp-gold) !important;

    border-radius:
        8px !important;

    box-shadow:
        none !important;

    font-size:
        13px !important;

    line-height:
        1.55 !important;
}


/* Remove MediaWiki's red warning treatment */

body.page-MediaWiki_Common_css.action-edit
.mw-message-box-warning::before,

body.page-MediaWiki_Common_css.action-edit
.warningbox::before,

body.page-MediaWiki_Common_css.action-edit
#mw-editnotice::before,

body.page-MediaWiki_Common_css.action-edit
.mw-editnotice::before {
    color:
        var(--wp-gold) !important;
}


/* Codex warning icon */

body.page-MediaWiki_Common_css.action-edit
.cdx-message--warning
.cdx-message__icon {
    color:
        var(--wp-gold) !important;
}


/* Text inside notice */

body.page-MediaWiki_Common_css.action-edit
.mw-message-box-warning strong,

body.page-MediaWiki_Common_css.action-edit
.warningbox strong,

body.page-MediaWiki_Common_css.action-edit
#mw-editnotice strong,

body.page-MediaWiki_Common_css.action-edit
.cdx-message--warning strong {
    color:
        var(--wp-heading) !important;

    font-weight:
        700 !important;
}

/* ------------------------------------------------------------
   CONTRIBUTION CARDS
------------------------------------------------------------ */

body.mw-special-Contributions
.mw-contributions-list > li,

body.page-Special_Contributions
.mw-contributions-list > li {
    position:
        relative !important;

    margin:
        0 0 9px !important;

    padding:
        12px 14px !important;

    background:
        var(--wp-surface) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-left:
        3px solid
        var(--wp-teal) !important;

    border-radius:
        7px !important;

    box-sizing:
        border-box !important;

    color:
        var(--wp-text) !important;

    box-shadow:
        none !important;
}


/* Remove old detached teal strip */

body.mw-special-Contributions
.mw-contributions-list > li::before,

body.page-Special_Contributions
.mw-contributions-list > li::before {
    content:
        none !important;

    display:
        none !important;
}


/* ------------------------------------------------------------
   PAGINATION
------------------------------------------------------------ */

body.mw-special-Contributions
.mw-pager-navigation-bar,

body.page-Special_Contributions
.mw-pager-navigation-bar {
    margin:
        16px 0 !important;

    padding:
        11px 14px !important;

    background:
        var(--wp-surface-2) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        8px !important;

    color:
        var(--wp-text) !important;

    text-align:
        center !important;
}


/* ------------------------------------------------------------
   BOTTOM USER TOOL / NAVIGATION PANEL
------------------------------------------------------------ */

body.mw-special-Contributions
#mw-content-text > .mw-contributions-footer,

body.page-Special_Contributions
#mw-content-text > .mw-contributions-footer {
    padding:
        11px 14px !important;

    background:
        var(--wp-surface-2) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-left:
        3px solid
        var(--wp-teal) !important;

    border-radius:
        8px !important;
}

/* ============================================================
   WIKIPARTNER — CONTENTS POPOVER — FINAL
============================================================ */

.wp-title-toc {
    position:
        relative !important;
}


.wp-title-toc
.wp-toc-button {
    width:
        36px !important;

    height:
        36px !important;

    padding:
        0 !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    background:
        var(--wp-surface-2) !important;

    color:
        var(--wp-teal) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        8px !important;

    box-shadow:
        none !important;

    cursor:
        pointer !important;
}


.wp-title-toc
.wp-toc-button:hover,

.wp-title-toc
.wp-toc-button[aria-expanded="true"] {
    background:
        var(--wp-hover-bg) !important;

    color:
        var(--wp-teal-dark) !important;

    border-color:
        var(--wp-teal) !important;
}


.wp-title-toc
.wp-toc-popover {
    position:
        absolute !important;

    top:
        calc(100% + 8px) !important;

    left:
        0 !important;

    z-index:
        1000 !important;

    width:
        290px !important;

    max-width:
        min(290px, calc(100vw - 32px)) !important;

    max-height:
        min(520px, 70vh) !important;

    margin:
        0 !important;

    padding:
        7px !important;

    overflow-y:
        auto !important;

    overflow-x:
        hidden !important;

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-top:
        4px solid
        var(--wp-teal) !important;

    border-radius:
        10px !important;

    box-sizing:
        border-box !important;

    box-shadow:
        var(--wp-shadow) !important;
}


.wp-title-toc
.wp-toc-popover[hidden] {
    display:
        none !important;
}


.wp-title-toc
.wp-toc-links {
    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    gap:
        2px !important;
}


.wp-title-toc
.wp-toc-links > a {
    width:
        100% !important;

    min-height:
        36px !important;

    margin:
        0 !important;

    padding:
        8px 10px !important;

    display:
        flex !important;

    align-items:
        center !important;

    background:
        transparent !important;

    color:
        var(--wp-text) !important;

    border:
        0 !important;

    border-radius:
        7px !important;

    box-sizing:
        border-box !important;

    font-size:
        12px !important;

    line-height:
        1.35 !important;

    text-decoration:
        none !important;
}


.wp-title-toc
.wp-toc-links > a:hover {
    background:
        var(--wp-hover-bg) !important;

    color:
        var(--wp-teal-dark) !important;
}


/* Cleaner scrollbar */

.wp-title-toc
.wp-toc-popover {
    scrollbar-width:
        thin;

    scrollbar-color:
        var(--wp-muted)
        transparent;
}


@media (max-width: 700px) {

    .wp-title-toc
    .wp-toc-popover {
        width:
            min(280px, calc(100vw - 28px)) !important;

        max-height:
            65vh !important;
    }
}


/* ============================================================
   WIKIPARTNER — CONTENTS DROPDOWN — FINAL
============================================================ */

.wp-title-toc {
    position:
        relative !important;
}


.wp-title-toc
.wp-toc-button {
    width:
        36px !important;

    height:
        36px !important;

    padding:
        0 !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    background:
        var(--wp-surface-2) !important;

    color:
        var(--wp-teal) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        8px !important;

    cursor:
        pointer !important;

    list-style:
        none !important;
}


/* Hide browser's default disclosure arrow */

.wp-title-toc
.wp-toc-button::-webkit-details-marker {
    display:
        none !important;
}


.wp-title-toc
.wp-toc-button::marker {
    content:
        "" !important;
}


.wp-title-toc[open]
.wp-toc-button,

.wp-title-toc
.wp-toc-button:hover {
    background:
        var(--wp-hover-bg) !important;

    color:
        var(--wp-teal-dark) !important;

    border-color:
        var(--wp-teal) !important;
}


.wp-title-toc
.wp-toc-popover {
    position:
        absolute !important;

    top:
        calc(100% + 8px) !important;

    left:
        0 !important;

    z-index:
        1000 !important;

    width:
        290px !important;

    max-width:
        calc(100vw - 32px) !important;

    max-height:
        70vh !important;

    margin:
        0 !important;

    padding:
        7px !important;

    overflow-x:
        hidden !important;

    overflow-y:
        auto !important;

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-top:
        4px solid
        var(--wp-teal) !important;

    border-radius:
        10px !important;

    box-shadow:
        var(--wp-shadow) !important;

    box-sizing:
        border-box !important;
}


.wp-title-toc:not([open])
.wp-toc-popover {
    display:
        none !important;
}


.wp-title-toc[open]
.wp-toc-popover {
    display:
        block !important;
}


.wp-title-toc
.wp-toc-links {
    margin:
        0 !important;

    padding:
        0 !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    gap:
        2px !important;
}


.wp-title-toc
.wp-toc-links > a {
    width:
        100% !important;

    min-height:
        36px !important;

    padding:
        8px 10px !important;

    display:
        flex !important;

    align-items:
        center !important;

    color:
        var(--wp-text) !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-radius:
        7px !important;

    box-sizing:
        border-box !important;

    font-size:
        12px !important;

    line-height:
        1.35 !important;

    text-decoration:
        none !important;
}


.wp-title-toc
.wp-toc-links > a:hover {
    background:
        var(--wp-hover-bg) !important;

    color:
        var(--wp-teal-dark) !important;
}

/* ============================================================
   WIKIPARTNER — NOTIFICATION DISMISS ANIMATION
============================================================ */

.mw-notification,
#mw-notification-area > *,
.mw-notification-area > * {
    transition:
        opacity .2s ease,
        transform .2s ease !important;
}


.wp-notification-closing {
    opacity:
        0 !important;

    transform:
        translateY(-5px) !important;

    pointer-events:
        none !important;
}


/* ============================================================
   WIKIPARTNER — CONTENTS HEADING HIERARCHY — FINAL
============================================================ */

/* Main article sections */
.wp-title-toc
.wp-toc-links > .wp-toc-level-1 {
    padding-left:
        10px !important;

    font-size:
        12px !important;

    font-weight:
        600 !important;
}


/* H3 */
.wp-title-toc
.wp-toc-links > .wp-toc-level-2 {
    padding-left:
        24px !important;

    font-size:
        11.75px !important;

    font-weight:
        500 !important;
}


/* H4 */
.wp-title-toc
.wp-toc-links > .wp-toc-level-3 {
    padding-left:
        38px !important;

    font-size:
        11.5px !important;

    font-weight:
        500 !important;
}


/* H5 */
.wp-title-toc
.wp-toc-links > .wp-toc-level-4 {
    padding-left:
        52px !important;

    font-size:
        11.25px !important;

    font-weight:
        500 !important;
}


/* H6 / deeper */
.wp-title-toc
.wp-toc-links > .wp-toc-level-5,
.wp-title-toc
.wp-toc-links > .wp-toc-level-6 {
    padding-left:
        66px !important;

    font-size:
        11px !important;

    font-weight:
        500 !important;
}

/* ============================================================
   WIKIPARTNER — CONTRIBUTIONS FILTER — FINAL
============================================================ */


/* ------------------------------------------------------------
   OUTER CARD
------------------------------------------------------------ */

.wp-contrib-filter-card {
    width:
        100% !important;

    margin:
        18px 0 !important;

    padding:
        0 !important;

    background:
        var(--wp-surface) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-top:
        4px solid
        var(--wp-teal) !important;

    border-radius:
        10px !important;

    box-sizing:
        border-box !important;

    box-shadow:
        none !important;

    overflow:
        hidden !important;
}


/* Outer form */

.wp-contrib-filter-card
> .mw-htmlform {
    margin:
        0 !important;

    padding:
        0 !important;

    background:
        transparent !important;
}


/* Main collapsible fieldset */

.wp-contrib-filter-card
> .mw-htmlform
> .mw-collapsibleFieldsetLayout {
    margin:
        0 !important;

    padding:
        0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}


/* ------------------------------------------------------------
   COLLAPSE / EXPAND HEADER
------------------------------------------------------------ */

.wp-contrib-filter-card
> .mw-htmlform
> .mw-collapsibleFieldsetLayout
> .oo-ui-fieldsetLayout-header {
    position:
        relative !important;

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        14px 48px 14px 16px !important;

    display:
        block !important;

    background:
        var(--wp-surface-2) !important;

    color:
        var(--wp-heading) !important;

    border:
        0 !important;

    border-bottom:
        1px solid
        var(--wp-border) !important;

    box-sizing:
        border-box !important;

    cursor:
        pointer !important;

    font-size:
        16px !important;

    font-weight:
        700 !important;

    line-height:
        1.3 !important;
}


/* Heading text */

.wp-contrib-filter-card
> .mw-htmlform
> .mw-collapsibleFieldsetLayout
> .oo-ui-fieldsetLayout-header
> .oo-ui-labelElement-label {
    margin:
        0 !important;

    padding:
        0 !important;

    color:
        var(--wp-heading) !important;

    font-weight:
        700 !important;
}


/*
 * Hide OOUI's original icons.
 * These are what are currently covering "Se".
 */

.wp-contrib-filter-card
> .mw-htmlform
> .mw-collapsibleFieldsetLayout
> .oo-ui-fieldsetLayout-header
> .oo-ui-iconElement-icon,

.wp-contrib-filter-card
> .mw-htmlform
> .mw-collapsibleFieldsetLayout
> .oo-ui-fieldsetLayout-header
> .oo-ui-icon-expand,

.wp-contrib-filter-card
> .mw-htmlform
> .mw-collapsibleFieldsetLayout
> .oo-ui-fieldsetLayout-header
> .oo-ui-icon-collapse {
    display:
        none !important;
}


/*
 * WikiPartner arrow.
 */

.wp-contrib-filter-card
> .mw-htmlform
> .mw-collapsibleFieldsetLayout
> .oo-ui-fieldsetLayout-header::after {
    content:
        "";

    position:
        absolute;

    top:
        50%;

    right:
        18px;

    width:
        8px;

    height:
        8px;

    border-right:
        2px solid
        var(--wp-teal);

    border-bottom:
        2px solid
        var(--wp-teal);

    transform:
        translateY(-65%)
        rotate(45deg);

    transform-origin:
        center;

    transition:
        transform .16s ease;
}


/* Expanded = arrow points up */

.wp-contrib-filter-card
> .mw-htmlform
> .mw-collapsibleFieldsetLayout
> .oo-ui-fieldsetLayout-header[aria-expanded="true"]::after {
    transform:
        translateY(-35%)
        rotate(225deg);
}


/* Collapsed card has no unnecessary bottom separator */

.wp-contrib-filter-card
> .mw-htmlform
> .mw-collapsibleFieldsetLayout
> .oo-ui-fieldsetLayout-header[aria-expanded="false"] {
    border-bottom:
        0 !important;
}


/* ------------------------------------------------------------
   CONTENT
------------------------------------------------------------ */

.wp-contrib-filter-card
.mw-collapsible-content {
    padding:
        18px 16px 16px !important;

    background:
        var(--wp-surface) !important;
}


/* Remove the nested MediaWiki framed panel */

.wp-contrib-filter-card
.mw-collapsible-content
.oo-ui-panelLayout-framed {
    margin:
        0 !important;

    padding:
        0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}


/* Inner fieldset */

.wp-contrib-filter-card
.mw-collapsible-content
.oo-ui-fieldsetLayout {
    margin:
        0 !important;

    padding:
        0 !important;

    background:
        transparent !important;

    border:
        0 !important;
}


/* Hide unresolved contribs-top internal heading */

.wp-contrib-filter-card
.mw-collapsible-content
.oo-ui-fieldsetLayout
> .oo-ui-fieldsetLayout-header {
    display:
        none !important;
}


/* ------------------------------------------------------------
   FORM ROWS
------------------------------------------------------------ */

.wp-contrib-filter-card
.oo-ui-fieldLayout {
    margin:
        0 0 14px !important;
}


.wp-contrib-filter-card
.oo-ui-fieldLayout-body {
    width:
        100% !important;
}


.wp-contrib-filter-card
.oo-ui-fieldLayout-field {
    width:
        100% !important;

    max-width:
        none !important;
}


/* Labels */

.wp-contrib-filter-card
.oo-ui-fieldLayout-header
.oo-ui-labelElement-label {
    margin:
        0 0 6px !important;

    display:
        block !important;

    color:
        var(--wp-text) !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    line-height:
        1.35 !important;
}


/* ------------------------------------------------------------
   INPUTS / SELECTS
------------------------------------------------------------ */

.wp-contrib-filter-card
.oo-ui-inputWidget,

.wp-contrib-filter-card
.oo-ui-textInputWidget,

.wp-contrib-filter-card
.oo-ui-dropdownInputWidget {
    width:
        100% !important;

    max-width:
        none !important;
}


.wp-contrib-filter-card
.oo-ui-inputWidget-input,

.wp-contrib-filter-card
.oo-ui-dropdownWidget-handle {
    width:
        100% !important;

    min-height:
        38px !important;

    padding:
        8px 10px !important;

    background:
        var(--wp-input-bg) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        7px !important;

    box-sizing:
        border-box !important;

    box-shadow:
        none !important;
}


/* Focus */

.wp-contrib-filter-card
.oo-ui-inputWidget-input:focus,

.wp-contrib-filter-card
.oo-ui-dropdownWidget-handle:focus {
    outline:
        none !important;

    border-color:
        var(--wp-teal) !important;

    box-shadow:
        0 0 0 3px
        var(--wp-teal-soft) !important;
}


/* ------------------------------------------------------------
   DROPDOWN BUTTON / INDICATORS
------------------------------------------------------------ */

.wp-contrib-filter-card
.oo-ui-indicatorElement-indicator {
    color:
        var(--wp-teal) !important;
}


.wp-contrib-filter-card
.oo-ui-dropdownWidget-handle {
    padding-right:
        38px !important;
}


/*
 * Tag-filter dropdown trigger.
 */

.wp-contrib-filter-card
.oo-ui-comboBoxInputWidget
.oo-ui-buttonElement-button,

.wp-contrib-filter-card
.oo-ui-menuTagMultiselectWidget
.oo-ui-buttonElement-button {
    min-width:
        40px !important;

    min-height:
        38px !important;

    background:
        var(--wp-teal) !important;

    color:
        #FFFFFF !important;

    border-color:
        var(--wp-teal) !important;

    border-radius:
        0 7px 7px 0 !important;
}


/* ------------------------------------------------------------
   OOUI DROPDOWN MENUS
   These may be mounted outside the filter card.
------------------------------------------------------------ */

body.wp-contributions-page
.oo-ui-menuSelectWidget {
    padding:
        5px !important;

    background:
        var(--wp-surface) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        8px !important;

    box-shadow:
        var(--wp-shadow) !important;

    box-sizing:
        border-box !important;

    max-height:
        360px !important;

    overflow-y:
        auto !important;
}


body.wp-contributions-page
.oo-ui-menuOptionWidget {
    margin:
        1px 0 !important;

    padding:
        8px 10px !important;

    color:
        var(--wp-text) !important;

    border-radius:
        6px !important;

    line-height:
        1.35 !important;
}


body.wp-contributions-page
.oo-ui-menuOptionWidget:hover,

body.wp-contributions-page
.oo-ui-menuOptionWidget-highlighted {
    background:
        var(--wp-hover-bg) !important;

    color:
        var(--wp-teal-dark) !important;
}


body.wp-contributions-page
.oo-ui-menuOptionWidget-selected {
    background:
        var(--wp-teal-soft) !important;

    color:
        var(--wp-teal-dark) !important;

    font-weight:
        600 !important;
}


/* ------------------------------------------------------------
   CHECKBOXES
------------------------------------------------------------ */

.wp-contrib-filter-card
input[type="checkbox"] {
    width:
        18px !important;

    height:
        18px !important;

    margin:
        0 7px 0 0 !important;

    accent-color:
        var(--wp-teal) !important;

    cursor:
        pointer !important;

    vertical-align:
        -3px !important;
}


/* Give checkbox rows breathing room */

.wp-contrib-filter-card
.mw-htmlform-flatlist {
    margin:
        4px 0 10px !important;
}


.wp-contrib-filter-card
.mw-htmlform-flatlist
.oo-ui-fieldLayout {
    margin-right:
        20px !important;

    margin-bottom:
        10px !important;
}


/* ------------------------------------------------------------
   DATE FIELDS
------------------------------------------------------------ */

.wp-contrib-filter-card
input[type="date"] {
    min-height:
        38px !important;

    padding:
        8px 10px !important;

    background:
        var(--wp-input-bg) !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        var(--wp-border) !important;

    border-radius:
        7px !important;

    box-shadow:
        none !important;
}


.wp-contrib-filter-card
input[type="date"]:focus {
    outline:
        none !important;

    border-color:
        var(--wp-teal) !important;

    box-shadow:
        0 0 0 3px
        var(--wp-teal-soft) !important;
}


/* ------------------------------------------------------------
   SEARCH BUTTON
------------------------------------------------------------ */

.wp-contrib-filter-card
.oo-ui-buttonElement-button,

.wp-contrib-filter-card
input[type="submit"],

.wp-contrib-filter-card
button[type="submit"] {
    min-height:
        38px !important;

    padding:
        8px 16px !important;

    background:
        var(--wp-teal) !important;

    background-color:
        var(--wp-teal) !important;

    color:
        #FFFFFF !important;

    -webkit-text-fill-color:
        #FFFFFF !important;

    border:
        1px solid
        var(--wp-teal) !important;

    border-radius:
        7px !important;

    font-weight:
        700 !important;

    box-shadow:
        none !important;

    text-shadow:
        none !important;
}


.wp-contrib-filter-card
.oo-ui-buttonElement-button:hover,

.wp-contrib-filter-card
input[type="submit"]:hover,

.wp-contrib-filter-card
button[type="submit"]:hover {
    background:
        var(--wp-teal-dark) !important;

    background-color:
        var(--wp-teal-dark) !important;

    border-color:
        var(--wp-teal-dark) !important;
}


/* ------------------------------------------------------------
   MOBILE
------------------------------------------------------------ */

@media (max-width: 700px) {

    .wp-contrib-filter-card
    .mw-collapsible-content {
        padding:
            14px 12px !important;
    }

    .wp-contrib-filter-card
    > .mw-htmlform
    > .mw-collapsibleFieldsetLayout
    > .oo-ui-fieldsetLayout-header {
        padding:
            13px 44px 13px 13px !important;
    }
}

/* ============================================================
   WIKIPARTNER — INTERFACE EDIT WARNING — FINAL
============================================================ */

body.ns-8.action-edit
.wp-interface-edit-warning,

body.ns-8.action-submit
.wp-interface-edit-warning {
    margin:
        0 0 16px !important;

    padding:
        13px 15px !important;

    display:
        flex !important;

    align-items:
        flex-start !important;

    gap:
        10px !important;

    background:
        #FFF9EF !important;

    background-color:
        #FFF9EF !important;

    color:
        var(--wp-text) !important;

    border:
        1px solid
        #E4D3B2 !important;

    border-left:
        4px solid
        var(--wp-gold) !important;

    border-radius:
        8px !important;

    box-shadow:
        none !important;
}


/* Icon */

body.ns-8.action-edit
.wp-interface-edit-warning
.cdx-message__icon,

body.ns-8.action-submit
.wp-interface-edit-warning
.cdx-message__icon {
    flex:
        0 0 auto !important;

    color:
        var(--wp-gold) !important;
}


/* Content */

body.ns-8.action-edit
.wp-interface-edit-warning
.cdx-message__content,

body.ns-8.action-submit
.wp-interface-edit-warning
.cdx-message__content {
    color:
        var(--wp-text) !important;

    font-size:
        13px !important;

    line-height:
        1.55 !important;
}


/* Warning label */

body.ns-8.action-edit
.wp-interface-edit-warning strong,

body.ns-8.action-submit
.wp-interface-edit-warning strong {
    color:
        var(--wp-heading) !important;

    font-weight:
        700 !important;
}

/* ============================================================
   WIKIPARTNER — EDIT OPTIONS CHECKBOXES — FINAL
============================================================ */

body.action-edit
.editOptions
input[type="checkbox"],

body.action-submit
.editOptions
input[type="checkbox"] {
    width:
        18px !important;

    height:
        18px !important;

    margin:
        0 6px 0 0 !important;

    vertical-align:
        -3px !important;

    accent-color:
        var(--wp-teal) !important;

    cursor:
        pointer !important;
}


body.action-edit
.editOptions
.editCheckboxes,

body.action-submit
.editOptions
.editCheckboxes {
    display:
        flex !important;

    flex-wrap:
        wrap !important;

    align-items:
        center !important;

    gap:
        10px 22px !important;

    margin:
        10px 0 !important;
}

/* ============================================================
   WIKIPARTNER — FINAL POLISH OVERRIDES
   This block was added after the current full Common.css file.
   Keep it at the very end so it can override earlier rules.
============================================================ */


/* ============================================================
   1) SPECIAL: CONTRIBUTIONS — FILTER CARD / FORM / FOOTER
============================================================ */

body.wp-contributions-page .wp-contrib-filter-card,
body.mw-special-Contributions .wp-contrib-filter-card,
body.page-Special_Contributions .wp-contrib-filter-card {
    margin: 18px 0 20px !important;
    border: 1px solid var(--wp-border) !important;
    border-top: 4px solid var(--wp-teal) !important;
    border-radius: 12px !important;
    background: var(--wp-surface) !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.wp-contributions-page .wp-contrib-filter-card > .mw-htmlform,
body.wp-contributions-page .wp-contrib-filter-card > .mw-htmlform > .mw-collapsibleFieldsetLayout {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

body.wp-contributions-page .wp-contrib-filter-card > .mw-htmlform > .mw-collapsibleFieldsetLayout > .oo-ui-fieldsetLayout-header {
    position: relative !important;
    margin: 0 !important;
    padding: 16px 52px 16px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 56px !important;
    background: var(--wp-surface-2) !important;
    color: var(--wp-heading) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--wp-border) !important;
    border-radius: 12px 12px 0 0 !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    box-shadow: none !important;
}

body.wp-contributions-page .wp-contrib-filter-card > .mw-htmlform > .mw-collapsibleFieldsetLayout > .oo-ui-fieldsetLayout-header[aria-expanded="false"] {
    border-bottom: 0 !important;
    border-radius: 12px !important;
}

body.wp-contributions-page .wp-contrib-filter-card > .mw-htmlform > .mw-collapsibleFieldsetLayout > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--wp-heading) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Hide all default OOUI header icons that were covering the first letters of the title */
body.wp-contributions-page .wp-contrib-filter-card > .mw-htmlform > .mw-collapsibleFieldsetLayout > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon,
body.wp-contributions-page .wp-contrib-filter-card > .mw-htmlform > .mw-collapsibleFieldsetLayout > .oo-ui-fieldsetLayout-header > .oo-ui-widget.oo-ui-iconWidget,
body.wp-contributions-page .wp-contrib-filter-card > .mw-htmlform > .mw-collapsibleFieldsetLayout > .oo-ui-fieldsetLayout-header > .oo-ui-icon-expand,
body.wp-contributions-page .wp-contrib-filter-card > .mw-htmlform > .mw-collapsibleFieldsetLayout > .oo-ui-fieldsetLayout-header > .oo-ui-icon-collapse,
body.wp-contributions-page .wp-contrib-filter-card > .mw-htmlform > .mw-collapsibleFieldsetLayout > .oo-ui-fieldsetLayout-header > span:not(.oo-ui-labelElement-label) {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.wp-contributions-page .wp-contrib-filter-card > .mw-htmlform > .mw-collapsibleFieldsetLayout > .oo-ui-fieldsetLayout-header::after {
    content: "";
    position: absolute !important;
    top: 50% !important;
    right: 20px !important;
    width: 9px !important;
    height: 9px !important;
    margin-top: -6px !important;
    border-right: 2px solid var(--wp-teal) !important;
    border-bottom: 2px solid var(--wp-teal) !important;
    transform: rotate(45deg) !important;
    transition: transform .18s ease !important;
}

body.wp-contributions-page .wp-contrib-filter-card > .mw-htmlform > .mw-collapsibleFieldsetLayout > .oo-ui-fieldsetLayout-header[aria-expanded="true"]::after {
    transform: rotate(225deg) !important;
    margin-top: -1px !important;
}

body.wp-contributions-page .wp-contrib-filter-card .mw-collapsible-content {
    padding: 20px 18px 18px !important;
    background: var(--wp-surface) !important;
    border-radius: 0 0 12px 12px !important;
}

body.wp-contributions-page .wp-contrib-filter-card .mw-collapsible-content > .oo-ui-widget,
body.wp-contributions-page .wp-contrib-filter-card .mw-collapsible-content .oo-ui-panelLayout,
body.wp-contributions-page .wp-contrib-filter-card .mw-collapsible-content .oo-ui-panelLayout-framed,
body.wp-contributions-page .wp-contrib-filter-card .mw-collapsible-content .oo-ui-fieldsetLayout {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.wp-contributions-page .wp-contrib-filter-card .mw-collapsible-content .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header {
    display: none !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-fieldLayout {
    margin: 0 0 16px !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-fieldLayout-body,
body.wp-contributions-page .wp-contrib-filter-card .oo-ui-fieldLayout-field,
body.wp-contributions-page .wp-contrib-filter-card .oo-ui-inputWidget,
body.wp-contributions-page .wp-contrib-filter-card .oo-ui-textInputWidget,
body.wp-contributions-page .wp-contrib-filter-card .oo-ui-dropdownInputWidget,
body.wp-contributions-page .wp-contrib-filter-card .oo-ui-comboBoxInputWidget {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-fieldLayout-header .oo-ui-labelElement-label,
body.wp-contributions-page .wp-contrib-filter-card label,
body.wp-contributions-page .wp-contrib-filter-card .mw-label {
    display: block !important;
    margin: 0 0 8px !important;
    color: var(--wp-text) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-inputWidget-input,
body.wp-contributions-page .wp-contrib-filter-card .oo-ui-dropdownWidget-handle,
body.wp-contributions-page .wp-contrib-filter-card input[type="text"],
body.wp-contributions-page .wp-contrib-filter-card input[type="search"],
body.wp-contributions-page .wp-contrib-filter-card input[type="date"],
body.wp-contributions-page .wp-contrib-filter-card select {
    min-height: 42px !important;
    width: 100% !important;
    padding: 10px 12px !important;
    background: var(--wp-input-bg) !important;
    color: var(--wp-text) !important;
    border: 1px solid var(--wp-border) !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    outline: none !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-inputWidget-input:focus,
body.wp-contributions-page .wp-contrib-filter-card .oo-ui-dropdownWidget-handle:focus,
body.wp-contributions-page .wp-contrib-filter-card input[type="text"]:focus,
body.wp-contributions-page .wp-contrib-filter-card input[type="search"]:focus,
body.wp-contributions-page .wp-contrib-filter-card input[type="date"]:focus,
body.wp-contributions-page .wp-contrib-filter-card select:focus {
    border-color: var(--wp-teal) !important;
    box-shadow: 0 0 0 3px var(--wp-teal-soft) !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-dropdownWidget {
    width: 100% !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-dropdownWidget-handle {
    position: relative !important;
    padding-right: 40px !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--wp-text) !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon,
body.wp-contributions-page .wp-contrib-filter-card .oo-ui-dropdownInputWidget > .oo-ui-indicatorWidget,
body.wp-contributions-page .wp-contrib-filter-card .oo-ui-dropdownInputWidget > .oo-ui-indicatorElement-indicator {
    display: none !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-dropdownWidget-handle::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 15px !important;
    width: 8px !important;
    height: 8px !important;
    margin-top: -6px !important;
    border-right: 2px solid var(--wp-heading) !important;
    border-bottom: 2px solid var(--wp-heading) !important;
    transform: rotate(45deg) !important;
    pointer-events: none !important;
}

/* Namespace and native select option highlight */
body.wp-contributions-page .wp-contrib-filter-card select option,
body.wp-contributions-page .wp-contrib-filter-card .oo-ui-menuOptionWidget {
    color: var(--wp-text) !important;
    background: var(--wp-surface) !important;
}

body.wp-contributions-page .wp-contrib-filter-card select option:checked,
body.wp-contributions-page .wp-contrib-filter-card select option:hover,
body.wp-contributions-page .wp-contrib-filter-card select option:focus,
body.wp-contributions-page .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
body.wp-contributions-page .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
body.wp-contributions-page .oo-ui-menuOptionWidget:hover {
    background: var(--wp-teal-soft) !important;
    color: var(--wp-teal-dark) !important;
}

/* Tag filter input + arrow button */
body.wp-contributions-page .wp-contrib-filter-card .oo-ui-comboBoxInputWidget {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: stretch !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-comboBoxInputWidget .oo-ui-textInputWidget {
    grid-column: 1 !important;
    margin: 0 !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-comboBoxInputWidget .oo-ui-textInputWidget .oo-ui-inputWidget-input {
    border-radius: 9px 0 0 9px !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-comboBoxInputWidget .oo-ui-buttonElement,
body.wp-contributions-page .wp-contrib-filter-card .oo-ui-comboBoxInputWidget .oo-ui-buttonWidget,
body.wp-contributions-page .wp-contrib-filter-card .oo-ui-menuTagMultiselectWidget .oo-ui-buttonElement,
body.wp-contributions-page .wp-contrib-filter-card .oo-ui-menuTagMultiselectWidget .oo-ui-buttonWidget {
    grid-column: 2 !important;
    margin: 0 0 0 -1px !important;
    align-self: stretch !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-comboBoxInputWidget .oo-ui-buttonElement-button,
body.wp-contributions-page .wp-contrib-filter-card .oo-ui-menuTagMultiselectWidget .oo-ui-buttonElement-button {
    min-width: 46px !important;
    min-height: 42px !important;
    height: 100% !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--wp-teal) !important;
    color: #FFFFFF !important;
    border: 1px solid var(--wp-teal) !important;
    border-radius: 0 9px 9px 0 !important;
    box-shadow: none !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-comboBoxInputWidget .oo-ui-buttonElement-button:hover,
body.wp-contributions-page .wp-contrib-filter-card .oo-ui-menuTagMultiselectWidget .oo-ui-buttonElement-button:hover {
    background: var(--wp-teal-dark) !important;
    border-color: var(--wp-teal-dark) !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-comboBoxInputWidget .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator,
body.wp-contributions-page .wp-contrib-filter-card .oo-ui-menuTagMultiselectWidget .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
    color: #FFFFFF !important;
}

/* Checkbox rows */
body.wp-contributions-page .wp-contrib-filter-card .mw-htmlform-field-HTMLCheckField.oo-ui-fieldLayout-align-inline {
    display: inline-block !important;
    width: calc(50% - 10px) !important;
    margin: 0 0 14px !important;
    vertical-align: top !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-fieldLayout-align-inline .oo-ui-fieldLayout-body {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-fieldLayout-align-inline .oo-ui-fieldLayout-field {
    width: auto !important;
    flex: 0 0 auto !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-fieldLayout-align-inline .oo-ui-fieldLayout-header {
    width: auto !important;
    flex: 1 1 auto !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-fieldLayout-align-inline .oo-ui-fieldLayout-header .oo-ui-labelElement-label {
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-checkboxInputWidget {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    margin-top: 1px !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-checkboxInputWidget input[type="checkbox"],
body.wp-contributions-page .wp-contrib-filter-card input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    accent-color: var(--wp-teal) !important;
    cursor: pointer !important;
}

body.wp-contributions-page .wp-contrib-filter-card .mw-htmlform-daterange-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

body.wp-contributions-page .wp-contrib-filter-card .mw-htmlform-submit,
body.wp-contributions-page .wp-contrib-filter-card .oo-ui-buttonInputWidget,
body.wp-contributions-page .wp-contrib-filter-card .oo-ui-buttonInputWidget .oo-ui-buttonInputWidget-button,
body.wp-contributions-page .wp-contrib-filter-card input[type="submit"],
body.wp-contributions-page .wp-contrib-filter-card button[type="submit"] {
    margin-top: 6px !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-buttonInputWidget .oo-ui-buttonInputWidget-button,
body.wp-contributions-page .wp-contrib-filter-card input[type="submit"],
body.wp-contributions-page .wp-contrib-filter-card button[type="submit"] {
    min-height: 42px !important;
    padding: 10px 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--wp-teal) !important;
    color: #FFFFFF !important;
    border: 1px solid var(--wp-teal) !important;
    border-radius: 9px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

body.wp-contributions-page .wp-contrib-filter-card .oo-ui-buttonInputWidget .oo-ui-buttonInputWidget-button:hover,
body.wp-contributions-page .wp-contrib-filter-card input[type="submit"]:hover,
body.wp-contributions-page .wp-contrib-filter-card button[type="submit"]:hover {
    background: var(--wp-teal-dark) !important;
    border-color: var(--wp-teal-dark) !important;
}

/* Calendar input styling (the browser popup itself may keep some native styling) */
body.wp-contributions-page .wp-contrib-filter-card input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: .85 !important;
    cursor: pointer !important;
    filter: none !important;
}

body.wp-contributions-page .wp-contrib-filter-card input[type="date"]::-webkit-datetime-edit,
body.wp-contributions-page .wp-contrib-filter-card input[type="date"]::-webkit-datetime-edit-text,
body.wp-contributions-page .wp-contrib-filter-card input[type="date"]::-webkit-datetime-edit-month-field,
body.wp-contributions-page .wp-contrib-filter-card input[type="date"]::-webkit-datetime-edit-day-field,
body.wp-contributions-page .wp-contrib-filter-card input[type="date"]::-webkit-datetime-edit-year-field {
    color: var(--wp-text) !important;
}

body.wp-contributions-page .wp-contrib-filter-card input[type="date"]::-webkit-datetime-edit-year-field:focus,
body.wp-contributions-page .wp-contrib-filter-card input[type="date"]::-webkit-datetime-edit-month-field:focus,
body.wp-contributions-page .wp-contrib-filter-card input[type="date"]::-webkit-datetime-edit-day-field:focus {
    background: var(--wp-teal-soft) !important;
    color: var(--wp-teal-dark) !important;
}

/* OOUI popup menus on Special:Contributions */
body.wp-contributions-page .oo-ui-popupWidget-popup,
body.wp-contributions-page .oo-ui-menuSelectWidget {
    background: var(--wp-surface) !important;
    color: var(--wp-text) !important;
    border: 1px solid var(--wp-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 34px rgba(18, 35, 63, 0.14) !important;
    overflow: hidden !important;
}

body.wp-contributions-page .oo-ui-menuSelectWidget {
    padding: 6px !important;
    max-height: 360px !important;
}

body.wp-contributions-page .oo-ui-menuOptionWidget {
    margin: 0 !important;
    padding: 10px 12px !important;
    color: var(--wp-text) !important;
    border-radius: 8px !important;
    line-height: 1.4 !important;
}

body.wp-contributions-page .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
body.wp-contributions-page .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
body.wp-contributions-page .oo-ui-menuOptionWidget:hover {
    background: var(--wp-teal-soft) !important;
    color: var(--wp-teal-dark) !important;
}

/* Footer tools at the bottom of contributions page */
body.wp-contributions-page #mw-content-text > .mw-contributions-footer,
body.mw-special-Contributions #mw-content-text > .mw-contributions-footer,
body.page-Special_Contributions #mw-content-text > .mw-contributions-footer {
    margin: 18px 0 0 !important;
    padding: 14px 16px !important;
    background: var(--wp-surface-2) !important;
    border: 1px solid var(--wp-border) !important;
    border-left: 4px solid var(--wp-teal) !important;
    border-radius: 10px !important;
    color: var(--wp-text) !important;
    line-height: 1.6 !important;
}

body.wp-contributions-page #mw-content-text > .mw-contributions-footer a,
body.mw-special-Contributions #mw-content-text > .mw-contributions-footer a,
body.page-Special_Contributions #mw-content-text > .mw-contributions-footer a {
    color: var(--wp-teal-dark) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

body.wp-contributions-page #mw-content-text > .mw-contributions-footer a:hover,
body.mw-special-Contributions #mw-content-text > .mw-contributions-footer a:hover,
body.page-Special_Contributions #mw-content-text > .mw-contributions-footer a:hover {
    color: var(--wp-teal) !important;
    text-decoration: underline !important;
}

body.wp-contributions-page #mw-content-text > .mw-contributions-footer a:first-child,
body.mw-special-Contributions #mw-content-text > .mw-contributions-footer a:first-child,
body.page-Special_Contributions #mw-content-text > .mw-contributions-footer a:first-child {
    display: inline-flex !important;
    align-items: center !important;
    padding: 4px 10px !important;
    margin-right: 6px !important;
    background: var(--wp-teal-soft) !important;
    color: var(--wp-heading) !important;
    border: 1px solid rgba(15, 107, 101, 0.18) !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

@media (max-width: 860px) {
    body.wp-contributions-page .wp-contrib-filter-card .mw-htmlform-field-HTMLCheckField.oo-ui-fieldLayout-align-inline {
        width: 100% !important;
    }

    body.wp-contributions-page .wp-contrib-filter-card .mw-htmlform-daterange-wrapper {
        grid-template-columns: 1fr !important;
    }
}


/* ============================================================
   2) SOURCE EDITOR / WIKIEDITOR / SUMMARY / BUTTONS
============================================================ */

body.action-edit .wikiEditor-ui,
body.action-submit .wikiEditor-ui,
body.action-edit #wikiEditor-ui,
body.action-submit #wikiEditor-ui {
    margin: 0 !important;
    background: var(--wp-surface) !important;
    border: 1px solid var(--wp-border) !important;
    border-top: 4px solid var(--wp-teal) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

body.action-edit #wikiEditor-ui-toolbar,
body.action-submit #wikiEditor-ui-toolbar {
    background: var(--wp-surface) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--wp-border) !important;
    box-shadow: none !important;
}

body.action-edit #wp-source-primary-bar,
body.action-submit #wp-source-primary-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
    padding: 10px 14px !important;
    background: var(--wp-surface-2) !important;
    border-bottom: 1px solid var(--wp-border) !important;
}

body.action-edit .wp-source-toolbar-left,
body.action-submit .wp-source-toolbar-left,
body.action-edit .wp-source-toolbar-right,
body.action-submit .wp-source-toolbar-right {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

body.action-edit .wp-source-tool,
body.action-submit .wp-source-tool {
    min-height: 34px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    color: var(--wp-heading) !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

body.action-edit .wp-source-tool:hover,
body.action-submit .wp-source-tool:hover {
    background: var(--wp-teal-soft) !important;
    color: var(--wp-teal-dark) !important;
    border-color: rgba(15, 107, 101, 0.16) !important;
}

body.action-edit .wp-source-mode-switch,
body.action-submit .wp-source-mode-switch {
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid var(--wp-border) !important;
    border-radius: 9px !important;
    overflow: hidden !important;
    background: var(--wp-surface) !important;
}

body.action-edit .wp-source-mode-switch a,
body.action-submit .wp-source-mode-switch a,
body.action-edit .wp-source-mode-active,
body.action-submit .wp-source-mode-active {
    min-height: 34px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

body.action-edit .wp-source-mode-switch a,
body.action-submit .wp-source-mode-switch a {
    color: var(--wp-teal-dark) !important;
    background: var(--wp-surface) !important;
}

body.action-edit .wp-source-mode-active,
body.action-submit .wp-source-mode-active {
    background: var(--wp-teal) !important;
    color: #FFFFFF !important;
}

body.action-edit #wikiEditor-ui-toolbar > .toolbar,
body.action-submit #wikiEditor-ui-toolbar > .toolbar {
    padding: 8px 10px !important;
    background: var(--wp-surface) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--wp-border) !important;
}

body.action-edit #wikiEditor-ui-toolbar .group,
body.action-submit #wikiEditor-ui-toolbar .group {
    padding: 0 8px !important;
    margin: 0 6px 0 0 !important;
    border-right: 1px solid var(--wp-border) !important;
}

body.action-edit #wikiEditor-ui-toolbar .group:last-child,
body.action-submit #wikiEditor-ui-toolbar .group:last-child {
    border-right: 0 !important;
    margin-right: 0 !important;
}

body.action-edit #wikiEditor-ui-toolbar .tool .oo-ui-buttonElement-button,
body.action-edit #wikiEditor-ui-toolbar .tool a,
body.action-submit #wikiEditor-ui-toolbar .tool .oo-ui-buttonElement-button,
body.action-submit #wikiEditor-ui-toolbar .tool a {
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    color: var(--wp-heading) !important;
    box-shadow: none !important;
}

body.action-edit #wikiEditor-ui-toolbar .tool .oo-ui-buttonElement-button:hover,
body.action-edit #wikiEditor-ui-toolbar .tool a:hover,
body.action-submit #wikiEditor-ui-toolbar .tool .oo-ui-buttonElement-button:hover,
body.action-submit #wikiEditor-ui-toolbar .tool a:hover {
    background: var(--wp-teal-soft) !important;
    color: var(--wp-teal-dark) !important;
}

body.action-edit #wikiEditor-ui-text,
body.action-submit #wikiEditor-ui-text {
    margin: 0 !important;
    padding: 0 !important;
    background: var(--wp-surface) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--wp-border) !important;
    border-radius: 0 !important;
}

body.action-edit #wpTextbox1,
body.action-submit #wpTextbox1 {
    width: 100% !important;
    min-height: 540px !important;
    padding: 18px !important;
    background: #FFFFFF !important;
    color: var(--wp-text) !important;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    resize: vertical !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

body.action-edit .wikiEditor-ui-resize,
body.action-submit .wikiEditor-ui-resize {
    margin: 0 !important;
    padding: 6px 0 !important;
    background: var(--wp-surface-2) !important;
    border-top: 1px solid var(--wp-border) !important;
}

/* Wiki markup panel */
#wp-wikitext-palette {
    margin: 14px 0 0 !important;
    background: var(--wp-surface) !important;
    border: 1px solid var(--wp-border) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

#wp-wikitext-palette summary {
    padding: 10px 14px !important;
    background: var(--wp-surface-2) !important;
    color: var(--wp-heading) !important;
    border-bottom: 1px solid var(--wp-border) !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    list-style: none !important;
}

#wp-wikitext-palette summary::-webkit-details-marker {
    display: none !important;
}

#wp-wikitext-palette .wp-wikitext-palette-body {
    padding: 12px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

#wp-wikitext-palette .wp-wikitext-button {
    min-height: 32px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--wp-surface) !important;
    color: var(--wp-teal-dark) !important;
    border: 1px solid var(--wp-border) !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

#wp-wikitext-palette .wp-wikitext-button:hover {
    background: var(--wp-teal-soft) !important;
    border-color: rgba(15, 107, 101, 0.16) !important;
}

#wp-wikitext-palette .wp-wikitext-separator {
    width: 1px !important;
    min-height: 28px !important;
    background: var(--wp-border) !important;
    margin: 2px 2px !important;
}

/* Summary / bottom form area */
body.action-edit .editOptions,
body.action-submit .editOptions {
    margin-top: 14px !important;
    padding: 18px 16px !important;
    background: var(--wp-surface-2) !important;
    border: 1px solid var(--wp-border) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

body.action-edit .editOptions label[for="wpSummary"],
body.action-submit .editOptions label[for="wpSummary"],
body.action-edit .editOptions .mw-summary-label,
body.action-submit .editOptions .mw-summary-label {
    display: block !important;
    margin: 0 0 8px !important;
    color: var(--wp-heading) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

body.action-edit #wpSummary,
body.action-submit #wpSummary {
    width: 100% !important;
    min-height: 44px !important;
    padding: 11px 13px !important;
    background: #FFFFFF !important;
    color: var(--wp-text) !important;
    border: 1px solid var(--wp-border) !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}

body.action-edit #wpSummary:focus,
body.action-submit #wpSummary:focus {
    border-color: var(--wp-teal) !important;
    box-shadow: 0 0 0 3px var(--wp-teal-soft) !important;
    outline: none !important;
}

body.action-edit .editCheckboxes,
body.action-submit .editCheckboxes {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px 26px !important;
    margin: 14px 0 12px !important;
}

body.action-edit .editCheckboxes label,
body.action-submit .editCheckboxes label,
body.action-edit .editCheckboxes .oo-ui-fieldLayout,
body.action-submit .editCheckboxes .oo-ui-fieldLayout {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    color: var(--wp-text) !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

body.action-edit .editCheckboxes input[type="checkbox"],
body.action-submit .editCheckboxes input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    accent-color: var(--wp-teal) !important;
    flex: 0 0 auto !important;
}

body.action-edit #editpage-copywarn,
body.action-submit #editpage-copywarn {
    margin: 12px 0 0 !important;
    padding-top: 12px !important;
    border-top: 1px solid var(--wp-border) !important;
    color: var(--wp-muted) !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
}

body.action-edit .editButtons,
body.action-submit .editButtons {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 14px !important;
}

body.action-edit .editButtons input[type="submit"],
body.action-edit .editButtons input[type="button"],
body.action-edit .editButtons button,
body.action-edit #wpSave,
body.action-edit #wpPreview,
body.action-edit #wpDiff,
body.action-submit .editButtons input[type="submit"],
body.action-submit .editButtons input[type="button"],
body.action-submit .editButtons button,
body.action-submit #wpSave,
body.action-submit #wpPreview,
body.action-submit #wpDiff {
    min-height: 44px !important;
    padding: 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #FFFFFF !important;
    color: var(--wp-teal-dark) !important;
    border: 1px solid var(--wp-border) !important;
    border-radius: 9px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

body.action-edit .editButtons #wpSave,
body.action-edit .editButtons input[name="wpSave"],
body.action-submit .editButtons #wpSave,
body.action-submit .editButtons input[name="wpSave"] {
    background: var(--wp-teal) !important;
    color: #FFFFFF !important;
    border-color: var(--wp-teal) !important;
}

body.action-edit .editButtons input[type="submit"]:hover,
body.action-edit .editButtons input[type="button"]:hover,
body.action-edit .editButtons button:hover,
body.action-submit .editButtons input[type="submit"]:hover,
body.action-submit .editButtons input[type="button"]:hover,
body.action-submit .editButtons button:hover {
    background: var(--wp-teal-soft) !important;
    border-color: rgba(15, 107, 101, 0.18) !important;
    color: var(--wp-teal-dark) !important;
}

body.action-edit .editButtons #wpSave:hover,
body.action-submit .editButtons #wpSave:hover {
    background: var(--wp-teal-dark) !important;
    border-color: var(--wp-teal-dark) !important;
    color: #FFFFFF !important;
}


/* ============================================================
   3) SOURCE EDITOR DIALOGS / POPUPS / TABLE / MEDIA
============================================================ */

.ui-dialog,
.ui-widget.ui-widget-content,
.wikiEditor-ui-dialog,
.wikiEditor-ui-dialog .ui-dialog-content {
    background: var(--wp-surface) !important;
    color: var(--wp-text) !important;
    border: 1px solid var(--wp-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 40px rgba(18, 35, 63, 0.18) !important;
}

.ui-dialog .ui-dialog-titlebar,
.wikiEditor-ui-dialog .ui-dialog-titlebar {
    padding: 16px 20px !important;
    background: var(--wp-surface-2) !important;
    color: var(--wp-heading) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--wp-border) !important;
    border-radius: 12px 12px 0 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.ui-dialog .ui-dialog-titlebar-close,
.wikiEditor-ui-dialog .ui-dialog-titlebar-close {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ui-dialog .ui-dialog-content,
.wikiEditor-ui-dialog .ui-dialog-content {
    padding: 18px 20px !important;
}

.ui-dialog label,
.wikiEditor-ui-dialog label {
    display: block !important;
    margin: 0 0 8px !important;
    color: var(--wp-heading) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.ui-dialog input[type="text"],
.ui-dialog input[type="number"],
.ui-dialog input[type="url"],
.ui-dialog textarea,
.ui-dialog select,
.wikiEditor-ui-dialog input[type="text"],
.wikiEditor-ui-dialog input[type="number"],
.wikiEditor-ui-dialog input[type="url"],
.wikiEditor-ui-dialog textarea,
.wikiEditor-ui-dialog select {
    width: 100% !important;
    min-height: 42px !important;
    padding: 10px 12px !important;
    background: #FFFFFF !important;
    color: var(--wp-text) !important;
    border: 1px solid var(--wp-border) !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}

.ui-dialog input:focus,
.ui-dialog textarea:focus,
.ui-dialog select:focus,
.wikiEditor-ui-dialog input:focus,
.wikiEditor-ui-dialog textarea:focus,
.wikiEditor-ui-dialog select:focus {
    outline: none !important;
    border-color: var(--wp-teal) !important;
    box-shadow: 0 0 0 3px var(--wp-teal-soft) !important;
}

.ui-dialog input[type="checkbox"],
.wikiEditor-ui-dialog input[type="checkbox"],
.ui-dialog input[type="radio"],
.wikiEditor-ui-dialog input[type="radio"] {
    accent-color: var(--wp-teal) !important;
}

.ui-dialog .ui-dialog-buttonpane,
.wikiEditor-ui-dialog .ui-dialog-buttonpane {
    margin: 0 !important;
    padding: 14px 20px 18px !important;
    background: var(--wp-surface) !important;
    border-top: 1px solid var(--wp-border) !important;
}

.ui-dialog .ui-dialog-buttonpane button,
.wikiEditor-ui-dialog .ui-dialog-buttonpane button,
.ui-dialog .ui-button,
.wikiEditor-ui-dialog .ui-button {
    min-height: 42px !important;
    padding: 0 16px !important;
    background: #FFFFFF !important;
    color: var(--wp-teal-dark) !important;
    border: 1px solid var(--wp-border) !important;
    border-radius: 9px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

.ui-dialog .ui-dialog-buttonpane button:hover,
.wikiEditor-ui-dialog .ui-dialog-buttonpane button:hover,
.ui-dialog .ui-button:hover,
.wikiEditor-ui-dialog .ui-button:hover {
    background: var(--wp-teal-soft) !important;
}

/* Keep disabled insert buttons soft */
.ui-dialog button[disabled],
.wikiEditor-ui-dialog button[disabled],
.ui-dialog .ui-state-disabled,
.wikiEditor-ui-dialog .ui-state-disabled {
    opacity: .55 !important;
    cursor: not-allowed !important;
}


/* ============================================================
   4) VISUAL EDITOR — TOOLBAR / MENUS / SURFACE / DIALOGS
============================================================ */

.ve-init-mw-desktopArticleTarget-toolbar,
.ve-ui-toolbar,
.ve-ui-surface,
.ve-ui-surface .ve-ui-toolbar {
    box-shadow: none !important;
}

.ve-ui-toolbar .oo-ui-toolbar-bar {
    background: var(--wp-surface) !important;
    border: 1px solid var(--wp-border) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.ve-ui-toolbar .oo-ui-toolbar-tools {
    gap: 0 !important;
}

.ve-ui-toolbar .oo-ui-tool-link,
.ve-ui-toolbar .oo-ui-popupToolGroup-handle,
.ve-ui-toolbar .oo-ui-toolbar-bar .oo-ui-buttonElement-button {
    min-height: 46px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--wp-heading) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ve-ui-toolbar .oo-ui-tool-link:hover,
.ve-ui-toolbar .oo-ui-popupToolGroup-handle:hover,
.ve-ui-toolbar .oo-ui-toolbar-bar .oo-ui-buttonElement-button:hover,
.ve-ui-toolbar .oo-ui-tool-active .oo-ui-tool-link,
.ve-ui-toolbar .oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
    background: var(--wp-teal-soft) !important;
    color: var(--wp-teal-dark) !important;
}

.ve-ui-toolbar .oo-ui-toolGroup {
    border-right: 1px solid var(--wp-border) !important;
}

.ve-ui-toolbar .oo-ui-toolGroup:last-child {
    border-right: 0 !important;
}

.ve-ui-toolbar .oo-ui-popupToolGroup-tools,
.ve-ui-toolbar .oo-ui-menuSelectWidget,
.oo-ui-popupWidget-popup {
    background: var(--wp-surface) !important;
    color: var(--wp-text) !important;
    border: 1px solid var(--wp-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 16px 40px rgba(18, 35, 63, 0.18) !important;
    overflow: hidden !important;
}

.ve-ui-toolbar .oo-ui-menuOptionWidget,
.ve-ui-toolbar .oo-ui-toolGroupTools .oo-ui-tool-link,
.oo-ui-menuSelectWidget .oo-ui-optionWidget {
    color: var(--wp-text) !important;
}

.ve-ui-toolbar .oo-ui-menuOptionWidget:hover,
.ve-ui-toolbar .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.ve-ui-toolbar .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuSelectWidget .oo-ui-optionWidget:hover,
.oo-ui-menuSelectWidget .oo-ui-optionWidget-selected,
.oo-ui-menuSelectWidget .oo-ui-optionWidget-highlighted {
    background: var(--wp-teal-soft) !important;
    color: var(--wp-teal-dark) !important;
}

.ve-ce-surface {
    margin-top: 12px !important;
    background: #FFFFFF !important;
    border: 1px solid var(--wp-border) !important;
    border-top: 4px solid var(--wp-teal) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

.ve-ce-documentNode {
    padding: 18px 20px !important;
}

.ve-ui-mwSaveDialog .oo-ui-window-frame,
.ve-ui-mwMediaDialog .oo-ui-window-frame,
.ve-ui-mwTransclusionDialog .oo-ui-window-frame,
.ve-ui-mwReferenceDialog .oo-ui-window-frame,
.oo-ui-windowManager .oo-ui-window-frame {
    background: var(--wp-surface) !important;
    color: var(--wp-text) !important;
    border: 1px solid var(--wp-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 44px rgba(18, 35, 63, 0.2) !important;
}

.oo-ui-window-head,
.oo-ui-processDialog-head {
    background: var(--wp-surface-2) !important;
    color: var(--wp-heading) !important;
    border-bottom: 1px solid var(--wp-border) !important;
}

.oo-ui-window-head .oo-ui-labelElement-label,
.oo-ui-processDialog-head .oo-ui-labelElement-label,
.oo-ui-window-head .oo-ui-window-title,
.oo-ui-processDialog-head .oo-ui-window-title {
    color: var(--wp-heading) !important;
    font-weight: 700 !important;
}

.oo-ui-window-body,
.oo-ui-processDialog-body {
    background: var(--wp-surface) !important;
}

.oo-ui-window-foot,
.oo-ui-processDialog-actions {
    background: var(--wp-surface) !important;
    border-top: 1px solid var(--wp-border) !important;
}

.oo-ui-window-body input[type="text"],
.oo-ui-window-body input[type="search"],
.oo-ui-window-body input[type="url"],
.oo-ui-window-body input[type="number"],
.oo-ui-window-body textarea,
.oo-ui-window-body select,
.oo-ui-processDialog-body input[type="text"],
.oo-ui-processDialog-body input[type="search"],
.oo-ui-processDialog-body input[type="url"],
.oo-ui-processDialog-body input[type="number"],
.oo-ui-processDialog-body textarea,
.oo-ui-processDialog-body select {
    min-height: 42px !important;
    background: #FFFFFF !important;
    color: var(--wp-text) !important;
    border: 1px solid var(--wp-border) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

.oo-ui-window-body input:focus,
.oo-ui-window-body textarea:focus,
.oo-ui-window-body select:focus,
.oo-ui-processDialog-body input:focus,
.oo-ui-processDialog-body textarea:focus,
.oo-ui-processDialog-body select:focus {
    border-color: var(--wp-teal) !important;
    box-shadow: 0 0 0 3px var(--wp-teal-soft) !important;
    outline: none !important;
}

.oo-ui-window-foot .oo-ui-buttonElement-button,
.oo-ui-processDialog-actions .oo-ui-buttonElement-button,
.oo-ui-window-body .oo-ui-buttonElement-button,
.oo-ui-processDialog-body .oo-ui-buttonElement-button {
    min-height: 40px !important;
    padding: 0 15px !important;
    border-radius: 9px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button,
.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button {
    background: var(--wp-teal) !important;
    color: #FFFFFF !important;
    border-color: var(--wp-teal) !important;
}

.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button:hover,
.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:hover {
    background: var(--wp-teal-dark) !important;
    border-color: var(--wp-teal-dark) !important;
}


/* ============================================================
   5) EDIT WARNING / SUCCESS NOTICE CLEANUP
============================================================ */

body.ns-8.action-edit .wp-interface-edit-warning,
body.ns-8.action-submit .wp-interface-edit-warning,
body.ns-8.action-edit .cdx-message--error.wp-interface-edit-warning,
body.ns-8.action-submit .cdx-message--error.wp-interface-edit-warning {
    margin: 0 0 18px !important;
    padding: 14px 16px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    background: #FFF9EF !important;
    color: var(--wp-text) !important;
    border: 1px solid #E4D3B2 !important;
    border-left: 4px solid var(--wp-gold) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

body.ns-8.action-edit .wp-interface-edit-warning .cdx-message__icon,
body.ns-8.action-submit .wp-interface-edit-warning .cdx-message__icon {
    color: var(--wp-gold) !important;
}

body.ns-8.action-edit .wp-interface-edit-warning strong,
body.ns-8.action-submit .wp-interface-edit-warning strong {
    color: var(--wp-heading) !important;
}

#mw-notification-area .mw-notification,
#mw-notification-area > div,
.mw-notification {
    border-radius: 10px !important;
}

@media (max-width: 860px) {
    body.action-edit #wp-source-primary-bar,
    body.action-submit #wp-source-primary-bar {
        padding: 10px 12px !important;
    }

    body.action-edit #wpTextbox1,
    body.action-submit #wpTextbox1 {
        min-height: 420px !important;
        padding: 14px !important;
    }
}