/* v1.9.0 – layout ideal */
:root{
  --mvhn-bg:#f6f6f7; --mvhn-fg:#111; --mvhn-muted:#666; --mvhn-red:#b30000;
  --mvhn-card:#fff; --mvhn-border:#e9e9ee; --mvhn-chip:#f1f1f4;
}
body{}
.mvhn-hero{position:relative;background:#121212;color:#fff;overflow:hidden}
.mvhn-hero-inner{max-width:1200px;margin:0 auto;padding:48px 20px;position:relative;z-index:2}
.mvhn-hero h1{font-size:42px;margin:0 0 6px}
.mvhn-hero-sub{color:#ccc;margin:0}
.mvhn-hero-cross{position:absolute;right:6%;top:50%;width:220px;height:220px;opacity:.12;transform:translateY(-50%);background-size:contain;background-repeat:no-repeat;background-position:center}
.mvhn-hero-band{position:absolute;left:-18%;right:-18%;bottom:0;height:110px;background:#fff;transform:rotate(-6deg) translateY(36px);z-index:1;box-shadow:0 10px 40px rgba(0,0,0,.15)}
.mvhn-grid{max-width:1200px;margin:20px auto;padding:0 20px}
.mvhn-content{background:var(--mvhn-card);border:1px solid var(--mvhn-border);border-radius:14px;padding:20px}
.mvhn-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.mvhn-card{background:#fff;border:1px solid var(--mvhn-border);border-radius:12px;overflow:hidden}
.mvhn-thumb img{display:block;width:100%;height:210px;object-fit:cover}
.mvhn-card-body{padding:12px}
.mvhn-card-body h3{margin:0 0 6px;font-size:18px}
.mvhn-card-body p{margin:0;color:#555;font-size:14px}
/* Timeline */
.mvhn-timeline{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}
.mvhn-chip{display:inline-flex;gap:8px;align-items:center;padding:8px 10px;border-radius:999px;border:1px solid var(--mvhn-border);background:var(--mvhn-chip);text-decoration:none;color:#111}
.mvhn-chip-count{background:#fff;border:1px solid var(--mvhn-border);padding:1px 7px;border-radius:999px;font-size:12px}
/* Single layout */
.mvhn-layout{max-width:1200px;margin:20px auto;display:grid;grid-template-columns:260px 1fr 320px;gap:24px;padding:0 20px}
.mvhn-aside{background:#fff;border:1px solid var(--mvhn-border);border-radius:14px;padding:16px;align-self:start;position:sticky;top:90px;height:max-content}
.mvhn-right{align-self:start;position:sticky;top:90px;height:max-content;display:grid;gap:16px}
.mvhn-box{background:#fff;border-radius:14px;border:1px solid var(--mvhn-border);padding:14px}
.mvhn-box h3{margin:0 0 8px;font-size:18px}
.mvhn-content [id]{scroll-margin-top:90px}
.mvhn-index-list{columns:2;column-gap:18px;list-style:none;padding:0}
.mvhn-index-list li{break-inside:avoid;margin:6px 0}
@media(max-width:1100px){ .mvhn-layout{grid-template-columns:1fr} .mvhn-right,.mvhn-aside{position:static} .mvhn-index-list{columns:1} }

.mvhn-thumb-img{display:block;width:100%;height:210px;object-fit:cover}
.mvhn-thumb-ph{height:210px;background:#eee}
.mvhn-card-body h3 a{text-decoration:none}
.mvhn-card-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.mvhn-hero-inner h1{letter-spacing:.2px}
.mvhn-card{transition:box-shadow .2s, transform .2s}
.mvhn-card:hover{transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.08)}
.mvhn-rel-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mvhn-layout{padding-bottom:28px}
.mvhn-legacy-menu{display:none!important}

/* v1.9.3 — ajustes */
.mvhn-rel-thumb .mvhn-thumb-img{height:110px;object-fit:cover;width:100%;display:block}
.mvhn-rel-thumb .mvhn-thumb-ph{height:110px}
.mvhn-rel-item:hover .mvhn-rel-title{text-decoration:underline}

/* v1.9.7 - Lightbox */
#mvhn-lb{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.85);opacity:0;pointer-events:none;transition:.18s;z-index:9999}
#mvhn-lb.open{opacity:1;pointer-events:all}
#mvhn-lb .mvhn-lb-body{position:relative;max-width:92vw;max-height:92vh}
#mvhn-lb .mvhn-lb-img{max-width:92vw;max-height:92vh;display:block}
#mvhn-lb .mvhn-lb-x{position:absolute;top:-36px;right:0;background:transparent;border:0;color:#fff;font-size:28px;cursor:pointer}

/* v1.10 – Layout fix for archive */
.mvhn-layout{display:block}
.mvhn-content{max-width:1200px;margin:0 auto}
.mvhn-cards.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.mvhn-card .mvhn-thumb img{width:100%;height:180px;object-fit:cover;display:block;border-radius:12px}
.mvhn-box{margin-bottom:28px}

/* v1.10.2 — single layout & grid stability */
.mvhn-content-area{display:grid;grid-template-columns:280px 1fr 320px;gap:24px;max-width:1200px;margin:0 auto}
@media (max-width: 1100px){.mvhn-content-area{grid-template-columns:1fr} .mvhn-aside,.mvhn-related{order:-1}}
.mvhn-article .mvhn-content img{max-width:100%;height:auto}
.mvhn-article .mvhn-content table{max-width:100%;overflow:auto;display:block}
.mvhn-related-list{display:flex;flex-direction:column;gap:12px}
.mvhn-related-item{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center;text-decoration:none}
.mvhn-related-thumb img{width:96px;height:64px;object-fit:cover;border-radius:8px;display:block}

.mvhn-cards .mvhn-thumb img{width:100%;height:180px;object-fit:cover;border-radius:12px;display:block}
.mvhn-thumb-ph{background:#eee;border-radius:12px;width:100%;height:180px}

/* v1.10.4 — hero visible + spacing tighten */
.mvhn-hero{background:linear-gradient(180deg, rgba(0,0,0,.75), rgba(0,0,0,.35)), url() no-repeat center/cover; padding:36px 0; margin:0 0 12px}
.mvhn-hero .mvhn-hero-inner h1{color:#fff;margin:0 0 6px}
.mvhn-hero .mvhn-hero-inner p{color:#eee;margin:0}
.mvhn-layout{padding-top:0}
.mvhn-content-area{margin-top:6px}
.mvhn-aside{margin-top:0}

/* v1.12.3 — chips de décadas e temas */
.mvhn-chips{display:flex;gap:8px;flex-wrap:wrap}
.mvhn-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#f3f4f6;text-decoration:none;color:#111;border:1px solid #e5e7eb}
.mvhn-chip:hover{background:#e5e7eb}
.mvhn-badge{font-size:.78em;background:#111;color:#fff;border-radius:999px;padding:2px 6px}

/* === MVHN: sticky sidebars and 3-col layout === */
.mvhn-layout{
  display:grid;
  grid-template-columns: 280px 1fr 320px;
  gap:24px;
}
.mvhn-aside,
.mvhn-related{ position: sticky; top: 90px; align-self: start; }
@media (max-width: 1024px){
  .mvhn-layout{ grid-template-columns: 1fr; }
  .mvhn-aside, .mvhn-related{ position: static; top: auto; }
}
.mvhn-cards.grid{ display:grid; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); gap:16px; }
.mvhn-box{ border:1px solid rgba(0,0,0,.06); border-radius:14px; padding:16px; background:#fff; }
.mvhn-hero .mvhn-hero-inner{ max-width:1100px; margin:0 auto; }

/* Related cards styling */
.mvhn-card.mvhn-card--related{ display:flex; gap:12px; align-items:center; padding:8px 4px; border-radius:12px; }
.mvhn-card.mvhn-card--related .mvhn-thumb{ width:120px; min-width:120px; display:block; border-radius:12px; overflow:hidden; }
.mvhn-card.mvhn-card--related .mvhn-thumb-img{ width:100%; height:auto; display:block; }
.mvhn-thumb-ph{ width:100%; aspect-ratio:16/9; background:#eee; border-radius:12px; }
@media (max-width: 1024px){
  .mvhn-card.mvhn-card--related .mvhn-thumb{ width:96px; min-width:96px; }
}


/* MVHN grid areas */
.mvhn-layout{ 
  display:grid; 
  grid-template-columns: 280px minmax(0,1fr) 320px; 
  grid-template-areas: "aside main related"; 
  gap:24px; 
}
.mvhn-aside{ grid-area: aside; }
.mvhn-main{ grid-area: main; }
.mvhn-related{ grid-area: related; position: sticky; top: var(--mvhn-sticky-top,90px); align-self: start; }
@media (max-width: 1024px){
  .mvhn-layout{ grid-template-columns: 1fr; grid-template-areas: "main"; }
  .mvhn-aside, .mvhn-related{ position: static; top: auto; grid-area: auto; }
}


/* Ensure single columns are placed correctly */
.mvhn-container.mvhn-layout{display:grid;grid-template-columns:280px minmax(0,1fr) 320px;grid-template-areas:"aside main related";gap:24px}
.mvhn-container.mvhn-layout .mvhn-aside{grid-area:aside;position:sticky;top:var(--mvhn-sticky-top,90px);align-self:start}
.mvhn-container.mvhn-layout .mvhn-main{grid-area:main}
.mvhn-container.mvhn-layout .mvhn-related{grid-area:related;position:sticky;top:var(--mvhn-sticky-top,90px);align-self:start}
@media (max-width:1024px){
  .mvhn-container.mvhn-layout{grid-template-columns:1fr;grid-template-areas:"main"}
  .mvhn-container.mvhn-layout .mvhn-aside,
  .mvhn-container.mvhn-layout .mvhn-related{position:static;top:auto;grid-area:auto}
}


/* Canonical single layout */
.mvhn-grid.container.mvhn-layout{display:grid;grid-template-columns:280px minmax(0,1fr) 320px;grid-template-areas:"aside main related";gap:24px}
.mvhn-aside{grid-area:aside;position:sticky;top:var(--mvhn-sticky-top,90px);align-self:start}
.mvhn-main{grid-area:main}
.mvhn-related{grid-area:related;position:sticky;top:var(--mvhn-sticky-top,90px);align-self:start}
@media (max-width:1024px){
  .mvhn-grid.container.mvhn-layout{grid-template-columns:1fr;grid-template-areas:"main"}
  .mvhn-aside,.mvhn-related{position:static;top:auto;grid-area:auto}
}