/*
 * PAOIL (Pangasinaniana Archive and Online Index to its Literature)
 * Metro-Dagupan Colleges (MDC) Institutional Design System
 * Modernized High-Contrast & High-Readability Stylesheet
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Merriweather:ital,wght@0,400;0,700;1,400&display=swap');

:root {
  --mdc-green: #175B38;
  --mdc-green-dark: #0f3d25;
  --mdc-green-deep: #092617;
  --mdc-green-light: #238552;
  --mdc-gold: #D5A52B;
  --mdc-gold-light: #F0C45C;
  --mdc-gold-dark: #AA8018;
  --mdc-ivory: #F7F6F0;
  --mdc-warm-ivory: #EFEFE9;
  --mdc-text-dark: #1F2937;
  --mdc-text-body: #374151;
  --mdc-text-muted: #6B7280;
  --mdc-border: #D1D5DB;
  --mdc-border-light: #E5E7EB;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-serif: 'Merriweather', Georgia, Cambria, serif;
}

/* Global Reset & Base Typography */
body {
  font-family: var(--font-sans) !important;
  color: var(--mdc-text-body) !important;
  background-color: #F9FAFB !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-font-smoothing: antialiased !important;
}

a {
  color: var(--mdc-green) !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

a:hover, a:focus {
  color: var(--mdc-green-dark) !important;
  text-decoration: underline !important;
}

/* 1. INSTITUTIONAL TOP BAR */
.paoil-topbar {
  background-color: var(--mdc-green-dark) !important;
  border-bottom: 2px solid var(--mdc-gold) !important;
  color: #ffffff !important;
  padding: 9px 0 !important;
  font-size: 13px !important;
  position: relative !important;
  z-index: 1000 !important;
}

.paoil-topbar-inner {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.paoil-topbar-inst {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.paoil-topbar-inst:hover {
  text-decoration: none !important;
  opacity: 0.95 !important;
}

.paoil-topbar-logo {
  height: 30px !important;
  width: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4)) !important;
}

.paoil-topbar-name {
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  color: #ffffff !important;
  font-size: 13px !important;
}

.paoil-topbar-sep {
  color: var(--mdc-gold) !important;
  font-weight: bold !important;
  opacity: 0.8 !important;
}

.paoil-topbar-dept {
  color: var(--mdc-gold-light) !important;
  font-weight: 600 !important;
}

.paoil-topbar-loc {
  color: rgba(255, 255, 255, 0.85) !important;
  font-weight: 400 !important;
}

.paoil-topbar-controls {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.paoil-topbar-login {
  background: rgba(213, 165, 43, 0.22) !important;
  border: 1px solid var(--mdc-gold) !important;
  color: #ffffff !important;
  padding: 4px 14px !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  font-size: 12.5px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

.paoil-topbar-login:hover {
  background: var(--mdc-gold) !important;
  color: var(--mdc-green-deep) !important;
  text-decoration: none !important;
}

.paoil-topbar-user {
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 12.5px !important;
}

/* 2. MAIN BRANDING HEADER */
.paoil-main-header {
  background-color: #ffffff !important;
  border-bottom: 1px solid var(--mdc-border-light) !important;
  padding: 16px 0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

.paoil-main-header-inner {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
}

.paoil-brand-group {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  text-decoration: none !important;
}

.paoil-brand-group:hover {
  text-decoration: none !important;
}

.paoil-brand-logo {
  height: 52px !important;
  width: auto !important;
  max-width: 290px !important;
  object-fit: contain !important;
  display: block !important;
}

.paoil-brand-divider {
  width: 1px !important;
  height: 44px !important;
  background-color: var(--mdc-border) !important;
}

.paoil-brand-titles {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.paoil-brand-title {
  font-family: var(--font-serif) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--mdc-green-dark) !important;
  line-height: 1.3 !important;
}

.paoil-brand-tagline {
  font-size: 12.5px !important;
  color: var(--mdc-text-muted) !important;
  margin-top: 3px !important;
}

/* Header Quick Search Box */
.paoil-header-search {
  flex: 0 0 340px !important;
  max-width: 380px !important;
}

.paoil-header-search form {
  display: flex !important;
  position: relative !important;
  margin: 0 !important;
}

.paoil-header-search input[type="text"] {
  width: 100% !important;
  height: 40px !important;
  padding: 8px 44px 8px 14px !important;
  border: 1.5px solid var(--mdc-border) !important;
  border-radius: 6px !important;
  font-size: 13.5px !important;
  color: var(--mdc-text-dark) !important;
  background-color: #ffffff !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.2s ease !important;
}

.paoil-header-search input[type="text"]:focus {
  border-color: var(--mdc-green) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(23, 91, 56, 0.15) !important;
}

.paoil-header-search button {
  position: absolute !important;
  right: 4px !important;
  top: 4px !important;
  width: 32px !important;
  height: 32px !important;
  background-color: var(--mdc-green) !important;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color 0.15s ease !important;
}

.paoil-header-search button:hover {
  background-color: var(--mdc-green-dark) !important;
}

.paoil-header-search button::after {
  content: "" !important;
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat center !important;
  background-size: contain !important;
}

/* 3. PRIMARY NAVIGATION BAR */
.paoil-navbar {
  display: block !important;
  float: none !important;
  clear: both !important;
  background-color: var(--mdc-green) !important;
  background: var(--mdc-green) !important;
  width: 100% !important;
  height: auto !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12) !important;
  position: relative !important;
  z-index: 100 !important;
}

.paoil-navbar-inner,
.paoil-navbar > div {
  float: none !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  position: static !important;
}

.paoil-nav-menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

.paoil-nav-menu > li {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
}

.paoil-nav-menu > li > a {
  display: block !important;
  padding: 14px 18px !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  border-bottom: 3px solid transparent !important;
  transition: all 0.2s ease !important;
}

.paoil-nav-menu > li:hover > a {
  background-color: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  border-bottom-color: var(--mdc-gold) !important;
  text-decoration: none !important;
}

.paoil-nav-menu > li.active > a {
  background-color: rgba(0, 0, 0, 0.18) !important;
  color: var(--mdc-gold-light) !important;
  font-weight: 700 !important;
  border-bottom: 3px solid var(--mdc-gold) !important;
  text-decoration: none !important;
}

/* Hide legacy redundant title on homepage */
.staticpage.home #wrapper > h1,
.staticpage.home #title,
.staticpage.home #wrapper > .title,
.staticpage.home #content > h1:first-child {
  display: none !important;
}

#wrapper.container {
  max-width: 1240px !important;
  width: 100% !important;
  margin: 25px auto 40px auto !important;
  padding: 0 20px !important;
}

/* 4. HERO SECTION */
.paoil-hero {
  background: linear-gradient(135deg, #104228 0%, #175B38 55%, #0d3822 100%) !important;
  border-radius: 12px !important;
  padding: 55px 24px 60px !important;
  margin-bottom: 45px !important;
  color: #ffffff !important;
  text-align: center !important;
  box-shadow: 0 10px 25px rgba(16, 66, 40, 0.25) !important;
  border: 1px solid rgba(213, 165, 43, 0.3) !important;
}

.paoil-hero-inner {
  max-width: 900px !important;
  margin: 0 auto !important;
}

.paoil-hero-badge {
  display: inline-block !important;
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid var(--mdc-gold) !important;
  color: var(--mdc-gold-light) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  padding: 6px 18px !important;
  border-radius: 20px !important;
  margin-bottom: 22px !important;
}

.paoil-hero-title {
  font-family: var(--font-serif) !important;
  font-size: 38px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #ffffff !important;
  margin: 0 0 18px 0 !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.35) !important;
}

.paoil-hero-desc {
  font-size: 17px !important;
  line-height: 1.65 !important;
  color: #f7f6f0 !important;
  max-width: 820px !important;
  margin: 0 auto 32px auto !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
}

.paoil-hero-ctas {
  display: flex !important;
  gap: 16px !important;
  justify-content: center !important;
  align-items: center !important;
  margin-bottom: 35px !important;
}

.paoil-btn-gold {
  background-color: var(--mdc-gold) !important;
  color: var(--mdc-green-deep) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 12px 28px !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
  border: none !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.paoil-btn-gold:hover {
  background-color: #ebc25a !important;
  color: #052414 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3) !important;
  text-decoration: none !important;
}

.paoil-btn-outline-white {
  background-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 10px 26px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  text-shadow: none !important;
  transition: all 0.2s ease !important;
}

.paoil-btn-outline-white:hover {
  background-color: #ffffff !important;
  color: var(--mdc-green) !important;
  text-decoration: none !important;
}

/* Hero Archival Search */
.paoil-hero-search {
  max-width: 720px !important;
  margin: 0 auto !important;
}

.paoil-hero-search form {
  display: flex !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  margin: 0 !important;
}

.paoil-hero-search-input {
  flex: 1 !important;
  height: 50px !important;
  padding: 12px 20px !important;
  font-size: 15.5px !important;
  border: none !important;
  color: #111827 !important;
  background-color: #ffffff !important;
}

.paoil-hero-search-input:focus {
  outline: none !important;
}

.paoil-hero-search-btn {
  background-color: var(--mdc-gold) !important;
  color: var(--mdc-green-deep) !important;
  font-weight: 700 !important;
  font-size: 15.5px !important;
  padding: 0 28px !important;
  border: none !important;
  cursor: pointer !important;
  transition: background-color 0.15s ease !important;
}

.paoil-hero-search-btn:hover {
  background-color: #ebc25a !important;
}

/* 5. SECTIONS & CARDS */
.paoil-section {
  margin-bottom: 50px !important;
}

.paoil-section-header {
  text-align: center !important;
  margin-bottom: 35px !important;
}

.paoil-section-title {
  font-family: var(--font-serif) !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  color: var(--mdc-green) !important;
  margin: 0 0 10px 0 !important;
}

.paoil-section-subtitle {
  font-size: 16px !important;
  color: var(--mdc-text-body) !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  line-height: 1.6 !important;
}

/* 6 Collection Discovery Grid */
.paoil-collections-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
  gap: 24px !important;
}

.paoil-collection-card {
  background: #ffffff !important;
  border: 1px solid var(--mdc-border) !important;
  border-radius: 8px !important;
  padding: 26px !important;
  display: flex !important;
  flex-direction: column !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

.paoil-collection-card:hover {
  border-color: var(--mdc-gold) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08) !important;
  text-decoration: none !important;
}

.paoil-card-icon-wrap {
  width: 50px !important;
  height: 50px !important;
  background-color: var(--mdc-ivory) !important;
  border: 1px solid var(--mdc-border-light) !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 24px !important;
  margin-bottom: 16px !important;
}

.paoil-card-title {
  font-family: var(--font-serif) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--mdc-green) !important;
  margin: 0 0 10px 0 !important;
}

.paoil-card-desc {
  font-size: 14px !important;
  color: var(--mdc-text-body) !important;
  line-height: 1.55 !important;
  flex-grow: 1 !important;
  margin: 0 0 16px 0 !important;
}

.paoil-card-link {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: var(--mdc-green) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

/* Category Grid */
.paoil-category-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 16px !important;
  margin-top: 20px !important;
}

.paoil-cat-item {
  background: #ffffff !important;
  border: 1px solid var(--mdc-border) !important;
  border-radius: 8px !important;
  padding: 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}

.paoil-cat-item:hover {
  border-color: var(--mdc-green) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
  text-decoration: none !important;
}

.paoil-cat-icon {
  font-size: 26px !important;
}

.paoil-cat-name {
  font-weight: 700 !important;
  color: var(--mdc-green-dark) !important;
  font-size: 14px !important;
}

/* Featured Records Grid */
.paoil-featured-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)) !important;
  gap: 22px !important;
}

.paoil-record-card {
  background: #ffffff !important;
  border: 1px solid var(--mdc-border) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  text-decoration: none !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.2s ease !important;
}

.paoil-record-card:hover {
  border-color: var(--mdc-green) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08) !important;
  text-decoration: none !important;
}

.paoil-record-thumb {
  height: 140px !important;
  background-color: var(--mdc-ivory) !important;
  border-bottom: 1px solid var(--mdc-border-light) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.paoil-record-body {
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

.paoil-record-badge {
  display: inline-block !important;
  align-self: flex-start !important;
  background-color: var(--mdc-ivory) !important;
  color: var(--mdc-green-dark) !important;
  border: 1px solid var(--mdc-border) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  margin-bottom: 10px !important;
}

.paoil-record-title {
  font-family: var(--font-serif) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--mdc-text-dark) !important;
  line-height: 1.4 !important;
  margin: 0 0 12px 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.paoil-record-meta {
  margin-top: auto !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 12.5px !important;
  color: var(--mdc-text-muted) !important;
  border-top: 1px solid var(--mdc-border-light) !important;
  padding-top: 10px !important;
}

/* 6. ABOUT BOX & MISSION */
.paoil-about-box {
  background: #ffffff !important;
  border: 1px solid var(--mdc-border) !important;
  border-top: 4px solid var(--mdc-green) !important;
  border-radius: 8px !important;
  padding: 36px 32px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}

.paoil-about-inner {
  display: grid !important;
  grid-template-columns: 2fr 1.2fr !important;
  gap: 36px !important;
  align-items: center !important;
}

.paoil-about-text h2 {
  font-family: var(--font-serif) !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: var(--mdc-green) !important;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

.paoil-about-text p {
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: var(--mdc-text-body) !important;
  margin-bottom: 14px !important;
}

.paoil-btn-green {
  background-color: var(--mdc-green) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 10px 22px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}

.paoil-btn-green:hover {
  background-color: var(--mdc-green-dark) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.paoil-about-stats {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
}

.paoil-stat-item {
  background-color: var(--mdc-ivory) !important;
  border: 1px solid var(--mdc-border) !important;
  border-radius: 8px !important;
  padding: 18px 14px !important;
  text-align: center !important;
}

.paoil-stat-num {
  font-size: 26px !important;
  font-weight: 800 !important;
  color: var(--mdc-green) !important;
  line-height: 1.1 !important;
  margin-bottom: 6px !important;
}

.paoil-stat-label {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--mdc-text-muted) !important;
}

/* 7. INSTITUTIONAL FOOTER */
.paoil-footer {
  background-color: var(--mdc-green-dark) !important;
  border-top: 4px solid var(--mdc-gold) !important;
  color: #ffffff !important;
  padding: 48px 0 25px 0 !important;
  margin-top: 60px !important;
}

.paoil-footer-inner {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

.paoil-footer-grid {
  display: grid !important;
  grid-template-columns: 1.4fr 1fr 1.2fr 1fr !important;
  gap: 36px !important;
  margin-bottom: 36px !important;
}

.paoil-footer-col h3 {
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--mdc-gold-light) !important;
  margin: 0 0 16px 0 !important;
  border-bottom: 1px solid rgba(213, 165, 43, 0.3) !important;
  padding-bottom: 8px !important;
}

.paoil-footer-col p {
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

.paoil-footer-col ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.paoil-footer-col ul li {
  margin-bottom: 8px !important;
}

.paoil-footer-col ul li a {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 13.5px !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}

.paoil-footer-col ul li a:hover {
  color: var(--mdc-gold-light) !important;
  text-decoration: underline !important;
  padding-left: 3px !important;
}

.paoil-footer-ack {
  background: rgba(0, 0, 0, 0.25) !important;
  border-left: 3px solid var(--mdc-gold) !important;
  padding: 16px 20px !important;
  border-radius: 0 6px 6px 0 !important;
  margin-bottom: 30px !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

.paoil-footer-ack a {
  color: var(--mdc-gold-light) !important;
  font-weight: 600 !important;
}

.paoil-footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
  padding-top: 20px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 12.5px !important;
  color: rgba(255, 255, 255, 0.7) !important;
}

.paoil-footer-bottom a {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* 8. INNER PAGES & ISAD(G) ENHANCEMENTS */
#content {
  background: #ffffff !important;
  border: 1px solid var(--mdc-border) !important;
  border-radius: 8px !important;
  padding: 28px 32px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}

#breadcrumb, .breadcrumb {
  background: transparent !important;
  padding: 8px 0 16px 0 !important;
  font-size: 12.5px !important;
  color: var(--mdc-text-muted) !important;
  border: none !important;
  box-shadow: none !important;
}

#breadcrumb a, .breadcrumb a {
  color: var(--mdc-green) !important;
  font-weight: 600 !important;
}

span[anchor] {
  display: block !important;
  margin-top: 28px !important;
  margin-bottom: 14px !important;
}

span[anchor] h2, #content section > h2, #content > h2 {
  font-family: var(--font-sans) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--mdc-green) !important;
  border-bottom: 2px solid var(--mdc-gold) !important;
  padding-bottom: 6px !important;
  margin-bottom: 14px !important;
}

#treeview {
  font-size: 13px !important;
  line-height: 1.5 !important;
}

#treeview a {
  color: var(--mdc-text-dark) !important;
  transition: color 0.15s ease !important;
}

#treeview a:hover {
  color: var(--mdc-green) !important;
}

#treeview .active > a, 
#treeview li.jstree-open > a.jstree-clicked, 
#treeview a.jstree-clicked {
  background: var(--mdc-ivory) !important;
  color: var(--mdc-green-dark) !important;
  font-weight: 700 !important;
  border-left: 3px solid var(--mdc-green) !important;
  padding-left: 6px !important;
  border-radius: 0 4px 4px 0 !important;
}

#content table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin-bottom: 20px !important;
  border: 1px solid var(--mdc-border) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}

#content th {
  background: var(--mdc-ivory) !important;
  color: var(--mdc-green-dark) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 10px 14px !important;
  border-bottom: 1px solid var(--mdc-border) !important;
  border-right: 1px solid var(--mdc-border-light) !important;
  text-align: left !important;
}

#content td {
  padding: 10px 14px !important;
  border-bottom: 1px solid var(--mdc-border-light) !important;
  border-right: 1px solid var(--mdc-border-light) !important;
  font-size: 13px !important;
}

/* 9. RESPONSIVE BREAKPOINTS */
@media (max-width: 980px) {
  .paoil-footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
  }
  
  .paoil-about-inner {
    grid-template-columns: 1fr !important;
  }
  
  .paoil-hero-title {
    font-size: 28px !important;
  }
  
  .paoil-brand-divider {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .paoil-topbar-inner {
    flex-direction: column !important;
    gap: 6px !important;
    align-items: flex-start !important;
  }

  .paoil-main-header-inner {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  
  .paoil-header-search {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .paoil-nav-menu {
    flex-direction: column !important;
    width: 100% !important;
  }
  
  .paoil-nav-menu > li {
    width: 100% !important;
  }
  
  .paoil-nav-menu > li > a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  }
  
  .paoil-footer-grid {
    grid-template-columns: 1fr !important;
  }
  
  .paoil-hero {
    padding: 35px 16px 40px !important;
  }
  
  .paoil-hero-title {
    font-size: 24px !important;
  }
  
  .paoil-hero-ctas {
    flex-direction: column !important;
    width: 100% !important;
  }
  
  .paoil-btn-gold, .paoil-btn-outline-white {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  
  .paoil-hero-search form {
    flex-direction: column !important;
  }
  
  .paoil-hero-search-btn {
    height: 44px !important;
    border-radius: 0 0 6px 6px !important;
  }
}