.mhu-startup-intro { margin: 0 0 1.8rem; }
.mhu-startup-intro h1 { font-size: clamp(2.1rem, 5vw, 3.35rem); line-height: 1.04; margin: 0 0 .55rem; letter-spacing: -.045em; }
.mhu-startup-intro p { color: var(--mhd-muted, #56637b); margin: 0 0 1rem; }
.mhu-startup-topics { display: flex; flex-wrap: wrap; gap: .45rem; }
.mhu-startup-topics a { display: inline-flex; align-items: center; min-height: 32px; padding: .25rem .68rem; border: 1px solid #dce3ee; border-radius: 999px; font-size: .86rem; color: inherit; }
.mhu-startup-topics a:hover { border-color: #2349d4; }
.mhu-startup-feature { margin: 0 0 2.3rem; border: 1px solid #dbe4f1; border-radius: 1.05rem; overflow: hidden; background: #f2f5fc; }
.mhu-startup-feature a { display: grid; grid-template-columns: 1.25fr 1fr; color: inherit; }
.mhu-startup-feature img { display: block; width: 100%; height: 100%; min-height: 13rem; max-height: 20rem; object-fit: cover; object-position: top left; }
.mhu-startup-feature-copy { padding: clamp(1rem, 2vw, 2rem); display: flex; flex-direction: column; justify-content: center; align-items: start; gap: .6rem; }
.mhu-startup-feature-copy h2 { font-size: clamp(1.4rem, 3vw, 2.2rem); line-height: 1.1; margin: 0; }
.mhu-startup-feature-copy p { margin: 0; line-height: 1.55; }
.mhu-editor-pick { border-radius: 999px; padding: .2rem .65rem; background: #dbe5ff; color: #163794; font-size: .84rem; font-weight: 650; }
.mhu-feature-open { display: inline-flex; gap: .3rem; align-items: center; color: #1944c6; font-weight: 650; }
.mhu-feature-open svg { width: 1em; height: 1em; }
.mhu-new-grid .mhd-home-products { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 1.4rem; }
.mhu-new-grid .mhd-home-product { align-items: start; }
.mhu-new-grid .mhd-home-product-actions { align-self: start; }
.mhu-new-grid .mhd-home-discussion-count { display: none; }
.mhu-startup-page, .mhu-review-offer { max-width: 47rem; padding-top: clamp(2rem, 5vw, 5rem); padding-bottom: 4rem; }
.mhu-startup-page .mhd-page-heading, .mhu-review-offer .mhd-page-heading { margin: 0 0 1.35rem; }
.mhu-startup-entry { display: grid; align-items: start; gap: .75rem; }
.mhu-startup-entry label { display: block; font-weight: 650; }
.mhu-startup-entry input { width: 100%; margin: .25rem 0 .65rem; }
.mhu-startup-entry button { justify-self: start; }
.mhu-startup-entry [role=status]:empty { display: none; }
.mhu-startup-page [hidden], .mhu-startup-preview [hidden] { display: none !important; }
.mhu-startup-plain { border: 0; background: transparent; color: #1944c6; text-decoration: underline; text-underline-offset: .18em; padding: .4rem 0; cursor: pointer; }
.mhu-startup-paths { margin: 1rem 0; }
.mhu-startup-checks, .mhu-review-offer-card { padding: clamp(1rem, 3vw, 1.6rem); border: 1px solid #dbe4f1; border-radius: .85rem; background: #f6f8fe; margin: 0 0 1.25rem; }
.mhu-startup-checks p { margin: 0 0 .65rem; }
.mhu-startup-actions, .mhu-preview-actions, .mhu-startup-image-option { display: flex; align-items: center; gap: .55rem; flex-wrap: wrap; }
.mhu-startup-image-option a { color: #1944c6; }
.mhu-review-price strong { font-size: 2rem; letter-spacing: -.045em; margin-right: .2em; }
.mhu-review-free { background: transparent; }
.mhu-review-free a { display: inline-block; margin: 0 1rem .5rem 0; text-decoration: underline; }
.mhu-preview-open { overflow: hidden; }
.mhu-startup-preview { inset: 1rem 1rem 1rem auto; margin: 0; width: min(34rem,calc(100% - 2rem)); max-width: 100%; max-height: none; height: auto; padding: 0; border: 1px solid #dbe4f1; border-radius: 1.1rem; background: #fff; color: #142340; box-shadow: 0 10px 55px #132a4b35; overscroll-behavior: contain; }
.mhu-startup-preview::backdrop { background: #182a4680; backdrop-filter: blur(3px); }
.mhu-preview-bar { position: sticky; top: 0; z-index: 1; background: #fff; display: flex; align-items: center; gap: .6rem; padding: .8rem 1rem; border-bottom: 1px solid #e5ebf4; }
.mhu-preview-bar a { margin-left: auto; font-weight: 650; }
.mhu-preview-bar button, .mhu-preview-gallery button { background: #f1f4fa; border: 1px solid #dbe4f1; border-radius: .55rem; min-width: 40px; min-height: 40px; color: inherit; cursor: pointer; }
.mhu-preview-bar button:disabled, .mhu-preview-gallery button:disabled { opacity: .4; cursor: default; }
.mhu-preview-step { display: flex; gap: .3rem; }
.mhu-preview-content { padding: 1.2rem; }
.mhu-preview-content h2 { margin: 0 0 .7rem; font-size: 1.85rem; }
.mhu-preview-logo { float: right; margin: -.15rem 0 .4rem .7rem; }
.mhu-preview-tagline { color: #52617b; }
.mhu-preview-actions { clear: both; margin: 0 0 1rem; }
.mhu-preview-gallery { margin: 1rem 0; }
.mhu-preview-gallery img { display: block; width: 100%; max-height: 340px; object-fit: contain; background: #f4f6fa; border: 1px solid #e5ebf4; border-radius: .7rem; }
.mhu-preview-gallery button { padding: .3rem .55rem; margin: .4rem .4rem 0 0; }
@media (max-width: 920px) { .mhu-new-grid .mhd-home-products { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 620px) {
  .mhu-startup-feature a { grid-template-columns: minmax(0,1fr); }
  .mhu-startup-feature img { min-height: 0; height: auto; aspect-ratio: 16 / 9; }
  .mhu-startup-preview { inset: 0; width: 100%; height: 100dvh; border-radius: 0; border: 0; }
}

.mhu-cohort { background: #f2f5fc; border: 1px solid #dbe4f1; border-radius: 1rem; padding: clamp(1rem, 3vw, 1.8rem); margin: 1.5rem 0 2rem; }
.mhu-cohort h2 { margin-top: 0; }
.mhu-cohort .mhu-startup-actions { gap: .65rem 1.1rem; }

/* Category discovery and the shared startup preview. */
.mhd-topic-page { color: #111c30; padding-block: clamp(1.25rem, 3vw, 2.5rem) clamp(3rem, 6vw, 5rem); }
.mhd-topic-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; margin:0 0 .85rem; font-size:.875rem; color:#4c5a71; }
.mhd-topic-breadcrumb a { color:#284a87; text-decoration: underline; text-underline-offset:.22em; }
.mhd-topic-hero { --topic-bg:#dceaff; --topic-tail:#bfd7fc; --topic-accent:#254ca4; position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) minmax(12rem,32%); align-items:center; min-height:17rem; gap:1rem; padding:clamp(1.25rem,4vw,3.25rem); border-radius:1.5rem; background:linear-gradient(116deg,var(--topic-bg),var(--topic-tail)); color:#13203b; }
.mhd-topic-hero--compact { min-height:12.25rem; padding-block:clamp(1rem,3vw,2rem); }
.mhd-topic-hero--rose { --topic-bg:#fae4e8; --topic-tail:#f3c5d5; --topic-accent:#8b2949; }
.mhd-topic-hero--teal { --topic-bg:#e2f4ed; --topic-tail:#bfeadd; --topic-accent:#176151; }
.mhd-topic-hero--violet { --topic-bg:#efe9ff; --topic-tail:#d9c9fc; --topic-accent:#583984; }
.mhd-topic-hero--gold { --topic-bg:#fff1cc; --topic-tail:#fbe0a0; --topic-accent:#744700; }
.mhd-topic-hero-copy { align-self:end; position:relative; z-index:1; }
.mhd-topic-hero .mhd-topic-kicker { color:var(--topic-accent); text-transform:uppercase; letter-spacing:.105em; font-weight:750; font-size:.77rem; margin:0 0 .38rem; }
.mhd-topic-hero h1 { color:inherit; font-size:clamp(2.05rem,4.4vw,4rem); line-height:1.02; margin:0 0 .6rem; letter-spacing:-.045em; overflow-wrap:anywhere; }
.mhd-topic-hero--compact h1 { font-size:clamp(2rem,3.3vw,3.2rem); }
.mhd-topic-description { max-width:59ch; font-size:clamp(.96rem,1.2vw,1.1rem); line-height:1.5; margin:0 0 .55rem; }
.mhd-topic-count { margin:0; color:var(--topic-accent); font-size:.91rem; font-weight:650; }
.mhd-topic-hero-art { justify-self:end; position:relative; width:min(100%,20rem); }
.mhd-topic-hero--compact .mhd-topic-hero-art { width:min(100%,15rem); }
.mhd-topic-hero-art::before { position:absolute; content:""; inset:-12% 8%; border:1px solid #ffffffa8; border-radius:50%; pointer-events:none; }
.mhd-topic-hero-art img { width:100%; height:auto; display:block; position:relative; mix-blend-mode:multiply; }
.mhd-topic-hero-art span { position:absolute; top:2%; right:1%; display:grid; place-items:center; background:#fff; color:var(--topic-accent); border:1px solid #ffffffd9; border-radius:.8rem; width:2.7rem; height:2.7rem; box-shadow:0 4px 16px #16254118; transform:rotate(7deg); }
.mhd-topic-hero-art span svg { width:1.4rem; height:1.4rem; }
.mhd-topic-chips { display:flex; flex-wrap:wrap; gap:.45rem; margin:1rem 0 0; }
.mhd-topic-chips a { display:inline-flex; align-items:center; gap:.4rem; padding:.43rem .75rem; border-radius:2rem; border:1px solid #dce3ed; color:#243756; background:#fff; font-size:.875rem; text-decoration:none; overflow-wrap:anywhere; }
.mhd-topic-chips a:hover { border-color:#9bb4ea; background:#f1f5ff; color:#1d43a3; }
.mhd-topic-chips a svg { flex:none; width:1rem; height:1rem; color:#3759a6; }
.mhd-topic-section { margin-top:clamp(2.35rem,4vw,3.9rem); scroll-margin-top:6rem; }
.mhd-topic-section-head { display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:.6rem 1rem; margin-bottom:.85rem; }
.mhd-topic-section-head h2 { display:flex; align-items:center; gap:.5rem; color:#111c30; font-size:clamp(1.35rem,2.4vw,1.85rem); line-height:1.15; margin:0; letter-spacing:-.025em; overflow-wrap:anywhere; }
.mhd-topic-section-head h2 a { color:inherit; text-decoration:none; }
.mhd-topic-section-head h2 svg { width:1.35rem; height:1.35rem; color:#2c54a8; flex:none; }
.mhd-topic-section-head p { color:#4d5c72; font-size:.95rem; margin:.35rem 0 0; line-height:1.55; }
.mhd-topic-all-link { display:inline-flex; align-items:center; gap:.35rem; color:#2147a2; padding:.34rem .68rem; border-radius:2rem; background:#eff3fb; text-decoration:none; font-size:.85rem; font-weight:650; }
.mhd-topic-all-link svg { width:1rem; height:1rem; }
.mhd-topic-popular { border:1px solid #e0e8f5; border-radius:1.2rem; padding:clamp(1rem,2.6vw,1.6rem); background:#f8faff; }
.mhd-topic-rows, .mhd-topic-index-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 clamp(.8rem,2vw,1.75rem); list-style:none; padding:0; margin:0; }
.mhd-topic-rows > li, .mhu-preview-related-row { min-width:0; display:flex; align-items:center; gap:.4rem; border-bottom:1px solid #e0e7f0; padding:.2rem 0; }
.mhd-topic-row-link, .mhu-preview-related-link { flex:1; min-width:0; display:grid; grid-template-columns:2.9rem minmax(0,1fr); color:#142340; align-items:center; gap:.72rem; text-decoration:none; padding:.67rem .15rem; min-height:4.4rem; border-radius:.55rem; }
.mhd-topic-row-link:hover .mhd-topic-product-name, .mhu-preview-related-link:hover strong { text-decoration:underline; text-underline-offset:.16em; }
.mhd-topic-row-link .mhd-product-logo, .mhd-topic-row-link .mhd-product-initial, .mhu-preview-related-link .mhd-product-logo, .mhu-preview-related-link .mhd-product-initial { width:100%; height:auto; aspect-ratio:1; object-fit:contain; border-radius:.72rem; }
.mhd-topic-rank { width:1rem; flex:none; font-variant-numeric:tabular-nums; font-size:.83rem; color:#52637d; font-weight:700; }
.mhd-topic-product-name, .mhd-topic-tagline { display:block; font-size:.925rem; line-height:1.34; overflow-wrap:anywhere; }
.mhd-topic-product-name { font-weight:750; }
.mhd-topic-tagline { margin-top:.22rem; color:#4b5a70; font-size:.86rem; }
.mhd-topic-badge { display:inline-block; margin:.15rem .15rem .15rem .42rem; padding:.14rem .38rem; border-radius:.25rem; background:#e6efff; color:#183f91; font-size:.66rem; font-weight:750; letter-spacing:.025em; vertical-align:middle; }
.mhd-topic-heart { flex:none; display:inline-grid; place-items:center; color:#445a78; background:transparent; border:1px solid transparent; border-radius:.7rem; width:44px; height:44px; cursor:pointer; padding:0; font:inherit; }
.mhd-topic-heart:hover { color:#a5214a; background:#fff1f5; }
:is(.mhd-topic-heart,.mhd-edition-save)[aria-pressed="true"] { color:#a5214a; }
:is(.mhd-topic-heart,.mhd-edition-save)[aria-pressed="true"] svg { fill:#e7356860; }
.mhd-topic-heart:focus-visible,.mhu-startup-preview :focus-visible,.mhu-heart-prompt :focus-visible { outline:2px solid #244dcc; outline-offset:2px; }
.mhd-topic-filters { display:flex; flex-wrap:wrap; align-items:flex-end; gap:.65rem; margin:1rem 0 .45rem; padding:.9rem; border:1px solid #e2e9f4; background:#f7f9fc; border-radius:.75rem; }
.mhd-topic-filters label { min-width:0; display:grid; gap:.25rem; flex:1 1 10rem; color:#263959; font-weight:650; font-size:.83rem; }
.mhd-topic-filters label:first-child { flex-grow:2; }
.mhd-topic-filters :is(input,select) { width:100%; min-width:0; min-height:44px; margin:0; padding:.45rem .65rem; border:1px solid #aebbd1; border-radius:.5rem; color:#152540; background:#fff; font:inherit; font-weight:500; font-size:.95rem; box-sizing:border-box; }
.mhd-topic-filters :is(button,a) { display:inline-flex; align-items:center; min-height:44px; }
.mhd-topic-filters a { font-size:.87rem; text-decoration:underline; }
.mhd-topic-pages { display:flex; align-items:center; gap:.45rem; margin-top:1.5rem; }
.mhd-topic-pages :is(a,span) { min-width:44px; min-height:44px; padding:.2rem; display:grid; place-items:center; border:1px solid #dbe3ef; border-radius:.55rem; color:#1b438e; text-decoration:none; }
.mhd-topic-pages [aria-current] { background:#244dcc; border-color:#244dcc; color:#fff; font-weight:750; }
.mhd-topic-pages [aria-hidden] { border-color:transparent; min-width:1.5rem; }
.mhd-topic-empty { color:#4d5c72; margin-block:1.5rem; }
.mhd-topic-index-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; }
.mhd-topic-index-grid a { min-height:4.4rem; padding:.75rem; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.65rem; color:#183154; border:1px solid #dfe6f0; border-radius:.85rem; background:#fafbfe; text-decoration:none; line-height:1.35; font-size:.9rem; overflow-wrap:anywhere; }
.mhd-topic-index-grid a:hover { color:#1744a9; background:#edf3ff; border-color:#b4c7ee; }
.mhd-topic-index-icon { width:2rem; height:2rem; display:grid; place-items:center; border-radius:.5rem; background:#e9f0ff; color:#2851a5; }
.mhd-topic-index-grid svg { width:1.1rem; height:1.1rem; }
.mhu-startup-preview { width:min(36rem,calc(100% - 2rem)); }
.mhu-preview-position { font-size:.8rem; color:#4d5c72; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.mhu-preview-bar a { flex:none; white-space:nowrap; font-size:.9rem; }
.mhu-preview-bar button { min-width:44px; min-height:44px; }
.mhu-startup-preview button[aria-disabled="true"] { opacity:.48; cursor:default; }
.mhu-preview-identity { display:flex; gap:.85rem; align-items:flex-start; }
.mhu-preview-brand { flex:none; width:3.55rem; }
.mhu-preview-brand :is(img,.mhd-product-initial) { display:block; width:100%; aspect-ratio:1; height:auto; border-radius:.8rem; object-fit:contain; }
.mhu-preview-identity h2 { line-height:1.15; margin:0 0 .3rem; overflow-wrap:anywhere; }
.mhu-preview-tagline { margin:0; line-height:1.44; }
.mhu-preview-content [data-preview-status]:empty { margin:0; }
.mhu-preview-actions { display:flex; gap:.55rem; align-items:stretch; margin:1rem 0; }
.mhu-preview-actions a { flex:1; justify-content:center; }
.mhu-preview-actions .mhd-topic-heart { border-color:#dbe4f1; width:48px; height:auto; min-height:44px; }
.mhu-preview-gallery-controls { display:flex; align-items:center; justify-content:space-between; font-size:.85rem; color:#4d5c72; }
.mhu-preview-gallery button { min-width:44px; min-height:44px; margin:.35rem 0 0; }
.mhu-preview-metadata { display:grid; grid-template-columns:repeat(auto-fit,minmax(7.2rem,1fr)); gap:.75rem; border-block:1px solid #e0e7f0; padding:1rem 0; margin:1.2rem 0; }
.mhu-preview-metadata dt { color:#4b5a70; font-size:.74rem; font-weight:750; letter-spacing:.05em; text-transform:uppercase; }
.mhu-preview-metadata dd { margin:.3rem 0 0; display:flex; align-items:center; gap:.35rem; font-size:.9rem; line-height:1.35; overflow-wrap:anywhere; }
.mhu-preview-metadata img { width:1.5rem; height:1.5rem; border-radius:50%; object-fit:cover; flex:none; }
.mhu-preview-about h3,.mhu-preview-related h3 { margin:0 0 .5rem; font-size:1.12rem; }
.mhu-preview-about,.mhu-preview-related { margin-top:1.25rem; }
.mhu-preview-about p { line-height:1.59; margin:.55rem 0; color:#283952; font-size:.97rem; }
.mhu-preview-related ul { list-style:none; padding:0; margin:0; }
.mhu-preview-related-link { grid-template-columns:2.5rem minmax(0,1fr); }
.mhu-preview-related-link span { min-width:0; }
.mhu-preview-related-link small { display:block; color:#4b5a70; line-height:1.35; margin-top:.2rem; }
.mhu-heart-prompt { position:fixed; inset:0; margin:auto; box-sizing:border-box; width:min(26rem,calc(100% - 2rem)); border:1px solid #d8e2f2; border-radius:1.2rem; background:#fff; color:#142340; padding:1.15rem 1.35rem 1.35rem; box-shadow:0 15px 60px #12244645; }
.mhu-heart-prompt::backdrop { background:#182a467a; }
.mhu-heart-prompt-head { display:flex; align-items:center; justify-content:space-between; }
.mhu-heart-prompt-head span { display:grid; place-items:center; width:2.7rem; height:2.7rem; border-radius:.65rem; background:#fff1f6; color:#a5214a; font-size:1.75rem; }
.mhu-heart-prompt h2 { font-size:1.4rem; margin:.8rem 0 .4rem; }
.mhu-heart-prompt p { margin:.4rem 0 1rem; color:#44536c; }
.mhu-heart-prompt-actions { display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; }
@media (max-width: 940px) {
  .mhd-topic-rows { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mhd-topic-index-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .mhd-topic-hero,.mhd-topic-hero--compact { min-height:unset; grid-template-columns:minmax(0,1fr) minmax(4rem,24%); gap:.45rem; padding:1.15rem; border-radius:1rem; }
  .mhd-topic-hero h1 { font-size:clamp(1.7rem,6.7vw,2.25rem); }
  .mhd-topic-hero-art::before { display:none; }
  .mhd-topic-hero-art span { width:1.6rem; height:1.6rem; border-radius:.4rem; top:-30%; }
  .mhd-topic-hero-art span svg { width:.95rem; height:.95rem; }
  .mhd-topic-rows { grid-template-columns:minmax(0,1fr); }
  .mhd-topic-index-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; }
  .mhd-topic-index-grid a { grid-template-columns:minmax(0,1fr) auto; gap:.35rem; }
  .mhd-topic-index-grid .mhd-topic-index-icon { grid-column:1/-1; }
  .mhu-startup-preview { inset:0; width:100%; height:100dvh; border:0; border-radius:0; }
  .mhu-preview-bar { padding:.5rem .65rem; gap:.22rem; }
  .mhu-preview-position { flex:1; }
}
@media (max-width: 370px) { .mhu-preview-position { display:none; } }