:root{
  --mdm-red: #b3191f;
  --mdm-red-hover: #9f141a;

  --mdm-gray-900: #121417;
  --mdm-gray-800: #1b1f24;
  --mdm-gray-700: #2a3138;
  --mdm-gray-600: #4b5563;
  --mdm-gray-500: #6b7280;

  --mdm-gray-200: #e5e7eb;
  --mdm-gray-150: #eef0f3;
  --mdm-gray-100: #f6f7f9;

  --mdm-white: #ffffff;

  --mdm-radius: 18px;
  --mdm-shadow: 0 8px 24px rgba(18, 20, 23, .08);
  --mdm-shadow-soft: 0 4px 14px rgba(18, 20, 23, .06);
}

body.mdm-body{
  color: var(--mdm-gray-900);
  background: var(--mdm-gray-100);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a{ text-decoration: none; }
a:hover{ text-decoration: none; }

/* =========================================
   HEADER
========================================= */
.mdm-header{
  background: var(--mdm-white);
  border-bottom: 1px solid var(--mdm-gray-200);
  position: sticky;
  top: 0;
  z-index: 50;
}

.mdm-brand-link{
  display:flex;
  align-items:center;
  gap:.5rem;
  color: var(--mdm-gray-900);
  font-weight: 800;
  letter-spacing: -.02em;
  font-size: 1.15rem;
}

.mdm-brand-mark{
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: var(--mdm-red);
  display:inline-block;
}

.mdm-brand-dot{
  width: 6px;
  height: 6px;
  border-radius: 99px;
  background: var(--mdm-red);
  display:inline-block;
}

.mdm-nav-list{
  display:flex;
  align-items:center;
  gap: 1rem;
  list-style:none;
  margin:0;
  padding:0;
}

.mdm-nav-list a{
  color: var(--mdm-gray-700);
  font-weight: 600;
  padding:.4rem .5rem;
  border-radius: 10px;
}

.mdm-nav-list a:hover{
  background: var(--mdm-gray-150);
  color: var(--mdm-gray-900);
}

.mdm-nav-list .current-menu-item > a,
.mdm-nav-list .current_page_item > a{
  color: var(--mdm-red);
  background: rgba(179, 25, 31, .06);
}

/* =========================================
   LAYOUT / BLOCKS / TYPO
========================================= */
.mdm-main{ padding-bottom: 2rem; }

.mdm-block{
  border-radius: var(--mdm-radius);
  background: var(--mdm-white);
  box-shadow: var(--mdm-shadow-soft);
  border: 1px solid var(--mdm-gray-150);
}

.mdm-block-inner{ padding: 1.1rem; }

.mdm-section-title{
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: -.02em;
  margin:0;
}

.mdm-page-title{
  font-size: 1.35rem;
  font-weight: 900;
  letter-spacing: -.03em;
  margin:0 0 .75rem 0;
}

.mdm-muted{ color: var(--mdm-gray-600); font-size: .92rem; }
.mdm-link{ color: var(--mdm-red); font-weight: 700; }
.mdm-link:hover{ color: var(--mdm-red-hover); }

/* =========================================
   BUTTONS
========================================= */
.mdm-btn{
  border-radius: 14px;
  font-weight: 800;
  letter-spacing: -.01em;
  padding: .7rem .9rem;
}

.mdm-btn-primary{
  background: var(--mdm-red);
  color: var(--mdm-white);
  border: 1px solid var(--mdm-red);
}

.mdm-btn-primary:hover{
  background: var(--mdm-red-hover);
  border-color: var(--mdm-red-hover);
  color: var(--mdm-white);
}

.mdm-btn-secondary{
  background: var(--mdm-white);
  color: var(--mdm-gray-900);
  border: 1px solid var(--mdm-gray-200);
}

.mdm-btn-secondary:hover{ background: var(--mdm-gray-150); }

.mdm-btn-primary-outline{
  background: transparent;
  color: var(--mdm-red);
  border: 1px solid rgba(179, 25, 31, .25);
}

.mdm-btn-primary-outline:hover{
  background: rgba(179, 25, 31, .06);
  color: var(--mdm-red-hover);
  border-color: rgba(179, 25, 31, .35);
}

/* =========================================
   SIDEBAR (sitewide)
========================================= */
.mdm-sidebar .mdm-block{ position: sticky; top: 90px; }
.mdm-sidebar .mdm-sidebar-block{ margin-bottom: 1rem; }

.mdm-block-title{
  font-weight: 950;
  letter-spacing: -.02em;
  font-size: 1rem;
  margin: 0 0 .6rem 0;
}

/* =========================================
   FOOTER
========================================= */
.mdm-footer{
  background: var(--mdm-white);
  border-top: 1px solid var(--mdm-gray-200);
}

.mdm-footer-brand{ font-weight: 950; letter-spacing: -.02em; }
.mdm-footer-meta{ color: var(--mdm-gray-600); font-size: .92rem; }

.mdm-footer-nav-list{
  display:flex;
  gap: 1rem;
  list-style:none;
  padding:0;
  margin:0;
}

.mdm-footer-nav-list a{ color: var(--mdm-gray-700); font-weight: 700; }
.mdm-footer-nav-list a:hover{ color: var(--mdm-red); }

/* =========================================
   WORDPRESS CONTENT SPACING
========================================= */
.mdm-single-content > * { margin-bottom: 1rem; }
.mdm-single-content h2, .mdm-single-content h3 { margin-top: 1.3rem; }


/* mobile toggle button */
.mdm-nav-toggle{
  border: 1px solid rgba(18,20,23,.14);
  background: rgba(255,255,255,.85);
  border-radius: 12px;
  padding: .5rem .7rem;
  line-height: 1;
}

/* collapsed panel styling */
.mdm-mobile-nav-inner{
  padding: .75rem 0 1rem 0;
  border-top: 1px solid rgba(18,20,23,.10);
}

.mdm-mobile-nav-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .25rem;
}

.mdm-mobile-search{
  margin-top: .75rem;
}

.mdm-mobile-nav-list a{
  color: var(--mdm-gray-700);
  font-weight: 600;
  display: block;
  padding: .7rem .85rem;
  border-radius: 12px;
  text-decoration: none;
}

.mdm-mobile-nav-list a:hover{
  background: var(--mdm-gray-150);
  color: var(--mdm-gray-900);
}

.mdm-mobile-nav-list .current-menu-item > a,
.mdm-mobile-nav-list .current_page_item > a{
  color: var(--mdm-red);
  background: rgba(179, 25, 31, .06);
}