:root{ --mhs-max:1200px; }
body { background: #e5e7eb; }
.mhs-page-wrap { max-width: 1200px; margin: 1.5rem auto; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 8px 24px rgba(0,0,0,.06); }

/* Container for main areas */
.mhs-container { padding: 1rem; }

/* Brand row (top, linked to menu width) */
.mhs-brand-row { display:flex; align-items:center; justify-content:space-between; padding: 1rem; }
.mhs-site-title { font-weight: 800; font-size: 1.9rem; color: #0f172a; text-decoration:none; display:block; }
.mhs-site-title:hover { text-decoration: underline; }
.mhs-tagline { display:block; color:#64748b; margin-top:.2rem; }
.mhs-brand-left { display:flex; flex-direction:column; }
.mhs-brand-right { }

/* Global header image */
.mhs-header-image { width:100%; height: 320px; background-size: cover; background-position: center; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; }

/* Nav bar: gradient dark */
.mhs-menu-bar { background: linear-gradient(#111827, #0b1220); border-bottom: 1px solid rgba(255,255,255,.06); }
.mhs-menu-inner{ max-width:var(--mhs-max); margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.5rem 1rem; min-height:52px; }
.mhs-menu { list-style:none; display:flex; gap:.5rem; margin:0; padding:0; flex-wrap:wrap; }
.mhs-menu>li{ position:relative; }
.mhs-menu a{ display:block; padding:.5rem .75rem; color:#fff; text-decoration:none; border-radius:.375rem; }
.mhs-menu a:hover, .mhs-menu .current-menu-item>a{ background: rgba(255,255,255,.14); }
.mhs-context-badge{ font-size:.75rem; color:#0f172a; background:#38bdf8; padding:.25rem .5rem; border-radius:999px; font-weight:700; }

/* Classic dropdowns */
.mhs-menu > li.menu-item-has-children > a::after { content:"▾"; font-size:.75em; margin-left:.35rem; opacity:.9; }
.mhs-menu > li > ul.sub-menu{
  position:absolute; left:0; top:100%; display:none;
  min-width:200px; background:#fff; color:#0f172a;
  border:1px solid rgba(0,0,0,.08); box-shadow:0 8px 24px rgba(0,0,0,.18); padding:.35rem 0; z-index:1000;
}
.mhs-menu > li:hover > ul.sub-menu,
.mhs-menu > li > a:focus + ul.sub-menu{ display:block; }
.mhs-menu > li > ul.sub-menu a{ display:block; padding:.5rem 1rem; color:#0f172a; white-space:nowrap; border-radius:0; }
.mhs-menu > li > ul.sub-menu a:hover{ background:rgba(0,0,0,.05); }

/* Layout grid with sidebar */
.mhs-grid { display: grid; grid-template-columns: 1fr 320px; gap: 2rem; }
.mhs-main { min-width: 0; }
.mhs-sidebar .widget { background: #f8fafc; border: 1px solid #e5e7eb; border-radius: .5rem; padding: .75rem 1rem; margin: 0 0 1rem 0; }
.widget__title { margin: 0 0 .5rem 0; font-size: 1rem; color: #0f172a; }

/* Typo */
.mhs-entry-title { margin: 1rem 0; font-size: 2.5rem; line-height: 1.2; color: #0f172a; }
.mhs-entry-content { color: #111827; }
.mhs-entry-content p { line-height: 1.7; }

/* Footer */
.mhs-site-footer { border-top: 1px solid #e2e8f0; background: #fff; }
.mhs-footer-widgets { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; padding: 1.25rem 1rem 0; }
.mhs-footer-col .widget { background: #f8fafc; border: 1px solid #e5e7eb; border-radius: .5rem; padding: .75rem 1rem; }
.mhs-footer-meta { text-align: center; color: #64748b; padding: 1rem; }

/* Search form */
.search-form{display:inline-flex;gap:.4rem;align-items:center}
.search-field{border:1px solid #cbd5e1;border-radius:.375rem;padding:.35rem .5rem}
.search-submit{border:0;background:#111827;color:#fff;padding:.35rem .6rem;border-radius:.375rem;cursor:pointer}
.search-submit:hover{background:#0b1220}

@media (max-width: 960px){
  .mhs-grid { grid-template-columns: 1fr; }
}