/* Promise Legal Research Wiki — Brand CSS v7.1 2026-03-25 */

:root {
  --pl-navy: #2859a7;
  --pl-navy-dark: #1e427e;
  --pl-teal: #32b19e;
  --pl-teal-dark: #288d7e;
  --pl-blue: #4a9eff;
  --pl-gold: #c9a961;
  --pl-text-primary: #191c1d;
  --pl-text-body: #374151;
  --pl-text-secondary: #4b5563;
  --pl-bg: #f8f9fa;
  --pl-bg-card: #ffffff;
  --pl-border: #e1e4e8;
  --pl-shadow-ambient: rgba(0, 26, 65, 0.06);
  --pl-radius: 8px;
  --pl-radius-full: 9999px;
  --pl-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* 1. GLOBAL TYPOGRAPHY */
body, .skin-vector .mw-body, .skin-vector-2022 .mw-body, .skin-minerva .mw-body {
  font-family: var(--pl-font); color: var(--pl-text-body); line-height: 1.7;
}
.mw-body-content { font-size: 1rem; }
h1, h2, h3, h4, h5, h6,
.mw-heading h1, .mw-heading h2, .mw-heading h3, .mw-heading h4, .mw-heading h5, .mw-heading h6 {
  font-family: var(--pl-font); color: var(--pl-navy); font-weight: 600; line-height: 1.3;
}
h1, .mw-heading h1 { font-size: 2rem; }
h2, .mw-heading h2 { font-size: 1.5rem; }
h3, .mw-heading h3 { font-size: 1.25rem; }
.skin-vector-2022 .mw-heading { border-bottom: 2px solid var(--pl-border); }
.skin-vector-2022 .mw-heading h2 { border-bottom: none; padding-bottom: 0.5rem; }

/* 2. LINKS */
.mw-body-content a { color: var(--pl-navy); text-decoration: none; }
.mw-body-content a:hover { color: var(--pl-navy-dark); text-decoration: underline; }
.mw-body-content a:visited { color: var(--pl-navy-dark); }
.mw-body-content a.new { color: #ba0000; }

/* 3. HEADER BAR — Vector 2022 */
.skin-vector-2022 .vector-header {
  background: linear-gradient(135deg, var(--pl-navy) 0%, var(--pl-navy-dark) 100%);
  color: #ffffff; box-shadow: 0 2px 8px var(--pl-shadow-ambient);
}
.skin-vector-2022 .vector-sticky-header {
  background: linear-gradient(135deg, var(--pl-navy) 0%, var(--pl-navy-dark) 100%); color: #ffffff;
}
.skin-vector-2022 .vector-header .mw-logo-wordmark { color: #ffffff; font-weight: 700; }
.skin-vector-2022 .vector-header .vector-main-menu-dropdown > .vector-dropdown-label { color: #ffffff; }
.skin-vector-2022 .vector-header .vector-main-menu-dropdown > .vector-dropdown-label .vector-icon { filter: brightness(0) invert(1); }
.skin-vector-2022 .vector-header .search-toggle { color: #ffffff; }
.skin-vector-2022 .vector-header .search-toggle .vector-icon { filter: brightness(0) invert(1); }
.skin-vector-2022 .vector-header .vector-user-links .vector-dropdown-label { color: #ffffff; }
.skin-vector-2022 .vector-header .vector-user-links .vector-dropdown-label .vector-icon { filter: brightness(0) invert(1); }
.skin-vector-2022 .vector-header .vector-user-links > .vector-menu > .vector-menu-heading { color: #ffffff; }
.skin-vector-2022 .vector-header .vector-user-links a { color: #ffffff; }
.skin-vector-2022 .vector-sticky-header .vector-icon { filter: brightness(0) invert(1); }
.skin-vector-2022 .vector-sticky-header a { color: #ffffff; }

/* 4. DROPDOWN MENUS */
.skin-vector-2022 .vector-main-menu .vector-menu-heading { color: var(--pl-navy); font-weight: 600; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; }
.skin-vector-2022 .vector-main-menu .vector-menu-content-list a { color: var(--pl-text-body); }
.skin-vector-2022 .vector-main-menu .vector-menu-content-list a:hover { color: var(--pl-navy); }
.skin-vector-2022 .vector-user-links .vector-dropdown-content a { color: var(--pl-text-body); }
.skin-vector-2022 .vector-user-links .vector-dropdown-content a:hover { color: var(--pl-navy); }

/* 5. TABS */
.skin-vector-2022 .vector-menu-tabs .mw-list-item a { color: var(--pl-navy); font-weight: 500; }
.skin-vector-2022 .vector-menu-tabs .mw-list-item.selected a { color: var(--pl-text-primary); border-bottom-color: var(--pl-teal); }
.skin-vector-2022 .vector-menu-tabs .mw-list-item a:hover { color: var(--pl-teal); }

/* 6. SIDEBAR */
.skin-vector-2022 .vector-column-start { background: #ffffff; border-right: 1px solid var(--pl-border); }
.skin-vector-2022 .vector-column-start .vector-menu-heading { color: var(--pl-navy); font-weight: 600; font-size: 0.75rem; text-transform: uppercase; }
.skin-vector-2022 .vector-column-start a { color: var(--pl-text-body); font-size: 0.875rem; }
.skin-vector-2022 .vector-column-start a:hover { color: var(--pl-navy); }

/* 7. CONTENT AREA */
.skin-vector-2022 .mw-body { background: #ffffff; max-width: 1200px; }
.skin-vector-2022 .mw-page-title-main, .skin-vector-2022 #firstHeading { font-weight: 700; color: var(--pl-text-primary); font-size: 2rem; }
body.page-Main_Page #firstHeading, body.page-Main_Page .mw-page-title-main { display: none; }
.skin-vector-2022 .vector-toc, .skin-vector-2022 #toc, .skin-vector-2022 .toc { background: var(--pl-bg); border: none; border-radius: var(--pl-radius); padding: 1.25rem; }
.vector-search-box-vue .cdx-search-input .cdx-text-input__input:focus { border-color: var(--pl-teal); box-shadow: 0 0 0 3px rgba(50, 177, 158, 0.15); }
