body:has(.guide-shell) > .topbar {
  position: sticky !important;
  top: 0;
  z-index: 9999;
  background: rgba(26, 29, 32, .98);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
body:has(.guide-shell) > .topbar .brand,
body:has(.guide-shell) > .topbar .brand span,
body:has(.guide-shell) > .topbar #main-nav > a,
body:has(.guide-shell) > .topbar #main-nav > button { color: #fff; }
body:has(.guide-shell) > .topbar .nav-item-dropdown { position: relative; list-style: none; }
body:has(.guide-shell) > .topbar .dropdown-toggle {
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.88);
  font: inherit;
  font-weight: 750;
  padding: 10px 13px;
  border-radius: 10px;
  cursor: pointer;
}
body:has(.guide-shell) > .topbar .dropdown-menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 230px;
  margin: 0;
  padding: 10px 0;
  list-style: none;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
}
body:has(.guide-shell) > .topbar .nav-item-dropdown:hover .dropdown-menu,
body:has(.guide-shell) > .topbar .nav-item-dropdown:focus-within .dropdown-menu { display: block; }
body:has(.guide-shell) > .topbar .dropdown-menu a {
  display: block;
  padding: 8px 16px;
  color: #1e293b !important;
  text-decoration: none;
  white-space: nowrap;
}
body:has(.guide-shell) > .topbar .dropdown-menu a:hover { background-color: #f1f5f9; }

.guide-hero {
  padding: clamp(28px, 4vw, 44px);
  background: #ffffff;
  border-color: #d0d0d0;
  box-shadow: 0 10px 25px rgba(0,0,0,.06);
}
.guide-hero h1 {
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  line-height: 1.12;
  letter-spacing: -.035em;
}
.guide-hero p {
  max-width: 850px;
  font-size: clamp(1rem, 1.4vw, 1.125rem);
  line-height: 1.6;
}
.guide-shell .eyebrow,
.guide-shell .guide-category,
.guide-shell .guide-detail-price strong { color: #008758; }
.guide-shell .button.primary {
  border-color: #008758;
  background: #008758;
  color: #ffffff;
}
.guide-shell .button.primary:hover {
  border-color: #006f49;
  background: #006f49;
}

body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) {
  --mc-action: #008758;
  --mc-action-hover: #006F49;
  background: #ffffff;
}

body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) #app[data-guide-ssr="true"],
body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) #app[data-guide-ssr="true"] > .guide-shell {
  background: #ffffff;
}

body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) > .topbar {
  background: #1a1d20 !important;
  border-bottom-color: rgba(255,255,255,.08) !important;
}

body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) > .topbar .brand,
body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) > .topbar .brand span,
body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) > .topbar #main-nav > a,
body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) > .topbar .dropdown-toggle {
  color: #ffffff !important;
}

body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) > .topbar #main-nav > a:not(.primary):hover,
body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) > .topbar .dropdown-toggle:hover {
  color: var(--mc-action) !important;
  background: rgba(255,255,255,.06) !important;
}

body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) > .topbar #main-nav > a.primary {
  background: var(--mc-action) !important;
  color: #ffffff !important;
}

body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) > .topbar #main-nav > a.primary:hover {
  background: var(--mc-action-hover) !important;
  color: #ffffff !important;
}

body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) > .topbar .dropdown-menu a {
  color: #1a1d20 !important;
}

body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) > .topbar .dropdown-menu a:hover {
  color: var(--mc-action) !important;
}

body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) .guide-shell .eyebrow,
body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) .guide-shell .guide-category {
  color: var(--mc-action) !important;
}

body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) .guide-shell .button.primary {
  border-color: var(--mc-action) !important;
  background: var(--mc-action) !important;
  color: #ffffff !important;
}

body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) .guide-shell .button.primary:hover {
  border-color: var(--mc-action-hover) !important;
  background: var(--mc-action-hover) !important;
}

body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) .guide-card {
  background: #ffffff;
}

body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) .guide-section-head h2 {
  font-size: 1.75rem !important;
  margin-bottom: 20px;
}

body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) .guide-card h2 {
  font-size: 1.25rem !important;
  line-height: 1.4;
  font-weight: 700;
}

body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) .guide-card .guide-price {
  font-size: 1.5rem !important;
  color: #0f172a;
  margin: 12px 0;
}

body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) .guide-card p,
body:has(#app[data-guide-ssr="true"] > .guide-shell:not(.guide-detail)) .guide-card .button {
  font-size: 0.875rem !important;
  line-height: 1.5;
}

body:has(#app[data-guide-ssr="true"] > .guide-shell){--mc-action:#008758;--mc-action-hover:#006f49;background:#ffffff!important}
body:has(#app[data-guide-ssr="true"] > .guide-shell) #app[data-guide-ssr="true"],body:has(#app[data-guide-ssr="true"] > .guide-shell) #app[data-guide-ssr="true"]>.guide-shell{background:#ffffff!important}
body:has(#app[data-guide-ssr="true"] > .guide-shell) .guide-shell .guide-category,body:has(#app[data-guide-ssr="true"] > .guide-shell) .guide-shell .eyebrow,body:has(#app[data-guide-ssr="true"] > .guide-shell) .guide-shell .guide-detail-price strong{color:var(--mc-action)!important}
body:has(#app[data-guide-ssr="true"] > .guide-shell) .guide-shell .guide-card,body:has(#app[data-guide-ssr="true"] > .guide-shell) .guide-shell .guide-detail-main,body:has(#app[data-guide-ssr="true"] > .guide-shell) .guide-shell .guide-cta-card,body:has(#app[data-guide-ssr="true"] > .guide-shell) .guide-shell .guide-not-found{background:#ffffff!important}
body:has(#app[data-guide-ssr="true"] > .guide-shell) .guide-shell .button:not(.primary){border-color:var(--mc-action)!important;background:#ffffff!important;color:var(--mc-action)!important}
body:has(#app[data-guide-ssr="true"] > .guide-shell) .guide-shell .button:not(.primary):hover{border-color:var(--mc-action-hover)!important;background:#f6faf8!important;color:var(--mc-action-hover)!important}
body:has(#app[data-guide-ssr="true"] > .guide-shell) .guide-shell .button.primary{border-color:var(--mc-action)!important;background:var(--mc-action)!important;color:#ffffff!important}
body:has(#app[data-guide-ssr="true"] > .guide-shell) .guide-shell .button.primary:hover{border-color:var(--mc-action-hover)!important;background:var(--mc-action-hover)!important;color:#ffffff!important}
@media(max-width:760px){body:has(#app[data-guide-ssr="true"] > .guide-shell)>.topbar .dropdown-menu{left:auto;right:0;min-width:min(230px,calc(100vw - 24px));max-width:calc(100vw - 24px)}}
