.novera-home{--nh-accent:#2f78ff;--nh-accent2:#67a0ff;--nh-bg:#f5f7fa;--nh-surface:#fff;--nh-surface2:#f7f9fc;--nh-text:#101828;--nh-soft:#475467;--nh-muted:#667085;--nh-border:#d9e0e8;--nh-shadow:0 18px 50px rgba(16,24,40,.09);color:var(--nh-text);padding:40px 0 84px}.nh-shell{width:min(1320px,calc(100% - 48px));margin:auto}.novera-home *{box-sizing:border-box}:root[data-mode="dark"] .novera-home,:root:not([data-mode="light"]) .novera-home{--nh-bg:#0d131b;--nh-surface:#111a24;--nh-surface2:#16212d;--nh-text:#f4f7fb;--nh-soft:#d7e0ea;--nh-muted:#9eacbc;--nh-border:#293746;--nh-shadow:0 20px 55px rgba(0,0,0,.32)}:root[data-mode="light"] .novera-home{--nh-bg:#f5f7fa;--nh-surface:#fff;--nh-surface2:#f7f9fc;--nh-text:#101828;--nh-soft:#475467;--nh-muted:#667085;--nh-border:#d9e0e8}.nh-kicker{font-size:10px;letter-spacing:.22em;font-weight:850;color:var(--nh-accent);text-transform:uppercase;margin-bottom:9px}.nh-hero-carousel{position:relative}.nh-hero-track{position:relative;min-height:520px}.nh-hero{position:absolute;inset:0;min-height:520px;border:1px solid var(--nh-border);border-radius:24px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;align-items:center;padding:64px 76px;background:var(--nh-surface);box-shadow:var(--nh-shadow);isolation:isolate;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease,visibility .4s}.nh-hero.is-active{opacity:1;visibility:visible;transform:none;z-index:2}.nh-hero:before{content:"";position:absolute;inset:0;background-image:var(--nh-hero-image);background-size:cover;background-position:center;filter:blur(22px) saturate(.9);transform:scale(1.1);opacity:.31;z-index:-3}.nh-hero__veil{position:absolute;inset:0;background:linear-gradient(90deg,var(--nh-surface) 8%,color-mix(in srgb,var(--nh-surface) 90%,transparent) 55%,color-mix(in srgb,var(--nh-surface) 58%,transparent));z-index:-2}.nh-hero__content{max-width:780px}.nh-tags{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}.nh-tags a{font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:6px 9px;border:1px solid var(--nh-border);border-radius:999px;background:color-mix(in srgb,var(--nh-surface) 84%,transparent);color:var(--nh-soft)!important;text-decoration:none}.nh-hero h2{font-size:clamp(42px,5.4vw,70px);line-height:1;letter-spacing:-.045em;margin:0 0 20px;color:var(--nh-text)!important}.nh-hero p{font-size:17px;line-height:1.72;color:var(--nh-soft)!important;max-width:760px}.nh-hero__actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}.nh-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:10px;border:1px solid var(--nh-border);background:color-mix(in srgb,var(--nh-surface) 92%,transparent);color:var(--nh-text)!important;text-decoration:none;font-weight:800;font-size:13px;transition:.18s}.nh-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--nh-accent) 45%,var(--nh-border))}.nh-btn--primary{background:var(--nh-accent);border-color:var(--nh-accent);color:#fff!important}.nh-hero__meta{display:flex;gap:20px;margin-top:21px;color:var(--nh-muted);font-size:12px}.nh-hero__cover{display:block;justify-self:end;transform:rotate(1.2deg);transition:.2s transform}.nh-hero__cover:hover{transform:rotate(0) translateY(-5px)}.nh-hero__cover img,.nh-cover-placeholder{width:245px;aspect-ratio:2/3;object-fit:cover;border-radius:12px;box-shadow:0 28px 64px rgba(0,0,0,.30);display:block}.nh-cover-placeholder{display:grid;place-items:center;background:var(--nh-surface2);color:var(--nh-accent);font-size:42px}.nh-hero-controls{position:absolute;left:76px;bottom:22px;z-index:6;display:flex;align-items:center;gap:10px}.nh-hero-arrow{width:34px;height:34px;border-radius:50%;border:1px solid var(--nh-border);background:color-mix(in srgb,var(--nh-surface) 90%,transparent);color:var(--nh-text);font-size:20px;line-height:1;cursor:pointer}.nh-hero-dots{display:flex;gap:7px}.nh-hero-dots button{width:8px;height:8px;border:0;border-radius:999px;padding:0;background:var(--nh-border);cursor:pointer;transition:.2s}.nh-hero-dots button.is-active{width:24px;background:var(--nh-accent)}.nh-section{margin-top:68px}.nh-section__head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:0 0 22px}.nh-section__head h2{font-size:clamp(30px,3.5vw,42px);line-height:1.08;margin:0;color:var(--nh-text)!important;letter-spacing:-.025em}.nh-see-all{font-size:12px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;color:var(--nh-accent)!important;text-decoration:none!important;white-space:nowrap;margin-bottom:5px}.nh-continue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.nh-continue-card{display:grid;grid-template-columns:112px 1fr;gap:16px;padding:14px;border:1px solid var(--nh-border);border-radius:16px;background:var(--nh-surface);text-decoration:none!important;color:var(--nh-text)!important;box-shadow:0 6px 20px rgba(16,24,40,.045);transition:.18s}.nh-continue-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--nh-accent) 48%,var(--nh-border));box-shadow:0 12px 28px rgba(16,24,40,.08)}.nh-continue-card__cover img,.nh-continue-card__cover .nh-cover-placeholder{width:112px;aspect-ratio:2/3;object-fit:cover;border-radius:9px;box-shadow:none}.nh-continue-card__body{display:flex;flex-direction:column;min-width:0;padding:10px 4px}.nh-continue-card__body strong{font-size:15px;color:var(--nh-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nh-continue-card__body span{font-size:12px;color:var(--nh-soft);margin:9px 0 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nh-continue-card__body small{font-size:10px;color:var(--nh-muted);margin-top:8px}.nh-progress{height:5px;background:var(--nh-border);border-radius:999px;overflow:hidden;margin-top:auto}.nh-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--nh-accent),var(--nh-accent2));border-radius:inherit}.nh-release-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.nh-release-card{display:grid;grid-template-columns:78px 1fr;gap:14px;align-items:center;padding:13px;border:1px solid var(--nh-border);background:var(--nh-surface);border-radius:14px;min-height:108px;transition:.18s}.nh-release-card:hover{border-color:color-mix(in srgb,var(--nh-accent) 42%,var(--nh-border));transform:translateY(-2px)}.nh-release-card__cover img,.nh-release-card__cover .nh-cover-placeholder{width:78px;height:100px;object-fit:cover;border-radius:8px;box-shadow:none}.nh-release-card>div{display:flex;flex-direction:column;min-width:0}.nh-release-card a{text-decoration:none!important}.nh-release-card__story{font-size:14px;font-weight:850;color:var(--nh-text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nh-release-card__chapter{font-size:12px;color:var(--nh-accent)!important;margin:8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nh-release-card small{font-size:10px;color:var(--nh-muted)}.nh-story-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.nh-story-card{position:relative;aspect-ratio:2/3;border-radius:15px;overflow:hidden;background:var(--nh-surface2);border:1px solid var(--nh-border);text-decoration:none!important;box-shadow:0 10px 30px rgba(16,24,40,.08);transition:.2s}.nh-story-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(16,24,40,.12)}.nh-story-card__cover,.nh-story-card__cover img,.nh-story-card__cover .nh-cover-placeholder{width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none}.nh-story-card__overlay{position:absolute;inset:auto 0 0;padding:76px 16px 17px;background:linear-gradient(transparent,rgba(4,9,16,.95));color:white}.nh-story-card__genres{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#b9d1ff}.nh-story-card h3{font-size:20px;line-height:1.08;margin:8px 0;color:#fff!important}.nh-story-card span{font-size:10px;color:#d4dbe5}.nh-genre-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.nh-genre-grid a{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border:1px solid var(--nh-border);border-radius:11px;background:var(--nh-surface);color:var(--nh-text)!important;text-decoration:none!important;font-size:13px;font-weight:780;transition:.18s}.nh-genre-grid b{display:inline-flex;min-width:28px;height:24px;padding:0 7px;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--nh-accent) 11%,var(--nh-surface));color:var(--nh-accent);font-size:11px}.nh-genre-grid a:hover{background:color-mix(in srgb,var(--nh-accent) 7%,var(--nh-surface));border-color:color-mix(in srgb,var(--nh-accent) 38%,var(--nh-border));transform:translateY(-1px)}@media(max-width:1100px){.nh-shell{width:min(100% - 36px,1180px)}.nh-hero{grid-template-columns:minmax(0,1fr) 230px;padding:52px 48px;gap:44px}.nh-hero__cover img,.nh-hero__cover .nh-cover-placeholder{width:210px}.nh-hero-controls{left:48px}.nh-story-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.nh-hero-track,.nh-hero{min-height:430px}.nh-hero{grid-template-columns:1fr 170px;padding:40px 34px}.nh-hero__cover img,.nh-hero__cover .nh-cover-placeholder{width:160px}.nh-hero-controls{left:34px}.nh-continue-grid,.nh-release-grid{grid-template-columns:1fr 1fr}.nh-story-grid{grid-template-columns:repeat(3,1fr)}.nh-genre-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.novera-home{padding-top:18px}.nh-shell{width:min(100% - 20px,1180px)}.nh-hero-track,.nh-hero{min-height:440px}.nh-hero{grid-template-columns:1fr;padding:32px 22px 64px}.nh-hero__cover{display:none}.nh-hero h2{font-size:38px}.nh-hero p{font-size:15px}.nh-hero-controls{left:22px;bottom:20px}.nh-continue-grid,.nh-release-grid{grid-template-columns:1fr}.nh-story-grid{grid-template-columns:repeat(2,1fr)}.nh-genre-grid{grid-template-columns:1fr 1fr}.nh-section{margin-top:48px}.nh-section__head{align-items:flex-start}.nh-section__head h2{font-size:30px}.nh-see-all{font-size:10px}.nh-continue-card{grid-template-columns:92px 1fr}.nh-continue-card__cover img,.nh-continue-card__cover .nh-cover-placeholder{width:92px}.nh-release-card{grid-template-columns:68px 1fr}.nh-release-card__cover img,.nh-release-card__cover .nh-cover-placeholder{width:68px;height:90px}}

/* v0.2.1 — correções e refinamentos */
.nh-hero-track,.nh-hero{min-height:600px}
.nh-hero{grid-template-columns:minmax(0,1fr) 320px;gap:72px;padding:72px 78px;align-items:center}
.nh-hero__content{max-width:820px;align-self:center;overflow:visible}
.nh-hero h2{margin-bottom:18px}
.nh-hero p{display:block;max-height:none;overflow:visible;margin:0;line-height:1.68}
.nh-hero__actions{margin-top:24px}
.nh-hero__meta{margin-top:18px;padding-bottom:30px}
.nh-hero__cover img,.nh-hero__cover .nh-cover-placeholder{width:265px}
.nh-hero-controls{bottom:24px}

.nh-release-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.nh-release-card{grid-template-columns:86px minmax(0,1fr);align-items:start;min-height:154px;padding:14px 15px;gap:15px}
.nh-release-card__cover img,.nh-release-card__cover .nh-cover-placeholder{width:86px;height:126px}
.nh-release-card__body{min-width:0;padding-top:2px}
.nh-release-card__story{font-size:15px;line-height:1.25;margin-bottom:8px}
.nh-release-card__chapters{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 10px}
.nh-release-card__chapter{display:inline-flex;max-width:100%;width:max-content;margin:0;padding:5px 8px;border-radius:7px;background:color-mix(in srgb,var(--nh-accent) 8%,var(--nh-surface2));border:1px solid color-mix(in srgb,var(--nh-accent) 16%,var(--nh-border));font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nh-release-card small{margin-top:auto}

.nh-story-grid{gap:20px}
.nh-story-card{min-height:330px;border-radius:17px}
.nh-story-card__overlay{padding:92px 18px 19px}
.nh-story-card h3{font-size:21px}

@media(max-width:1100px){
  .nh-hero-track,.nh-hero{min-height:550px}
  .nh-hero{grid-template-columns:minmax(0,1fr) 240px;padding:58px 48px;gap:46px}
  .nh-hero__cover img,.nh-hero__cover .nh-cover-placeholder{width:220px}
  .nh-release-card{grid-template-columns:76px minmax(0,1fr)}
  .nh-release-card__cover img,.nh-release-card__cover .nh-cover-placeholder{width:76px;height:112px}
}
@media(max-width:900px){
  .nh-hero-track,.nh-hero{min-height:480px}
  .nh-hero{grid-template-columns:1fr 180px;padding:44px 34px 66px;gap:30px}
  .nh-hero__cover img,.nh-hero__cover .nh-cover-placeholder{width:170px}
  .nh-release-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .nh-hero-track,.nh-hero{min-height:500px}
  .nh-hero{grid-template-columns:1fr;padding:34px 22px 68px}
  .nh-hero__meta{padding-bottom:0}
  .nh-release-grid{grid-template-columns:1fr}
  .nh-release-card{grid-template-columns:74px minmax(0,1fr);min-height:128px}
  .nh-release-card__cover img,.nh-release-card__cover .nh-cover-placeholder{width:74px;height:106px}
  .nh-story-card{min-height:290px}
}


/* v0.2.2 — hero adaptativo e lançamentos por obras distintas */
.nh-hero-track,.nh-hero{min-height:650px}
.nh-hero{padding-top:64px;padding-bottom:76px}
.nh-hero__content{min-width:0}
.nh-hero h2{font-size:clamp(40px,4.7vw,64px);line-height:1.02;text-wrap:balance;overflow-wrap:anywhere}
.nh-hero p{font-size:16px;line-height:1.62;max-width:720px}
.nh-release-card{min-height:166px}
@media(max-width:1100px){.nh-hero-track,.nh-hero{min-height:590px}.nh-hero h2{font-size:clamp(38px,5vw,56px)}}
@media(max-width:900px){.nh-hero-track,.nh-hero{min-height:540px}.nh-hero h2{font-size:clamp(34px,5.6vw,48px)}}
@media(max-width:620px){.nh-hero-track,.nh-hero{min-height:540px}.nh-hero h2{font-size:clamp(32px,10vw,42px)}.nh-hero p{font-size:14px;line-height:1.55}}

/* v0.2.3 — padronização definitiva das capas */
/* O quadro, e não a proporção original do arquivo, passa a controlar o tamanho visual. */
.nh-hero__cover{
  width:265px;
  aspect-ratio:2/3;
  overflow:hidden;
  border-radius:12px;
  background:color-mix(in srgb,var(--nh-surface2) 92%,transparent);
  box-shadow:0 28px 64px rgba(0,0,0,.30);
}
.nh-hero__cover img,
.nh-hero__cover .nh-cover-placeholder{
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center;
  border-radius:0;
  box-shadow:none;
}

.nh-continue-card__cover{
  width:112px;
  aspect-ratio:2/3;
  overflow:hidden;
  border-radius:9px;
  background:var(--nh-surface2);
}
.nh-continue-card__cover img,
.nh-continue-card__cover .nh-cover-placeholder{
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center;
  border-radius:0;
}

.nh-release-card__cover{
  width:86px;
  aspect-ratio:2/3;
  overflow:hidden;
  border-radius:8px;
  background:var(--nh-surface2);
}
.nh-release-card__cover img,
.nh-release-card__cover .nh-cover-placeholder{
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center;
  border-radius:0;
}

.nh-story-card__cover{
  position:absolute;
  inset:0;
  overflow:hidden;
}
.nh-story-card__cover img,
.nh-story-card__cover .nh-cover-placeholder{
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center;
}

@media(max-width:1100px){
  .nh-hero__cover{width:220px}
  .nh-release-card__cover{width:76px}
}
@media(max-width:900px){
  .nh-hero__cover{width:170px}
}
@media(max-width:620px){
  .nh-continue-card__cover{width:92px}
  .nh-release-card__cover{width:74px}
}

/* v0.2.4 — controles do carrossel */
.nh-hero-controls{
  display:flex;
  align-items:center;
  gap:12px;
}
.nh-hero-arrow{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 38px!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 0 2px!important;
  border:1px solid color-mix(in srgb,var(--nh-border) 88%,var(--nh-accent) 12%)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--nh-surface) 88%,transparent)!important;
  color:var(--nh-text)!important;
  box-shadow:0 4px 14px rgba(0,0,0,.10)!important;
  font-family:Arial,sans-serif!important;
  font-size:25px!important;
  font-weight:400!important;
  line-height:1!important;
  text-indent:0!important;
  cursor:pointer!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
.nh-hero-arrow::before,.nh-hero-arrow::after{content:none!important;display:none!important}
.nh-hero-arrow:hover{
  background:var(--nh-accent)!important;
  border-color:var(--nh-accent)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  box-shadow:0 7px 18px color-mix(in srgb,var(--nh-accent) 25%,transparent)!important;
}
.nh-hero-arrow:focus-visible{
  outline:2px solid var(--nh-accent)!important;
  outline-offset:3px!important;
}
.nh-hero-arrow:active{transform:translateY(0) scale(.95)!important}
.nh-hero-dots{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:38px;
}
.nh-hero-dots button{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  flex:0 0 7px!important;
  width:7px!important;
  min-width:7px!important;
  max-width:7px!important;
  height:7px!important;
  min-height:7px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--nh-muted) 45%,transparent)!important;
  box-shadow:none!important;
  opacity:.9;
  cursor:pointer!important;
  transition:width .2s ease,flex-basis .2s ease,background-color .2s ease,transform .2s ease!important;
}
.nh-hero-dots button::before,.nh-hero-dots button::after{content:none!important;display:none!important}
.nh-hero-dots button:hover{background:color-mix(in srgb,var(--nh-accent) 65%,var(--nh-border))!important;transform:scale(1.18)}
.nh-hero-dots button.is-active{
  flex-basis:24px!important;
  width:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  background:var(--nh-accent)!important;
  transform:none!important;
}
.nh-hero-dots button:focus-visible{outline:2px solid var(--nh-accent)!important;outline-offset:3px!important}
@media(max-width:620px){
  .nh-hero-arrow{width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;flex-basis:34px!important;font-size:22px!important}
  .nh-hero-dots{min-height:34px}
}


/* v0.3.0 — banner / imagem / anúncio configurável */
.nh-section--banner{margin-top:64px}
.nh-banner{
  display:block;
  width:100%;
  overflow:hidden;
  border:1px solid var(--nh-border);
  border-radius:18px;
  background:var(--nh-surface);
  box-shadow:var(--nh-shadow);
  text-decoration:none!important;
  line-height:0;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
a.nh-banner:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--nh-accent) 35%,var(--nh-border));
  box-shadow:0 20px 50px color-mix(in srgb,var(--nh-accent) 10%,rgba(0,0,0,.16));
}
.nh-banner img{
  display:block;
  width:100%!important;
  height:auto!important;
  max-height:320px;
  object-fit:cover;
  object-position:center;
}
@media(max-width:900px){.nh-section--banner{margin-top:52px}.nh-banner{border-radius:14px}.nh-banner img{max-height:260px}}
@media(max-width:620px){.nh-section--banner{margin-top:44px}.nh-banner{border-radius:12px}.nh-banner img{max-height:200px}}

/* v0.4.0 — descoberta, ranking editorial e comunidade */
.nh-trending-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.nh-trending-card{position:relative;display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;padding:13px;border:1px solid var(--nh-border);border-radius:14px;background:var(--nh-surface);color:var(--nh-text)!important;text-decoration:none!important;transition:.18s}.nh-trending-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--nh-accent) 45%,var(--nh-border))}.nh-rank{position:absolute;left:7px;top:7px;z-index:2;display:grid;place-items:center;min-width:28px;height:24px;padding:0 6px;border-radius:8px;background:var(--nh-accent);color:#fff;font-size:10px;font-weight:900;box-shadow:0 4px 12px rgba(0,0,0,.18)}.nh-trending-card__cover{width:72px;aspect-ratio:2/3;border-radius:8px;overflow:hidden;background:var(--nh-surface2)}.nh-trending-card__cover img,.nh-trending-card__cover .nh-cover-placeholder{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0;box-shadow:none}.nh-trending-card__body{display:flex;flex-direction:column;min-width:0}.nh-trending-card__body strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nh-trending-card__body span{margin-top:7px;font-size:11px;color:var(--nh-soft)}.nh-trending-card__body small{margin-top:7px;font-size:9px;color:var(--nh-muted)}
.nh-new-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.nh-new-card{display:block;overflow:hidden;border:1px solid var(--nh-border);border-radius:15px;background:var(--nh-surface);color:var(--nh-text)!important;text-decoration:none!important;transition:.2s}.nh-new-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--nh-accent) 42%,var(--nh-border));box-shadow:var(--nh-shadow)}.nh-new-card__cover{aspect-ratio:2/3;overflow:hidden;background:var(--nh-surface2)}.nh-new-card__cover img,.nh-new-card__cover .nh-cover-placeholder{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0;box-shadow:none}.nh-new-card__body{padding:13px}.nh-new-card__body>span{font-size:8px;letter-spacing:.14em;color:var(--nh-accent);font-weight:900}.nh-new-card__body strong{display:block;margin-top:6px;font-size:14px;line-height:1.2}.nh-new-card__body small{display:block;margin-top:8px;font-size:9px;color:var(--nh-muted)}
.nh-choice{position:relative;overflow:hidden;display:grid;grid-template-columns:230px 1fr;gap:40px;align-items:center;padding:34px;border:1px solid color-mix(in srgb,var(--nh-accent) 34%,var(--nh-border));border-radius:22px;background:linear-gradient(120deg,color-mix(in srgb,var(--nh-accent) 8%,var(--nh-surface)),var(--nh-surface));box-shadow:var(--nh-shadow)}.nh-choice__cover{width:230px;aspect-ratio:2/3;overflow:hidden;border-radius:12px;box-shadow:0 22px 46px rgba(0,0,0,.22)}.nh-choice__cover img,.nh-choice__cover .nh-cover-placeholder{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0;box-shadow:none}.nh-choice__content h2{font-size:clamp(32px,4vw,52px);line-height:1.02;letter-spacing:-.035em;margin:0 0 12px;color:var(--nh-text)!important}.nh-choice__content p{max-width:720px;font-size:15px;line-height:1.65;color:var(--nh-soft)}.nh-choice__tags{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--nh-muted);margin-bottom:14px}
.nh-community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.nh-comment-card{padding:18px;border:1px solid var(--nh-border);border-radius:15px;background:var(--nh-surface)}.nh-comment-card__top{display:flex;gap:10px;align-items:center}.nh-comment-card__top img{width:36px!important;height:36px!important;border-radius:50%}.nh-comment-card__top>div{display:flex;flex-direction:column;min-width:0}.nh-comment-card__top strong{font-size:12px}.nh-comment-card__top span{font-size:9px;color:var(--nh-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nh-comment-card__top a{color:var(--nh-accent)!important;text-decoration:none!important}.nh-comment-card blockquote{margin:16px 0 12px;padding:0;border:0;font-size:14px;line-height:1.55;color:var(--nh-soft);font-style:italic}.nh-comment-card small{font-size:9px;color:var(--nh-muted)}
@media(max-width:1000px){.nh-trending-grid,.nh-community-grid{grid-template-columns:repeat(2,1fr)}.nh-new-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.nh-new-grid{grid-template-columns:repeat(3,1fr)}.nh-choice{grid-template-columns:150px 1fr;gap:24px;padding:24px}.nh-choice__cover{width:150px}}
@media(max-width:620px){.nh-trending-grid,.nh-community-grid{grid-template-columns:1fr}.nh-new-grid{grid-template-columns:repeat(2,1fr)}.nh-choice{grid-template-columns:1fr;padding:22px}.nh-choice__cover{width:130px}.nh-choice__content h2{font-size:30px}}

/* v0.4.1 — refinamento editorial */
.nh-section--trending .nh-section__head{margin-bottom:24px}
.nh-trending-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.nh-trending-card{grid-template-columns:92px minmax(0,1fr);min-height:142px;padding:16px 18px 16px 16px;border-radius:17px;overflow:hidden;box-shadow:0 7px 22px rgba(16,24,40,.045)}
.nh-trending-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:color-mix(in srgb,var(--nh-accent) 70%,transparent);opacity:.5}
.nh-trending-card--rank-1,.nh-trending-card--rank-2,.nh-trending-card--rank-3{background:linear-gradient(135deg,color-mix(in srgb,var(--nh-accent) 8%,var(--nh-surface)),var(--nh-surface))}
.nh-trending-card--rank-1:before{width:4px;opacity:1}
.nh-trending-card__cover{width:92px;border-radius:10px;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.nh-rank{left:8px;top:8px;min-width:40px;height:auto;padding:5px 7px;display:flex;gap:3px;align-items:baseline;border-radius:9px;font-size:12px}
.nh-rank small{font-size:6px;letter-spacing:.1em;opacity:.85}
.nh-trending-card__eyebrow{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--nh-accent);font-weight:900;margin-bottom:6px}
.nh-trending-card__body strong{font-size:15px;line-height:1.22;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nh-trending-card__body span{font-size:11px;margin-top:8px}.nh-trending-card__body small{font-size:10px;line-height:1.45}

.nh-choice{isolation:isolate;grid-template-columns:245px minmax(0,1fr);gap:46px;padding:40px;background:linear-gradient(110deg,color-mix(in srgb,var(--nh-surface) 98%,transparent) 18%,color-mix(in srgb,var(--nh-surface) 88%,transparent) 58%,color-mix(in srgb,var(--nh-accent) 9%,var(--nh-surface)));border-color:color-mix(in srgb,var(--nh-accent) 46%,var(--nh-border))}
.nh-choice:before{content:"";position:absolute;inset:0 0 0 37%;z-index:-2;background-image:var(--nh-choice-image);background-size:cover;background-position:center;filter:blur(26px) saturate(.8);transform:scale(1.12);opacity:.14}
.nh-choice:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--nh-surface) 20%,color-mix(in srgb,var(--nh-surface) 93%,transparent) 61%,color-mix(in srgb,var(--nh-surface) 68%,transparent))}
.nh-choice__cover{width:245px;position:relative;z-index:2;transform:rotate(-1deg)}
.nh-choice__eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--nh-accent) 10%,var(--nh-surface));border:1px solid color-mix(in srgb,var(--nh-accent) 24%,var(--nh-border));color:var(--nh-accent);font-size:8px;font-weight:900;letter-spacing:.16em}
.nh-choice__content .nh-kicker{margin-bottom:10px}.nh-choice__content h2{margin-bottom:10px}.nh-choice__content p{font-size:16px;max-width:760px}

.nh-community-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.nh-comment-card{display:flex;flex-direction:column;min-height:190px;padding:20px 21px;border-radius:17px;box-shadow:0 6px 20px rgba(16,24,40,.04)}
.nh-comment-card__top img{width:42px!important;height:42px!important;border:2px solid color-mix(in srgb,var(--nh-accent) 18%,var(--nh-border))}
.nh-comment-card__top strong{font-size:13px}.nh-comment-card__top span{font-size:10px;margin-top:2px}
.nh-comment-card blockquote{font-size:15px;line-height:1.6;margin:18px 0;flex:1}
.nh-comment-card__footer{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-top:12px;border-top:1px solid var(--nh-border)}
.nh-comment-card__footer>a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nh-accent)!important;text-decoration:none!important;font-size:10px;font-weight:800}
.nh-comment-card__footer small{white-space:nowrap;font-size:9px;color:var(--nh-muted)}

/* dá mais separação visual às áreas editoriais sem alongar demais a home */
.nh-section--new,.nh-section--trending,.nh-section--choice,.nh-section--community{scroll-margin-top:90px}

@media(max-width:1000px){.nh-trending-card{grid-template-columns:82px 1fr}.nh-trending-card__cover{width:82px}.nh-choice{grid-template-columns:210px 1fr;gap:34px;padding:32px}.nh-choice__cover{width:210px}}
@media(max-width:760px){.nh-trending-grid{grid-template-columns:1fr 1fr}.nh-choice{grid-template-columns:150px 1fr;gap:24px;padding:24px}.nh-choice__cover{width:150px}.nh-choice__content p{font-size:14px}}
@media(max-width:620px){.nh-trending-grid{grid-template-columns:1fr}.nh-trending-card{grid-template-columns:82px 1fr;min-height:132px}.nh-choice{grid-template-columns:1fr;padding:22px}.nh-choice__cover{width:138px}.nh-choice:before{inset:0}.nh-choice__content h2{font-size:30px}.nh-community-grid{grid-template-columns:1fr}.nh-comment-card{min-height:0}}

/* v0.4.2 — pódio editorial, escolha premium e comunidade adaptativa */
.nh-section--trending{margin-top:68px;margin-bottom:-10px}
.nh-section--trending + .nh-section--new{margin-top:56px}
.nh-trending-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;align-items:stretch}
.nh-trending-card{grid-column:span 2;grid-template-columns:88px minmax(0,1fr);min-height:136px;padding:15px 17px;border-radius:17px}
.nh-trending-card--rank-1{grid-column:span 3;grid-row:span 2;grid-template-columns:168px minmax(0,1fr);min-height:300px;padding:22px 24px;background:linear-gradient(135deg,color-mix(in srgb,#f6c453 12%,var(--nh-surface)),color-mix(in srgb,var(--nh-accent) 7%,var(--nh-surface)));border-color:color-mix(in srgb,#d7a62f 44%,var(--nh-border));box-shadow:0 15px 34px rgba(16,24,40,.08)}
.nh-trending-card--rank-2,.nh-trending-card--rank-3{grid-column:span 3;min-height:142px}
.nh-trending-card--rank-4,.nh-trending-card--rank-5,.nh-trending-card--rank-6{grid-column:span 2;min-height:126px}
.nh-trending-card--rank-1 .nh-trending-card__cover{width:168px;border-radius:12px;box-shadow:0 18px 34px rgba(0,0,0,.18)}
.nh-trending-card--rank-2 .nh-trending-card__cover,.nh-trending-card--rank-3 .nh-trending-card__cover{width:92px}
.nh-trending-card--rank-4 .nh-trending-card__cover,.nh-trending-card--rank-5 .nh-trending-card__cover,.nh-trending-card--rank-6 .nh-trending-card__cover{width:78px}
.nh-trending-card--rank-1 .nh-trending-card__body strong{font-size:24px;line-height:1.08;-webkit-line-clamp:3}
.nh-trending-card--rank-1 .nh-trending-card__body span{font-size:12px;margin-top:12px}
.nh-trending-card--rank-1 .nh-trending-card__body small{font-size:11px;margin-top:10px}
.nh-trending-card--rank-1 .nh-trending-card__eyebrow{font-size:9px;margin-bottom:9px;color:#b57b00}
.nh-rank{left:10px;top:10px;min-width:44px;min-height:31px;padding:5px 8px;display:flex;align-items:center;justify-content:center;gap:4px;background:color-mix(in srgb,var(--nh-accent) 92%,#fff);font-size:12px}
.nh-rank__medal{font-size:15px;line-height:1}.nh-rank b{font-size:13px;line-height:1}.nh-rank small{font-size:6px;letter-spacing:.1em}
.nh-trending-card--rank-1 .nh-rank{min-width:62px;min-height:38px;background:linear-gradient(135deg,#f7c948,#d99a12);color:#241800;box-shadow:0 6px 18px rgba(173,111,0,.25)}
.nh-trending-card--rank-2 .nh-rank{background:linear-gradient(135deg,#dfe6ee,#a9b4c2);color:#17202a}
.nh-trending-card--rank-3 .nh-rank{background:linear-gradient(135deg,#d99a63,#a85d2e);color:#fff}
.nh-trending-card--rank-4 .nh-rank,.nh-trending-card--rank-5 .nh-rank,.nh-trending-card--rank-6 .nh-rank{min-width:34px;min-height:27px;padding:4px 7px}
.nh-trending-card--rank-4 .nh-rank__medal,.nh-trending-card--rank-5 .nh-rank__medal,.nh-trending-card--rank-6 .nh-rank__medal{display:none}

/* Escolha da Novera: usa melhor a metade direita do card */
.nh-choice:before{inset:-12% -4% -12% 43%;filter:blur(18px) saturate(.95);opacity:.23;background-position:center 26%}
.nh-choice:after{background:linear-gradient(90deg,var(--nh-surface) 18%,color-mix(in srgb,var(--nh-surface) 95%,transparent) 48%,color-mix(in srgb,var(--nh-surface) 74%,transparent) 72%,color-mix(in srgb,var(--nh-surface) 55%,transparent))}
.nh-choice__content{position:relative;z-index:2;max-width:820px}

/* Comunidade: 1 comentário ocupa tudo, 2 dividem a linha, 3+ usam três colunas */
.nh-community-grid{display:grid;gap:16px}
.nh-community-grid--1{grid-template-columns:1fr}
.nh-community-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.nh-community-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.nh-comment-card{min-height:205px;padding:22px 23px}
.nh-comment-card__top img{width:48px!important;height:48px!important}
.nh-comment-card__top strong{font-size:14px}.nh-comment-card__top span{font-size:10px}
.nh-comment-card blockquote{font-size:16px;line-height:1.62;margin:20px 0}
.nh-comment-card__footer>a{font-size:11px}.nh-comment-card__footer small{font-size:10px}
.nh-community-grid--1 .nh-comment-card{min-height:170px}.nh-community-grid--1 .nh-comment-card blockquote{font-size:17px}

@media(max-width:1000px){
  .nh-trending-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nh-trending-card,.nh-trending-card--rank-1,.nh-trending-card--rank-2,.nh-trending-card--rank-3,.nh-trending-card--rank-4,.nh-trending-card--rank-5,.nh-trending-card--rank-6{grid-column:span 1;grid-row:auto}
  .nh-trending-card--rank-1{grid-template-columns:130px 1fr;min-height:220px}
  .nh-trending-card--rank-1 .nh-trending-card__cover{width:130px}
  .nh-community-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .nh-trending-card--rank-1{grid-template-columns:110px 1fr;min-height:190px;padding:18px}
  .nh-trending-card--rank-1 .nh-trending-card__cover{width:110px}
  .nh-trending-card--rank-1 .nh-trending-card__body strong{font-size:20px}
  .nh-community-grid--2,.nh-community-grid--3{grid-template-columns:1fr}
}
@media(max-width:620px){
  .nh-section--trending + .nh-section--new{margin-top:46px}
  .nh-trending-grid{grid-template-columns:1fr}
  .nh-trending-card,.nh-trending-card--rank-1{grid-template-columns:82px 1fr;min-height:132px;padding:14px}
  .nh-trending-card--rank-1 .nh-trending-card__cover{width:82px}
  .nh-trending-card--rank-1 .nh-trending-card__body strong{font-size:17px}
  .nh-trending-card--rank-1 .nh-trending-card__eyebrow{font-size:8px}
  .nh-choice:before{inset:0;opacity:.16}
  .nh-comment-card{min-height:0;padding:18px}
  .nh-comment-card blockquote,.nh-community-grid--1 .nh-comment-card blockquote{font-size:15px}
}

/* v0.5.0 — página completa de rankings */
.nh-ranking-page{padding-top:28px;padding-bottom:72px}
.nh-ranking-hero{position:relative;overflow:hidden;padding:54px 56px 0;margin-bottom:42px;border:1px solid var(--nh-border);border-radius:24px;background:radial-gradient(circle at 84% 16%,color-mix(in srgb,var(--nh-accent) 16%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--nh-accent) 6%,var(--nh-surface)),var(--nh-surface));box-shadow:0 16px 44px rgba(16,24,40,.06)}
.nh-ranking-hero h1{font-size:clamp(34px,4.3vw,62px);line-height:1.02;letter-spacing:-.045em;max-width:820px;margin:10px 0 14px}
.nh-ranking-hero>p{max-width:720px;font-size:16px;line-height:1.65;color:var(--nh-muted);margin:0 0 34px}
.nh-ranking-tabs{display:flex;gap:6px;overflow-x:auto;padding:0 0 1px;scrollbar-width:none}
.nh-ranking-tabs::-webkit-scrollbar{display:none}
.nh-ranking-tabs a{flex:0 0 auto;padding:14px 18px;border:1px solid transparent;border-bottom:0;border-radius:11px 11px 0 0;color:var(--nh-muted)!important;text-decoration:none!important;font-size:12px;font-weight:800;white-space:nowrap}
.nh-ranking-tabs a:hover{color:var(--nh-text)!important;background:color-mix(in srgb,var(--nh-accent) 6%,transparent)}
.nh-ranking-tabs a.is-active{color:var(--nh-accent)!important;background:var(--nh-bg);border-color:var(--nh-border)}
.nh-ranking-section .nh-section__head{margin-bottom:20px}
.nh-ranking-list{display:grid;gap:12px}
.nh-ranking-row{display:grid;grid-template-columns:74px 86px minmax(0,1fr) 190px;gap:18px;align-items:center;min-height:126px;padding:14px 18px;border:1px solid var(--nh-border);border-radius:16px;background:var(--nh-surface);box-shadow:0 5px 16px rgba(16,24,40,.035);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.nh-ranking-row:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--nh-accent) 38%,var(--nh-border));box-shadow:0 10px 26px rgba(16,24,40,.07)}
.nh-ranking-row.is-top{background:linear-gradient(110deg,color-mix(in srgb,var(--nh-accent) 7%,var(--nh-surface)),var(--nh-surface))}
.nh-ranking-row.is-top-1{border-color:color-mix(in srgb,#d8a625 52%,var(--nh-border));background:linear-gradient(110deg,color-mix(in srgb,#f4c451 10%,var(--nh-surface)),color-mix(in srgb,var(--nh-accent) 5%,var(--nh-surface)));min-height:150px}
.nh-ranking-position{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:var(--nh-muted)}
.nh-ranking-position small{font-size:7px;letter-spacing:.14em;font-weight:900}.nh-ranking-position b{font-size:28px;line-height:1;color:var(--nh-text)}.nh-ranking-position span{font-size:18px;margin-top:4px}
.nh-ranking-cover{display:block;width:86px;aspect-ratio:2/3;overflow:hidden;border-radius:9px;background:var(--nh-bg);box-shadow:0 7px 16px rgba(0,0,0,.12)}
.nh-ranking-cover img,.nh-ranking-cover .nh-cover-placeholder{width:100%!important;height:100%!important;object-fit:cover;display:block}
.nh-ranking-info{min-width:0}.nh-ranking-genres{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--nh-accent);font-weight:900;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nh-ranking-info h3{margin:0 0 6px;font-size:18px;line-height:1.15}.nh-ranking-info h3 a{color:var(--nh-text)!important;text-decoration:none!important}.nh-ranking-info p{margin:0 0 8px;font-size:12px;line-height:1.5;color:var(--nh-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nh-ranking-secondary{font-size:10px;color:var(--nh-muted);font-weight:700}
.nh-ranking-metric{display:flex;flex-direction:column;align-items:flex-end;gap:12px;text-align:right}.nh-ranking-metric strong{font-size:14px;color:var(--nh-accent)}.nh-ranking-metric a{font-size:10px;font-weight:900;color:var(--nh-text)!important;text-decoration:none!important}
.nh-ranking-empty{padding:42px;border:1px dashed var(--nh-border);border-radius:16px;text-align:center;color:var(--nh-muted);background:var(--nh-surface)}
@media(max-width:900px){.nh-ranking-row{grid-template-columns:58px 74px minmax(0,1fr)}.nh-ranking-cover{width:74px}.nh-ranking-metric{grid-column:3;flex-direction:row;justify-content:space-between;align-items:center;text-align:left}.nh-ranking-info p{display:none}}
@media(max-width:620px){.nh-ranking-page{padding-top:14px}.nh-ranking-hero{padding:34px 20px 0;border-radius:18px;margin-bottom:30px}.nh-ranking-hero>p{font-size:14px;margin-bottom:24px}.nh-ranking-tabs a{padding:12px 13px;font-size:11px}.nh-ranking-row{grid-template-columns:44px 64px minmax(0,1fr);gap:10px;padding:12px;min-height:108px}.nh-ranking-row.is-top-1{min-height:118px}.nh-ranking-position b{font-size:22px}.nh-ranking-position span{font-size:14px}.nh-ranking-cover{width:64px}.nh-ranking-info h3{font-size:15px}.nh-ranking-secondary{font-size:9px}.nh-ranking-metric{grid-column:2/4;margin-left:0;padding-top:8px;border-top:1px solid var(--nh-border)}.nh-ranking-metric strong{font-size:12px}}
/* v0.6.0 — Explorar */
.nh-explore-page{padding:28px 0 72px}.nh-explore-hero{padding:48px 50px;border:1px solid var(--nh-border);border-radius:24px;background:radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--nh-accent) 15%,transparent),transparent 35%),var(--nh-surface);box-shadow:0 16px 44px rgba(16,24,40,.06)}.nh-explore-hero h1{font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.04em;margin:10px 0 10px}.nh-explore-hero>p{color:var(--nh-muted);margin:0 0 24px}.nh-explore-search{display:grid;grid-template-columns:1fr auto auto;gap:9px}.nh-explore-search input{min-width:0;padding:15px 17px;border:1px solid var(--nh-border);border-radius:10px;background:var(--nh-bg);color:var(--nh-text)}.nh-explore-search button,.nh-explore-toolbar button{border:0;border-radius:9px;padding:0 18px;background:var(--nh-accent);color:#fff;font-weight:800}.nh-explore-search a{display:flex;align-items:center;padding:0 15px;border:1px solid var(--nh-border);border-radius:9px;text-decoration:none!important;color:var(--nh-text)!important;font-weight:700}.nh-explore-genres{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.nh-explore-genres a{padding:9px 13px;border:1px solid var(--nh-border);border-radius:999px;background:var(--nh-surface);color:var(--nh-text)!important;text-decoration:none!important;font-size:12px;font-weight:750}.nh-explore-genres a.is-active{background:var(--nh-accent);color:#fff!important;border-color:var(--nh-accent)}.nh-explore-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:26px 0 18px}.nh-explore-toolbar form{display:flex;gap:10px;align-items:end}.nh-explore-toolbar label{font-size:11px;color:var(--nh-muted);font-weight:700}.nh-explore-toolbar select{display:block;margin-top:5px;padding:9px 30px 9px 10px;border:1px solid var(--nh-border);border-radius:8px;background:var(--nh-surface);color:var(--nh-text)}.nh-explore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.nh-explore-card{display:grid;grid-template-columns:125px 1fr;min-height:190px;border:1px solid var(--nh-border);border-radius:14px;overflow:hidden;background:var(--nh-surface);box-shadow:0 5px 18px rgba(15,23,42,.035)}.nh-explore-cover{display:block;background:var(--nh-bg)}.nh-explore-cover img{width:100%;height:100%;object-fit:cover;display:block}.nh-explore-info{padding:18px;min-width:0}.nh-explore-info h2{font-size:18px;margin:5px 0 7px}.nh-explore-info h2 a{color:var(--nh-text)!important;text-decoration:none!important}.nh-explore-info p{font-size:13px;line-height:1.55;color:var(--nh-muted);margin:0 0 12px}.nh-explore-meta{display:flex;gap:14px;font-size:11px;color:var(--nh-muted);margin-bottom:12px}.nh-explore-open{font-size:12px;font-weight:800;color:var(--nh-accent)!important;text-decoration:none!important}.nh-pagination{display:flex;justify-content:center;gap:7px;margin-top:28px}.nh-pagination a{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--nh-border);border-radius:9px;background:var(--nh-surface);color:var(--nh-text)!important;text-decoration:none!important}.nh-pagination a.is-active{background:var(--nh-accent);color:#fff!important;border-color:var(--nh-accent)}@media(max-width:760px){.nh-explore-hero{padding:30px 22px}.nh-explore-search{grid-template-columns:1fr auto}.nh-explore-search a{grid-column:1/-1;justify-content:center;min-height:42px}.nh-explore-toolbar{align-items:flex-start;flex-direction:column}.nh-explore-toolbar form{width:100%;flex-wrap:wrap}.nh-explore-grid{grid-template-columns:1fr}.nh-explore-card{grid-template-columns:100px 1fr}}


/* ==========================================================
   v0.6.5 — MOBILE REBUILD
   Base: v0.6.1 estável
   Objetivo: composição inspirada em portal de webnovels,
   sem alterar o desktop e sem criar overflow horizontal.
   ========================================================== */

.nh-hero-mobile-tabs{display:none}

@media (max-width:620px){

  html,body{
    max-width:100%;
    overflow-x:hidden;
  }

  .novera-home{
    width:100%;
    max-width:100%;
    overflow-x:clip;
    padding:8px 0 56px;
  }

  .novera-home *{
    min-width:0;
  }

  .nh-shell{
    width:100%!important;
    max-width:100%!important;
    padding:0 10px!important;
    margin:0!important;
    overflow:visible;
  }

  /* HERO: texto + capa, ambos DENTRO da largura do celular */
  .nh-hero-carousel{
    width:100%;
    max-width:100%;
    overflow:visible;
  }

  .nh-hero-track{
    width:100%;
    min-height:365px!important;
    height:365px;
    overflow:hidden;
    border-radius:18px;
  }

  .nh-hero{
    width:100%;
    max-width:100%;
    min-height:365px!important;
    height:365px;
    inset:0;
    grid-template-columns:minmax(0,1fr) 108px!important;
    grid-template-rows:1fr;
    gap:14px!important;
    padding:24px 16px 58px!important;
    align-items:center!important;
    border-radius:18px!important;
  }

  .nh-hero:before{
    opacity:.24;
    filter:blur(18px) saturate(.9);
    transform:scale(1.08);
  }

  .nh-hero__veil{
    background:
      linear-gradient(90deg,
        color-mix(in srgb,var(--nh-surface) 97%,transparent) 0%,
        color-mix(in srgb,var(--nh-surface) 91%,transparent) 55%,
        color-mix(in srgb,var(--nh-surface) 52%,transparent) 100%);
  }

  .nh-hero__content{
    width:100%;
    max-width:100%;
    align-self:center;
    overflow:hidden;
  }

  .nh-kicker{
    margin-bottom:6px;
    font-size:8px;
  }

  .nh-tags{
    gap:5px;
    margin:7px 0 9px;
    max-height:25px;
    overflow:hidden;
  }

  .nh-tags a{
    padding:4px 7px;
    font-size:7px;
    line-height:1;
  }

  .nh-hero h2{
    max-width:100%;
    margin:0 0 9px!important;
    font-size:clamp(25px,7.2vw,32px)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
    overflow-wrap:anywhere;
    text-wrap:balance;
  }

  .nh-hero p{
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden!important;
    max-width:100%;
    margin:0!important;
    font-size:11px!important;
    line-height:1.45!important;
  }

  .nh-hero__actions{
    gap:7px;
    margin-top:14px!important;
    flex-wrap:nowrap;
  }

  .nh-btn{
    min-height:34px;
    padding:8px 11px;
    border-radius:8px;
    font-size:10px;
    white-space:nowrap;
  }

  .nh-hero__meta{
    gap:10px;
    margin-top:10px!important;
    padding-bottom:0!important;
    font-size:8px;
  }

  .nh-hero__cover{
    display:block!important;
    width:108px!important;
    max-width:108px!important;
    justify-self:end;
    transform:none!important;
    z-index:2;
  }

  .nh-hero__cover img,
  .nh-hero__cover .nh-cover-placeholder{
    width:108px!important;
    max-width:108px!important;
    height:162px!important;
    aspect-ratio:2/3!important;
    object-fit:cover!important;
    border-radius:8px!important;
    box-shadow:0 14px 28px rgba(0,0,0,.28)!important;
  }

  .nh-hero-controls{
    left:16px!important;
    right:auto!important;
    bottom:13px!important;
    gap:7px!important;
  }

  .nh-hero-arrow{
    width:29px!important;
    min-width:29px!important;
    max-width:29px!important;
    height:29px!important;
    min-height:29px!important;
    flex-basis:29px!important;
    font-size:19px!important;
    box-shadow:none!important;
  }

  .nh-hero-dots{
    min-height:29px!important;
    gap:5px!important;
  }

  .nh-hero-dots button{
    width:6px!important;
    min-width:6px!important;
    max-width:6px!important;
    height:6px!important;
    min-height:6px!important;
    flex-basis:6px!important;
  }

  .nh-hero-dots button.is-active{
    width:19px!important;
    min-width:19px!important;
    max-width:19px!important;
    flex-basis:19px!important;
  }

  /* Faixa de outros destaques como no portal de referência.
     O scroll acontece SOMENTE dentro desta faixa. */
  .nh-hero-mobile-tabs{
    display:flex;
    width:100%;
    max-width:100%;
    margin-top:8px;
    border:1px solid var(--nh-border);
    border-radius:12px;
    overflow-x:auto;
    overflow-y:hidden;
    background:var(--nh-surface);
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }

  .nh-hero-mobile-tabs::-webkit-scrollbar{display:none}

  .nh-hero-mobile-tab{
    appearance:none;
    flex:0 0 145px;
    width:145px;
    max-width:145px;
    min-height:58px;
    display:grid;
    grid-template-columns:35px minmax(0,1fr);
    gap:7px;
    align-items:center;
    padding:6px 8px;
    border:0;
    border-right:1px solid var(--nh-border);
    border-radius:0;
    background:transparent;
    color:var(--nh-text);
    text-align:left;
    cursor:pointer;
    position:relative;
    scroll-snap-align:start;
  }

  .nh-hero-mobile-tab:last-child{border-right:0}

  .nh-hero-mobile-tab:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:2px;
    background:transparent;
  }

  .nh-hero-mobile-tab.is-active{
    background:color-mix(in srgb,var(--nh-accent) 7%,var(--nh-surface));
  }

  .nh-hero-mobile-tab.is-active:before{
    background:var(--nh-accent);
  }

  .nh-hero-mobile-tab__cover,
  .nh-hero-mobile-tab__cover img,
  .nh-hero-mobile-tab__cover .nh-cover-placeholder{
    width:35px!important;
    height:46px!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    border-radius:4px!important;
    box-shadow:none!important;
    display:block;
  }

  .nh-hero-mobile-tab__title{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    font-size:9px;
    line-height:1.15;
    font-weight:800;
  }

  /* Seções */
  .nh-section{
    width:100%;
    max-width:100%;
    margin-top:38px!important;
  }

  .nh-section__head{
    gap:10px!important;
    margin-bottom:14px!important;
  }

  .nh-section__head h2{
    font-size:28px!important;
    line-height:1.04!important;
  }

  .nh-see-all{
    font-size:8px!important;
    margin-bottom:2px!important;
  }

  /* Continue lendo: mantém a coluna vertical, confortável e 100% responsiva */
  .nh-continue-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%;
  }

  .nh-continue-card{
    width:100%;
    max-width:100%;
    grid-template-columns:78px minmax(0,1fr)!important;
    gap:12px!important;
    padding:10px!important;
    border-radius:13px!important;
  }

  .nh-continue-card__cover,
  .nh-continue-card__cover img,
  .nh-continue-card__cover .nh-cover-placeholder{
    width:78px!important;
    max-width:78px!important;
    height:117px!important;
    aspect-ratio:auto!important;
  }

  .nh-continue-card__body{
    padding:5px 0!important;
  }

  .nh-continue-card__body strong{
    font-size:13px!important;
  }

  .nh-continue-card__body span{
    margin:7px 0 10px!important;
    font-size:10px!important;
  }

  /* Lançamentos: duas colunas, mas cada coluna pode encolher corretamente */
  .nh-release-grid{
    display:grid!important;
    width:100%;
    max-width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .nh-release-card{
    width:100%;
    max-width:100%;
    min-height:100px!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:8px!important;
    padding:8px!important;
    border-radius:11px!important;
    overflow:hidden;
  }

  .nh-release-card__cover,
  .nh-release-card__cover img,
  .nh-release-card__cover .nh-cover-placeholder{
    width:48px!important;
    max-width:48px!important;
    height:72px!important;
    aspect-ratio:auto!important;
  }

  .nh-release-card__story{
    font-size:10px!important;
  }

  .nh-release-card__chapters{
    overflow:hidden;
  }

  .nh-release-card__chapter{
    display:block!important;
    max-width:100%;
    margin:5px 0!important;
    padding:3px 5px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap!important;
    border:1px solid color-mix(in srgb,var(--nh-accent) 30%,var(--nh-border));
    border-radius:5px;
    font-size:8px!important;
  }

  .nh-release-card__chapter:nth-child(n+2){
    display:none!important;
  }

  .nh-release-card small{
    font-size:7px!important;
  }

  /* Descubra: grade 2 colunas, sem trilho horizontal */
  .nh-story-grid{
    display:grid!important;
    width:100%;
    max-width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }

  .nh-story-card{
    width:100%;
    max-width:100%;
    border-radius:12px!important;
  }

  .nh-story-card__overlay{
    padding:58px 10px 11px!important;
  }

  .nh-story-card h3{
    font-size:16px!important;
  }

  .nh-story-card__genres{
    font-size:7px!important;
  }

  /* Gêneros */
  .nh-genre-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  .nh-genre-grid a{
    min-width:0;
    padding:11px 10px!important;
    font-size:10px!important;
  }

  .nh-genre-grid b{
    min-width:22px!important;
    height:20px!important;
    font-size:9px!important;
  }

  /* Banner */
  .nh-banner,
  .nh-banner img{
    max-width:100%!important;
  }

  .nh-banner img{
    height:auto!important;
    max-height:none!important;
  }

  /* Demais grades do plugin */
  .nh-trending-grid,
  .nh-community-grid{
    grid-template-columns:1fr!important;
  }

  .nh-new-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }

  .nh-choice{
    width:100%;
    max-width:100%;
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:13px!important;
    padding:14px!important;
  }

  .nh-choice__cover{
    width:96px!important;
    max-width:96px!important;
  }

  .nh-choice__content h2{
    font-size:24px!important;
  }

  .nh-choice__content p{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    font-size:10px!important;
  }
}

@media (max-width:380px){
  .nh-hero-track,
  .nh-hero{
    min-height:350px!important;
    height:350px!important;
  }

  .nh-hero{
    grid-template-columns:minmax(0,1fr) 88px!important;
    gap:10px!important;
    padding:20px 12px 54px!important;
  }

  .nh-hero__cover{
    width:88px!important;
    max-width:88px!important;
  }

  .nh-hero__cover img,
  .nh-hero__cover .nh-cover-placeholder{
    width:88px!important;
    max-width:88px!important;
    height:132px!important;
  }

  .nh-hero h2{
    font-size:25px!important;
  }

  .nh-btn{
    padding:7px 9px;
    font-size:9px;
  }

  .nh-hero-mobile-tab{
    flex-basis:130px;
    width:130px;
  }

  .nh-release-grid{
    grid-template-columns:1fr!important;
  }
}


/* ==========================================================
   v0.6.6 — CARROSSEL POR GESTO / ARRASTO
   Remove botões visuais do carrossel em desktop e mobile.
   A navegação continua por:
   - arrastar com mouse
   - deslizar com o dedo
   - clicar/tocar nas miniaturas da faixa
   ========================================================== */

.nh-hero-controls,
.nh-hero-prev,
.nh-hero-next,
.nh-hero-dots {
  display: none !important;
}

.nh-hero-carousel,
.nh-hero-track {
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}

.nh-hero-carousel.is-dragging,
.nh-hero-carousel.is-dragging .nh-hero-track {
  cursor: grabbing;
}

.nh-hero-carousel img {
  -webkit-user-drag: none;
  user-drag: none;
}

/* Como os controles sumiram, o hero não precisa reservar área extra embaixo. */
@media (max-width: 620px) {
  .nh-hero {
    padding-bottom: 24px !important;
  }
}


/* ==========================================================
   v0.6.7 — HERO DESKTOP NO MESMO PADRÃO DO MOBILE
   Mantém o mobile da v0.6.6 intacto.
   - texto à esquerda
   - capa à direita
   - fundo atmosférico
   - faixa horizontal de destaques abaixo
   - sem setas/bolinhas
   - navegação por mouse drag / miniaturas / autoplay
   ========================================================== */

@media (min-width: 621px) {

  .nh-hero-carousel{
    width:100%;
    max-width:100%;
    overflow:visible;
  }

  .nh-hero-track{
    width:100%;
    min-height:500px!important;
    height:500px!important;
    overflow:hidden;
    border-radius:22px;
  }

  .nh-hero{
    width:100%;
    min-height:500px!important;
    height:500px!important;
    grid-template-columns:minmax(0,1fr) 250px!important;
    gap:54px!important;
    padding:58px 64px!important;
    align-items:center!important;
    border-radius:22px!important;
  }

  .nh-hero:before{
    opacity:.27!important;
    filter:blur(24px) saturate(.9)!important;
    transform:scale(1.08)!important;
  }

  .nh-hero__veil{
    background:
      linear-gradient(
        90deg,
        color-mix(in srgb,var(--nh-surface) 98%,transparent) 0%,
        color-mix(in srgb,var(--nh-surface) 91%,transparent) 57%,
        color-mix(in srgb,var(--nh-surface) 56%,transparent) 100%
      )!important;
  }

  .nh-hero__content{
    width:100%;
    max-width:760px!important;
    align-self:center!important;
  }

  .nh-hero h2{
    margin:0 0 17px!important;
    font-size:clamp(44px,4.5vw,64px)!important;
    line-height:1.01!important;
    letter-spacing:-.04em!important;
    text-wrap:balance;
  }

  .nh-hero p{
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden!important;
    max-width:700px!important;
    margin:0!important;
    font-size:15px!important;
    line-height:1.6!important;
  }

  .nh-hero__actions{
    margin-top:24px!important;
  }

  .nh-hero__meta{
    margin-top:17px!important;
    padding-bottom:0!important;
  }

  .nh-hero__cover{
    display:block!important;
    width:250px!important;
    max-width:250px!important;
    justify-self:end!important;
    transform:none!important;
  }

  .nh-hero__cover:hover{
    transform:translateY(-3px)!important;
  }

  .nh-hero__cover img,
  .nh-hero__cover .nh-cover-placeholder{
    width:250px!important;
    max-width:250px!important;
    height:375px!important;
    aspect-ratio:2/3!important;
    object-fit:cover!important;
    border-radius:12px!important;
    box-shadow:0 24px 52px rgba(0,0,0,.28)!important;
  }

  /* Faixa de destaques no desktop */
  .nh-hero-mobile-tabs{
    display:flex!important;
    width:100%;
    max-width:100%;
    margin-top:10px!important;
    border:1px solid var(--nh-border);
    border-radius:14px;
    overflow-x:auto;
    overflow-y:hidden;
    background:var(--nh-surface);
    scrollbar-width:none;
    scroll-behavior:smooth;
  }

  .nh-hero-mobile-tabs::-webkit-scrollbar{
    display:none;
  }

  .nh-hero-mobile-tab{
    appearance:none;
    flex:1 0 190px!important;
    width:auto!important;
    min-width:190px!important;
    max-width:none!important;
    min-height:72px!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    padding:9px 13px!important;
    border:0!important;
    border-right:1px solid var(--nh-border)!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--nh-text)!important;
    text-align:left!important;
    cursor:pointer!important;
    position:relative!important;
  }

  .nh-hero-mobile-tab:last-child{
    border-right:0!important;
  }

  .nh-hero-mobile-tab:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:3px!important;
    background:transparent!important;
  }

  .nh-hero-mobile-tab.is-active{
    background:color-mix(in srgb,var(--nh-accent) 7%,var(--nh-surface))!important;
  }

  .nh-hero-mobile-tab.is-active:before{
    background:var(--nh-accent)!important;
  }

  .nh-hero-mobile-tab__cover,
  .nh-hero-mobile-tab__cover img,
  .nh-hero-mobile-tab__cover .nh-cover-placeholder{
    width:48px!important;
    height:55px!important;
    max-width:48px!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    border-radius:5px!important;
    box-shadow:none!important;
    display:block!important;
  }

  .nh-hero-mobile-tab__title{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:800!important;
  }
}

@media (min-width:621px) and (max-width:900px){
  .nh-hero-track,
  .nh-hero{
    min-height:450px!important;
    height:450px!important;
  }

  .nh-hero{
    grid-template-columns:minmax(0,1fr) 190px!important;
    gap:28px!important;
    padding:44px 34px!important;
  }

  .nh-hero__cover{
    width:190px!important;
    max-width:190px!important;
  }

  .nh-hero__cover img,
  .nh-hero__cover .nh-cover-placeholder{
    width:190px!important;
    max-width:190px!important;
    height:285px!important;
  }

  .nh-hero-mobile-tab{
    min-width:165px!important;
  }
}


/* ==========================================================
   v0.6.8 — PRATELEIRAS MOBILE: DESCOBRIR + NOVIDADES
   - Somente mobile
   - 3 obras visíveis por vez
   - uma única linha horizontal
   - swipe/drag, sem botões
   - desktop preservado
   ========================================================== */
@media (max-width:620px){

  .nh-story-grid.nh-mobile-shelf,
  .nh-new-grid.nh-mobile-shelf{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding:0 0 4px!important;
    overscroll-behavior-inline:contain;
    touch-action:pan-y pan-x;
  }

  .nh-story-grid.nh-mobile-shelf::-webkit-scrollbar,
  .nh-new-grid.nh-mobile-shelf::-webkit-scrollbar{
    display:none;
  }

  /* Exatamente 3 cards cabem na largura útil. */
  .nh-story-grid.nh-mobile-shelf > *,
  .nh-new-grid.nh-mobile-shelf > *{
    flex:0 0 calc((100% - 16px) / 3)!important;
    width:calc((100% - 16px) / 3)!important;
    max-width:calc((100% - 16px) / 3)!important;
    min-width:0!important;
    scroll-snap-align:start;
  }

  /* Descubra uma história: cards verticais compactos como a referência */
  .nh-story-grid.nh-mobile-shelf .nh-story-card{
    aspect-ratio:2/3!important;
    min-height:0!important;
    border-radius:10px!important;
  }

  .nh-story-grid.nh-mobile-shelf .nh-story-card__overlay{
    padding:44px 7px 8px!important;
  }

  .nh-story-grid.nh-mobile-shelf .nh-story-card h3{
    font-size:11px!important;
    line-height:1.05!important;
    letter-spacing:-.015em!important;
  }

  .nh-story-grid.nh-mobile-shelf .nh-story-card__genres{
    font-size:6px!important;
    line-height:1.1!important;
  }

  .nh-story-grid.nh-mobile-shelf .nh-story-card small{
    font-size:6px!important;
  }

  /* Novidades: mesma prateleira de 3 obras, cards simples/verticais */
  .nh-new-grid.nh-mobile-shelf .nh-new-card{
    min-width:0!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }

  .nh-new-grid.nh-mobile-shelf .nh-new-card__cover,
  .nh-new-grid.nh-mobile-shelf .nh-new-card__cover img,
  .nh-new-grid.nh-mobile-shelf .nh-new-card__cover .nh-cover-placeholder{
    width:100%!important;
    max-width:100%!important;
    aspect-ratio:2/3!important;
    height:auto!important;
    object-fit:cover!important;
    border-radius:10px 10px 0 0!important;
  }

  .nh-new-grid.nh-mobile-shelf .nh-new-card__body{
    padding:7px!important;
  }

  .nh-new-grid.nh-mobile-shelf .nh-new-card__body strong,
  .nh-new-grid.nh-mobile-shelf .nh-new-card h3{
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    font-size:10px!important;
    line-height:1.1!important;
  }

  .nh-new-grid.nh-mobile-shelf small{
    font-size:6px!important;
  }
}

@media (max-width:380px){
  .nh-story-grid.nh-mobile-shelf,
  .nh-new-grid.nh-mobile-shelf{
    gap:6px!important;
  }
  .nh-story-grid.nh-mobile-shelf > *,
  .nh-new-grid.nh-mobile-shelf > *{
    flex-basis:calc((100% - 12px) / 3)!important;
    width:calc((100% - 12px) / 3)!important;
    max-width:calc((100% - 12px) / 3)!important;
  }
}

/* ==========================================================
   v0.6.9 — PRATELEIRAS RESPONSIVAS + SETAS SUPERIORES
   Descubra uma história + Novidades na Novera
   ========================================================== */
.nh-section__tools{display:flex;align-items:flex-end;gap:14px;flex-direction:column}
.nh-shelf-arrows{display:flex;gap:8px;justify-content:flex-end}
.nh-shelf-arrow{width:34px;height:34px;border:1px solid var(--nh-border);border-radius:7px;background:var(--nh-surface);color:var(--nh-text);display:grid;place-items:center;font-size:23px;line-height:1;cursor:pointer;transition:.18s ease}
.nh-shelf-arrow:hover{border-color:var(--nh-accent);color:var(--nh-accent);transform:translateY(-1px)}
.nh-shelf-arrow:disabled{opacity:.35;cursor:default;transform:none}

/* Desktop: prateleira horizontal, seis obras visíveis, arrastável. */
@media (min-width:621px){
  .nh-story-grid.nh-mobile-shelf,.nh-new-grid.nh-mobile-shelf{display:flex!important;flex-wrap:nowrap!important;gap:14px!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-y pan-x;cursor:grab}
  .nh-story-grid.nh-mobile-shelf::-webkit-scrollbar,.nh-new-grid.nh-mobile-shelf::-webkit-scrollbar{display:none}
  .nh-story-grid.nh-mobile-shelf.is-dragging,.nh-new-grid.nh-mobile-shelf.is-dragging{cursor:grabbing;scroll-behavior:auto}
  .nh-story-grid.nh-mobile-shelf>* ,.nh-new-grid.nh-mobile-shelf>*{flex:0 0 calc((100% - 70px)/6)!important;width:calc((100% - 70px)/6)!important;max-width:calc((100% - 70px)/6)!important;min-width:0!important;scroll-snap-align:start}
  .nh-story-grid.nh-mobile-shelf .nh-story-card{aspect-ratio:2/3!important;min-height:0!important}
  .nh-new-grid.nh-mobile-shelf .nh-new-card{display:block!important;overflow:hidden!important}
  .nh-new-grid.nh-mobile-shelf .nh-new-card__cover,.nh-new-grid.nh-mobile-shelf .nh-new-card__cover img,.nh-new-grid.nh-mobile-shelf .nh-new-card__cover .nh-cover-placeholder{width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:2/3!important;object-fit:cover!important}
  .nh-new-grid.nh-mobile-shelf .nh-new-card__body{padding:10px!important}
}

@media (max-width:620px){
  .nh-section__tools{gap:9px}
  .nh-shelf-arrows{display:flex}
  .nh-shelf-arrow{width:30px;height:30px;font-size:20px}
}

/* v0.7.0 — conquistas personalizadas na Home */
.nh-achievement-shelf{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;cursor:grab}
.nh-achievement-shelf::-webkit-scrollbar{display:none}.nh-achievement-shelf.is-dragging{cursor:grabbing;scroll-behavior:auto}
.nh-achievement-shelf>.nh-home-achievement{flex:0 0 calc((100% - 28px)/3);min-width:0;scroll-snap-align:start}
.nh-home-achievement{display:flex;gap:14px;padding:17px;border:1px solid var(--nh-border);border-radius:14px;background:var(--nh-surface);color:var(--nh-text);text-decoration:none!important;box-shadow:0 7px 24px rgba(20,35,55,.04);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
a.nh-home-achievement:hover{border-color:color-mix(in srgb,var(--nh-accent) 55%,var(--nh-border));transform:translateY(-2px);box-shadow:0 10px 28px rgba(20,35,55,.08)}
.nh-home-achievement__icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--nh-accent) 10%,var(--nh-surface));font-size:23px}
.nh-home-achievement__body{display:block;flex:1;min-width:0}.nh-home-achievement__top{display:flex;justify-content:space-between;align-items:center;gap:10px}.nh-home-achievement__top strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nh-home-achievement__top em{font-style:normal;font-size:9px;letter-spacing:.08em;font-weight:800;color:var(--nh-accent)}
.nh-home-achievement__story{display:block;margin-top:3px;color:var(--nh-accent);font-weight:700;font-size:10px}.nh-home-achievement__desc{display:block;margin-top:6px;font-size:11px;line-height:1.35;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nh-home-achievement__progress{display:block;height:6px;margin:11px 0 6px;border-radius:999px;background:color-mix(in srgb,var(--nh-border) 72%,transparent);overflow:hidden}.nh-home-achievement__progress i{display:block;height:100%;border-radius:inherit;background:var(--nh-accent)}.nh-home-achievement__body>small:last-child{font-size:9px;opacity:.62}.nh-home-achievement.is-done{border-color:color-mix(in srgb,var(--nh-accent) 35%,var(--nh-border))}
@media(max-width:620px){.nh-achievement-shelf{gap:10px}.nh-achievement-shelf>.nh-home-achievement{flex-basis:82%;width:82%;max-width:82%}.nh-home-achievement{padding:14px}.nh-home-achievement__icon{width:42px;height:42px;flex-basis:42px;font-size:20px}.nh-home-achievement__desc{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}


/* ==========================================================
   v0.7.4 — MAIS LIDAS DO MÊS
   Responsivo: desktop, tablet e mobile.
   ========================================================== */
.nh-section--monthly{
  --nh-month-gold:#b78a2e;
  --nh-month-soft:color-mix(in srgb,var(--nh-month-gold) 13%,var(--nh-surface));
}

.nh-monthly-head{
  align-items:end;
}

.nh-monthly-winner{
  display:grid;
  grid-template-columns:54px 190px minmax(0,1fr) 145px;
  gap:26px;
  align-items:center;
  min-width:0;
  padding:28px 32px;
  border:1px solid color-mix(in srgb,var(--nh-month-gold) 45%,var(--nh-border));
  border-left:3px solid var(--nh-month-gold);
  border-radius:15px;
  background:
    radial-gradient(circle at 18% 35%, color-mix(in srgb,var(--nh-month-gold) 9%,transparent), transparent 34%),
    var(--nh-surface);
  color:var(--nh-text);
  text-decoration:none;
  overflow:hidden;
}

.nh-monthly-winner:hover{
  border-color:color-mix(in srgb,var(--nh-month-gold) 72%,var(--nh-border));
}

.nh-monthly-winner__rank{
  align-self:start;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1px;
  padding-top:4px;
  color:var(--nh-month-gold);
}
.nh-monthly-winner__rank small{
  font-size:7px;
  letter-spacing:.18em;
}
.nh-monthly-winner__rank strong{
  font-size:30px;
  line-height:1;
}
.nh-monthly-winner__rank em{
  font-style:normal;
  font-size:20px;
}

.nh-monthly-winner__cover,
.nh-monthly-winner__cover img,
.nh-monthly-winner__cover .nh-cover-placeholder{
  width:190px;
  height:285px;
  max-width:190px;
  object-fit:cover;
  border-radius:9px;
  display:block;
}

.nh-monthly-winner__content{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.nh-monthly-winner__eyebrow{
  margin-bottom:13px;
  color:var(--nh-month-gold);
  font-size:9px;
  font-weight:800;
  letter-spacing:.18em;
}

.nh-monthly-winner__title{
  font-size:34px;
  line-height:1.04;
  letter-spacing:-.035em;
}

.nh-monthly-winner__author{
  margin-top:8px;
  font-size:11px;
  color:var(--nh-muted);
}

.nh-monthly-winner__excerpt{
  margin-top:18px;
  max-width:640px;
  color:var(--nh-muted);
  font-size:12px;
  line-height:1.6;
}

.nh-monthly-winner__metric{
  margin-top:17px;
  color:var(--nh-month-gold);
  font-size:12px;
  font-weight:800;
}

.nh-monthly-winner__score{
  min-height:110px;
  border-left:1px solid var(--nh-border);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:var(--nh-month-gold);
  text-align:center;
}
.nh-monthly-winner__score strong{
  font-size:64px;
  line-height:.85;
}
.nh-monthly-winner__score small{
  margin-top:12px;
  color:var(--nh-muted);
  font-size:8px;
  font-weight:800;
  line-height:1.45;
  letter-spacing:.18em;
}

.nh-monthly-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}

.nh-monthly-card{
  min-width:0;
  min-height:82px;
  display:grid;
  grid-template-columns:34px 48px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:8px 12px;
  border:1px solid var(--nh-border);
  border-radius:10px;
  background:var(--nh-surface);
  color:var(--nh-text);
  text-decoration:none;
}
.nh-monthly-card:hover{
  border-color:color-mix(in srgb,var(--nh-month-gold) 45%,var(--nh-border));
}

.nh-monthly-card__pos{
  color:var(--nh-month-gold);
  font-size:12px;
  font-weight:900;
}

.nh-monthly-card__cover,
.nh-monthly-card__cover img,
.nh-monthly-card__cover .nh-cover-placeholder{
  width:48px;
  height:66px;
  max-width:48px;
  object-fit:cover;
  border-radius:5px;
  display:block;
}

.nh-monthly-card__info{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.nh-monthly-card__info strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
}
.nh-monthly-card__info small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--nh-muted);
  font-size:8px;
}

.nh-monthly-card__reads{
  color:var(--nh-month-gold);
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.nh-monthly-card__reads small{
  color:var(--nh-muted);
  font-size:7px;
  font-weight:600;
}

@media (max-width:1050px){
  .nh-monthly-winner{
    grid-template-columns:42px 150px minmax(0,1fr) 100px;
    gap:20px;
    padding:24px;
  }
  .nh-monthly-winner__cover,
  .nh-monthly-winner__cover img,
  .nh-monthly-winner__cover .nh-cover-placeholder{
    width:150px;
    height:225px;
    max-width:150px;
  }
  .nh-monthly-winner__title{font-size:28px}
  .nh-monthly-winner__score strong{font-size:52px}
  .nh-monthly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:620px){
  .nh-section--monthly{
    margin-top:38px!important;
  }

  .nh-monthly-head{
    align-items:end;
  }

  .nh-monthly-head .nh-kicker{
    max-width:220px;
  }

  .nh-monthly-winner{
    grid-template-columns:82px minmax(0,1fr);
    grid-template-areas:
      "cover content"
      "score score";
    gap:12px;
    padding:12px;
    border-left-width:2px;
  }

  .nh-monthly-winner__rank{
    position:absolute;
    z-index:2;
    margin:7px 0 0 7px;
    width:28px;
    height:35px;
    justify-content:center;
    border-radius:4px;
    background:var(--nh-month-gold);
    color:#fff;
  }
  .nh-monthly-winner__rank small{display:none}
  .nh-monthly-winner__rank strong{font-size:15px}
  .nh-monthly-winner__rank em{font-size:10px}

  .nh-monthly-winner__cover{
    grid-area:cover;
  }
  .nh-monthly-winner__cover,
  .nh-monthly-winner__cover img,
  .nh-monthly-winner__cover .nh-cover-placeholder{
    width:82px;
    height:123px;
    max-width:82px;
    border-radius:7px;
  }

  .nh-monthly-winner__content{
    grid-area:content;
    align-self:center;
  }

  .nh-monthly-winner__eyebrow{
    margin-bottom:6px;
    font-size:6px;
  }

  .nh-monthly-winner__title{
    font-size:19px;
    line-height:1.05;
  }

  .nh-monthly-winner__author{
    margin-top:5px;
    font-size:8px;
  }

  .nh-monthly-winner__excerpt{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    margin-top:8px;
    font-size:8px;
    line-height:1.45;
  }

  .nh-monthly-winner__metric{
    margin-top:8px;
    font-size:8px;
  }

  .nh-monthly-winner__score{
    grid-area:score;
    min-height:0;
    padding-top:8px;
    border-left:0;
    border-top:1px solid var(--nh-border);
    flex-direction:row;
    gap:8px;
  }
  .nh-monthly-winner__score strong{
    font-size:18px;
  }
  .nh-monthly-winner__score small{
    margin:0;
    font-size:6px;
    line-height:1.2;
  }

  .nh-monthly-grid{
    grid-template-columns:1fr;
    gap:7px;
    margin-top:8px;
  }

  .nh-monthly-card{
    min-height:70px;
    grid-template-columns:27px 42px minmax(0,1fr) auto;
    gap:8px;
    padding:7px 9px;
  }

  .nh-monthly-card__cover,
  .nh-monthly-card__cover img,
  .nh-monthly-card__cover .nh-cover-placeholder{
    width:42px;
    height:57px;
    max-width:42px;
  }

  .nh-monthly-card__info strong{font-size:10px}
  .nh-monthly-card__reads{font-size:9px}
}

@media (max-width:380px){
  .nh-monthly-winner{
    grid-template-columns:72px minmax(0,1fr);
  }
  .nh-monthly-winner__cover,
  .nh-monthly-winner__cover img,
  .nh-monthly-winner__cover .nh-cover-placeholder{
    width:72px;
    height:108px;
    max-width:72px;
  }
  .nh-monthly-card{
    grid-template-columns:24px 38px minmax(0,1fr);
  }
  .nh-monthly-card__reads{
    grid-column:3;
    justify-self:start;
    margin-top:-4px;
  }
  .nh-monthly-card__cover,
  .nh-monthly-card__cover img,
  .nh-monthly-card__cover .nh-cover-placeholder{
    width:38px;
    height:52px;
    max-width:38px;
  }
}

/* ==========================================================
   NOVERA HOME v0.8.0 — HERO CINEMATOGRÁFICO
   Visual inspirado em portal editorial de novels, preservando
   toda a lógica/gestos/autoplay da v0.7.4.
   ========================================================== */

.nh-hero-carousel{
  --nh-hero-gold:#f1c56b;
  --nh-hero-gold-soft:#d5a855;
  --nh-hero-ink:#09060f;
  --nh-hero-panel:#120d18;
  --nh-hero-line:rgba(255,255,255,.10);
  margin-bottom:0!important;
}

.nh-hero-track{
  min-height:470px!important;
  height:470px!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#0a0710!important;
}

.nh-hero{
  min-height:470px!important;
  height:470px!important;
  grid-template-columns:minmax(0,1fr) 245px!important;
  gap:52px!important;
  padding:52px 68px 82px!important;
  border:0!important;
  border-radius:0!important;
  background:#0b0710!important;
  box-shadow:none!important;
}

.nh-hero:before{
  inset:-18px!important;
  background-image:var(--nh-hero-image)!important;
  background-size:cover!important;
  background-position:center 28%!important;
  filter:blur(1.5px) saturate(.72) contrast(1.08)!important;
  transform:scale(1.06)!important;
  opacity:.42!important;
  z-index:-4!important;
}

.nh-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    radial-gradient(circle at 79% 40%,rgba(65,34,25,.10),transparent 29%),
    linear-gradient(90deg,rgba(8,5,13,.98) 0%,rgba(10,6,15,.92) 31%,rgba(11,7,16,.76) 58%,rgba(7,5,11,.46) 100%),
    linear-gradient(0deg,rgba(8,5,12,.92) 0%,transparent 38%);
}

.nh-hero__veil{
  z-index:-2!important;
  background:
    linear-gradient(90deg,rgba(7,5,12,.12),rgba(7,5,12,.02) 62%,rgba(7,5,12,.22))!important;
}

.nh-hero__content{
  max-width:720px!important;
  align-self:center!important;
  position:relative!important;
  z-index:2!important;
}

.nh-hero .nh-kicker{
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  margin:0 0 12px!important;
  padding:5px 10px!important;
  border:1px solid rgba(241,197,107,.42)!important;
  border-radius:3px!important;
  background:rgba(18,10,24,.42)!important;
  color:var(--nh-hero-gold)!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}

.nh-hero .nh-tags{
  display:flex!important;
  gap:7px!important;
  margin:0 0 14px!important;
}

.nh-hero .nh-tags a{
  padding:4px 8px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:3px!important;
  background:rgba(16,10,21,.45)!important;
  color:#ddd3e4!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
}

.nh-hero h2{
  max-width:720px!important;
  margin:0 0 16px!important;
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(42px,4.5vw,64px)!important;
  font-weight:800!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
  text-shadow:0 2px 22px rgba(0,0,0,.35)!important;
}

.nh-hero p{
  max-width:690px!important;
  margin:0!important;
  color:rgba(245,240,247,.82)!important;
  font-size:15px!important;
  line-height:1.6!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
}

.nh-hero__actions{
  gap:12px!important;
  margin-top:22px!important;
}

.nh-hero .nh-btn{
  min-height:38px!important;
  padding:10px 18px!important;
  border:1px solid rgba(241,197,107,.34)!important;
  border-radius:5px!important;
  background:rgba(10,7,13,.72)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}

.nh-hero .nh-btn:hover{
  border-color:var(--nh-hero-gold)!important;
  background:rgba(22,13,24,.94)!important;
  color:var(--nh-hero-gold)!important;
}

.nh-hero .nh-btn--primary{
  border-color:var(--nh-hero-gold)!important;
  background:var(--nh-hero-gold)!important;
  color:#21150b!important;
}

.nh-hero .nh-btn--primary:hover{
  background:#ffd887!important;
  color:#21150b!important;
}

.nh-hero__meta{
  gap:16px!important;
  margin-top:17px!important;
  color:rgba(235,228,239,.62)!important;
  font-size:11px!important;
}

.nh-hero__cover{
  width:210px!important;
  max-width:210px!important;
  justify-self:center!important;
  align-self:center!important;
  transform:none!important;
  position:relative!important;
  z-index:3!important;
}

.nh-hero__cover:hover{
  transform:translateY(-4px)!important;
}

.nh-hero__cover img,
.nh-hero__cover .nh-cover-placeholder{
  width:210px!important;
  max-width:210px!important;
  height:315px!important;
  aspect-ratio:2/3!important;
  border:1px solid rgba(241,197,107,.18)!important;
  border-radius:7px!important;
  box-shadow:0 26px 56px rgba(0,0,0,.56)!important;
}

/* Faixa de títulos: também aparece no desktop, integrada ao Hero. */
.nh-hero-mobile-tabs{
  display:flex!important;
  width:100%!important;
  height:78px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  border:0!important;
  border-top:1px solid var(--nh-hero-line)!important;
  border-radius:0!important;
  background:#100a14!important;
  box-shadow:none!important;
  scroll-snap-type:x proximity!important;
}
.nh-hero-mobile-tabs::-webkit-scrollbar{display:none!important}

.nh-hero-mobile-tab{
  flex:1 0 190px!important;
  min-width:190px!important;
  height:78px!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  padding:9px 14px!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#e8e0ec!important;
  position:relative!important;
  text-align:left!important;
  scroll-snap-align:start!important;
}

.nh-hero-mobile-tab:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:2px!important;
  background:transparent!important;
}

.nh-hero-mobile-tab.is-active{
  background:linear-gradient(180deg,rgba(241,197,107,.08),rgba(255,255,255,.02))!important;
  color:var(--nh-hero-gold)!important;
}

.nh-hero-mobile-tab.is-active:before{
  background:var(--nh-hero-gold)!important;
}

.nh-hero-mobile-tab__cover,
.nh-hero-mobile-tab__cover img,
.nh-hero-mobile-tab__cover .nh-cover-placeholder{
  width:42px!important;
  max-width:42px!important;
  height:58px!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  border-radius:4px!important;
  box-shadow:none!important;
  display:block!important;
}

.nh-hero-mobile-tab__title{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  color:inherit!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:800!important;
}

/* O track contém apenas o palco. A faixa fica visualmente acoplada abaixo. */
.nh-hero-carousel{
  overflow:hidden!important;
  border-radius:10px!important;
  background:#100a14!important;
  box-shadow:0 24px 60px rgba(0,0,0,.16)!important;
}

/* Tablet */
@media (min-width:621px) and (max-width:900px){
  .nh-hero-track,
  .nh-hero{
    min-height:430px!important;
    height:430px!important;
  }
  .nh-hero{
    grid-template-columns:minmax(0,1fr) 180px!important;
    gap:28px!important;
    padding:42px 36px 60px!important;
  }
  .nh-hero h2{font-size:42px!important}
  .nh-hero__cover{width:170px!important;max-width:170px!important}
  .nh-hero__cover img,
  .nh-hero__cover .nh-cover-placeholder{width:170px!important;max-width:170px!important;height:255px!important}
  .nh-hero-mobile-tab{flex-basis:175px!important;min-width:175px!important}
}

/* Mobile: mesma identidade escura, sem sobreposição de texto/capa. */
@media (max-width:620px){
  .novera-home{padding-top:18px!important}
  .nh-shell{width:calc(100% - 20px)!important}

  .nh-hero-carousel{
    border-radius:8px!important;
  }

  .nh-hero-track,
  .nh-hero{
    min-height:360px!important;
    height:360px!important;
  }

  .nh-hero{
    grid-template-columns:minmax(0,1fr) 116px!important;
    gap:16px!important;
    align-items:center!important;
    padding:26px 20px 34px!important;
  }

  .nh-hero:before{
    inset:-12px!important;
    background-position:center!important;
    filter:blur(1px) saturate(.72)!important;
    opacity:.38!important;
  }

  .nh-hero:after{
    background:
      linear-gradient(90deg,rgba(8,5,13,.98) 0%,rgba(9,6,14,.90) 48%,rgba(8,5,13,.50) 100%),
      linear-gradient(0deg,rgba(7,5,11,.82),transparent 48%)!important;
  }

  .nh-hero__content{
    min-width:0!important;
    max-width:none!important;
    align-self:center!important;
  }

  .nh-hero .nh-kicker{
    min-height:20px!important;
    margin-bottom:8px!important;
    padding:3px 7px!important;
    font-size:7px!important;
  }

  .nh-hero .nh-tags{
    gap:4px!important;
    margin-bottom:9px!important;
    max-height:24px!important;
    overflow:hidden!important;
    flex-wrap:nowrap!important;
  }

  .nh-hero .nh-tags a{
    flex:0 0 auto!important;
    padding:3px 5px!important;
    font-size:6.5px!important;
    white-space:nowrap!important;
  }

  .nh-hero h2{
    margin-bottom:9px!important;
    font-size:clamp(25px,7.6vw,34px)!important;
    line-height:.98!important;
    letter-spacing:-.035em!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
  }

  .nh-hero p{
    font-size:11px!important;
    line-height:1.42!important;
    -webkit-line-clamp:3!important;
  }

  .nh-hero__actions{
    gap:7px!important;
    margin-top:13px!important;
    flex-wrap:nowrap!important;
  }

  .nh-hero .nh-btn{
    min-height:31px!important;
    padding:7px 9px!important;
    font-size:8px!important;
    letter-spacing:.035em!important;
    white-space:nowrap!important;
  }

  .nh-hero__meta{
    gap:8px!important;
    margin-top:10px!important;
    font-size:8px!important;
    flex-wrap:wrap!important;
  }

  .nh-hero__cover{
    width:112px!important;
    max-width:112px!important;
    justify-self:end!important;
    align-self:center!important;
  }

  .nh-hero__cover img,
  .nh-hero__cover .nh-cover-placeholder{
    width:112px!important;
    max-width:112px!important;
    height:168px!important;
    border-radius:6px!important;
    box-shadow:0 18px 34px rgba(0,0,0,.52)!important;
  }

  .nh-hero-mobile-tabs{
    height:66px!important;
    background:#100a14!important;
  }

  .nh-hero-mobile-tab{
    flex:1 0 142px!important;
    min-width:142px!important;
    height:66px!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:8px!important;
    padding:6px 9px!important;
  }

  .nh-hero-mobile-tab__cover,
  .nh-hero-mobile-tab__cover img,
  .nh-hero-mobile-tab__cover .nh-cover-placeholder{
    width:34px!important;
    max-width:34px!important;
    height:48px!important;
  }

  .nh-hero-mobile-tab__title{
    font-size:9px!important;
    line-height:1.18!important;
  }
}

@media (max-width:390px){
  .nh-hero-track,
  .nh-hero{min-height:345px!important;height:345px!important}
  .nh-hero{grid-template-columns:minmax(0,1fr) 98px!important;gap:12px!important;padding:22px 16px 30px!important}
  .nh-hero h2{font-size:25px!important}
  .nh-hero p{-webkit-line-clamp:2!important}
  .nh-hero__cover{width:96px!important;max-width:96px!important}
  .nh-hero__cover img,
  .nh-hero__cover .nh-cover-placeholder{width:96px!important;max-width:96px!important;height:144px!important}
}


/* ==========================================================
   NOVERA HOME v0.8.1 — HERO NO ESTILO VISUAL DA NOVERA
   Mantém a estrutura cinematográfica da v0.8.0, mas usa
   a identidade clara/azul do restante do site.
   ========================================================== */

.nh-hero-carousel{
  --nh-hero-blue:#2f7dff;
  --nh-hero-blue-soft:#eaf2ff;
  --nh-hero-text:#121a2b;
  --nh-hero-muted:#6d7890;
  --nh-hero-border:#dbe3ef;
  --nh-hero-surface:#ffffff;
  --nh-hero-surface-soft:#f7f9fc;
  --nh-hero-line:rgba(18,26,43,.10);
  background:var(--nh-hero-surface)!important;
  border:1px solid var(--nh-hero-border)!important;
  border-radius:18px!important;
  box-shadow:0 18px 45px rgba(25,39,72,.08)!important;
}

.nh-hero-track{
  background:linear-gradient(120deg,#fff 0%,#fbfcff 64%,#f5f8fd 100%)!important;
  border-radius:18px 18px 0 0!important;
}

.nh-hero{
  border:0!important;
  background:
    radial-gradient(circle at 88% 42%,rgba(47,125,255,.055),transparent 33%),
    linear-gradient(120deg,#fff 0%,#fbfcff 66%,#f7f9fd 100%)!important;
  color:var(--nh-hero-text)!important;
}

/* Mantém a arte de fundo da obra, mas de forma extremamente sutil. */
.nh-hero:before{
  background-image:var(--nh-hero-image)!important;
  background-size:cover!important;
  background-position:center!important;
  filter:blur(3px) saturate(.55)!important;
  opacity:.075!important;
}

.nh-hero:after{
  background:
    linear-gradient(90deg,rgba(255,255,255,.995) 0%,rgba(255,255,255,.985) 48%,rgba(248,250,254,.90) 74%,rgba(248,250,254,.72) 100%)!important;
}

.nh-hero__veil{
  background:linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,255,255,.02))!important;
}

.nh-hero .nh-kicker{
  border:0!important;
  background:transparent!important;
  color:var(--nh-hero-blue)!important;
  padding:0!important;
  min-height:auto!important;
  margin-bottom:14px!important;
  font-size:9px!important;
  letter-spacing:.20em!important;
}

.nh-hero .nh-tags{
  margin-bottom:15px!important;
}

.nh-hero .nh-tags a{
  border:1px solid var(--nh-hero-border)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#45516a!important;
  padding:5px 10px!important;
  font-size:9px!important;
  box-shadow:none!important;
}

.nh-hero .nh-tags a:hover{
  border-color:#b8cff7!important;
  color:var(--nh-hero-blue)!important;
  background:#f8fbff!important;
}

.nh-hero h2{
  color:var(--nh-hero-text)!important;
  font-family:inherit!important;
  font-weight:800!important;
  letter-spacing:-.045em!important;
  line-height:1.01!important;
  text-shadow:none!important;
}

.nh-hero p{
  color:#5e6b82!important;
  line-height:1.58!important;
}

.nh-hero .nh-btn{
  border:1px solid var(--nh-hero-border)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--nh-hero-text)!important;
  box-shadow:none!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:12px!important;
  font-weight:800!important;
}

.nh-hero .nh-btn:hover{
  border-color:#b8cdf6!important;
  background:#f7faff!important;
  color:var(--nh-hero-blue)!important;
}

.nh-hero .nh-btn--primary{
  border-color:var(--nh-hero-blue)!important;
  background:var(--nh-hero-blue)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(47,125,255,.18)!important;
}

.nh-hero .nh-btn--primary:hover{
  border-color:#236fe9!important;
  background:#236fe9!important;
  color:#fff!important;
}

.nh-hero__meta{
  color:#6e7b92!important;
}

.nh-hero__cover{
  transform:none!important;
}

.nh-hero__cover:hover{
  transform:translateY(-3px)!important;
}

.nh-hero__cover img,
.nh-hero__cover .nh-cover-placeholder{
  border:1px solid rgba(17,24,39,.12)!important;
  border-radius:12px!important;
  box-shadow:0 18px 38px rgba(30,48,82,.16)!important;
}

/* Faixa inferior integrada à identidade clara do site. */
.nh-hero-mobile-tabs{
  border-top:1px solid var(--nh-hero-border)!important;
  background:#fff!important;
}

.nh-hero-mobile-tab{
  border-right:1px solid var(--nh-hero-border)!important;
  background:#fff!important;
  color:#1b2435!important;
}

.nh-hero-mobile-tab:before{
  height:3px!important;
}

.nh-hero-mobile-tab:hover{
  background:#f8fbff!important;
}

.nh-hero-mobile-tab.is-active{
  background:#f2f7ff!important;
  color:#162033!important;
}

.nh-hero-mobile-tab.is-active:before{
  background:var(--nh-hero-blue)!important;
}

.nh-hero-mobile-tab__cover,
.nh-hero-mobile-tab__cover img,
.nh-hero-mobile-tab__cover .nh-cover-placeholder{
  border-radius:6px!important;
  box-shadow:none!important;
}

.nh-hero-mobile-tab__title{
  color:inherit!important;
}

/* Tablet */
@media (min-width:621px) and (max-width:900px){
  .nh-hero-carousel{
    border-radius:16px!important;
  }
}

/* Mobile: mesma linguagem clara da Novera. */
@media (max-width:620px){
  .nh-hero-carousel{
    border-radius:14px!important;
    box-shadow:0 12px 30px rgba(25,39,72,.08)!important;
  }

  .nh-hero-track{
    border-radius:14px 14px 0 0!important;
  }

  .nh-hero{
    background:
      radial-gradient(circle at 92% 32%,rgba(47,125,255,.06),transparent 30%),
      linear-gradient(135deg,#fff 0%,#fbfcff 100%)!important;
  }

  .nh-hero:before{
    opacity:.055!important;
    filter:blur(4px) saturate(.45)!important;
  }

  .nh-hero:after{
    background:linear-gradient(90deg,rgba(255,255,255,.995) 0%,rgba(255,255,255,.985) 57%,rgba(248,250,254,.84) 100%)!important;
  }

  .nh-hero .nh-kicker{
    margin-bottom:8px!important;
    font-size:7px!important;
  }

  .nh-hero .nh-tags a{
    background:#fff!important;
    color:#637087!important;
    padding:3px 6px!important;
    border-radius:999px!important;
  }

  .nh-hero h2{
    color:#111a2b!important;
    font-family:inherit!important;
    text-shadow:none!important;
  }

  .nh-hero p{
    color:#66738a!important;
  }

  .nh-hero .nh-btn{
    border-radius:9px!important;
    background:#fff!important;
    color:#172135!important;
  }

  .nh-hero .nh-btn--primary{
    background:var(--nh-hero-blue)!important;
    color:#fff!important;
  }

  .nh-hero__cover img,
  .nh-hero__cover .nh-cover-placeholder{
    border-radius:10px!important;
    box-shadow:0 14px 28px rgba(31,48,80,.17)!important;
  }

  .nh-hero-mobile-tabs{
    background:#fff!important;
  }

  .nh-hero-mobile-tab{
    background:#fff!important;
    color:#172135!important;
  }

  .nh-hero-mobile-tab.is-active{
    background:#f1f6ff!important;
    color:#172135!important;
  }
}


/* ==========================================================
   NOVERA HOME v0.8.2 — DARK MODE NATIVO DO FICTIONEER
   O Fictioneer usa html[data-mode="dark"].
   O modo claro da v0.8.1 permanece inalterado.
   ========================================================== */

html[data-mode="dark"] .nh-hero-carousel{
  --nh-hero-blue:#5b93ff;
  --nh-hero-blue-soft:#15233f;
  --nh-hero-text:#f4f7ff;
  --nh-hero-muted:#aeb8ca;
  --nh-hero-border:#364156;
  --nh-hero-surface:#1f2632;
  --nh-hero-surface-soft:#252d3a;
  --nh-hero-line:rgba(255,255,255,.08);
  background:#1f2632!important;
  border-color:#354055!important;
  box-shadow:0 18px 45px rgba(0,0,0,.22)!important;
}

html[data-mode="dark"] .nh-hero-track{
  background:linear-gradient(120deg,#1d2430 0%,#202835 64%,#242d3a 100%)!important;
}

html[data-mode="dark"] .nh-hero{
  background:
    radial-gradient(circle at 88% 42%,rgba(91,147,255,.10),transparent 34%),
    linear-gradient(120deg,#1d2430 0%,#202835 66%,#242d3a 100%)!important;
  color:#f5f7fb!important;
}

html[data-mode="dark"] .nh-hero:before{
  background-image:var(--nh-hero-image)!important;
  background-size:cover!important;
  background-position:center!important;
  filter:blur(3px) saturate(.60)!important;
  opacity:.09!important;
}

html[data-mode="dark"] .nh-hero:after{
  background:
    linear-gradient(90deg,rgba(29,36,48,.995) 0%,rgba(29,36,48,.97) 48%,rgba(31,39,52,.90) 74%,rgba(34,43,57,.82) 100%)!important;
}

html[data-mode="dark"] .nh-hero__veil{
  background:linear-gradient(90deg,rgba(255,255,255,.015),rgba(255,255,255,0))!important;
}

html[data-mode="dark"] .nh-hero .nh-kicker{
  color:#6fa0ff!important;
}

html[data-mode="dark"] .nh-hero .nh-tags a{
  border-color:#3a465c!important;
  background:#252e3c!important;
  color:#c8d1df!important;
}

html[data-mode="dark"] .nh-hero .nh-tags a:hover{
  border-color:#5477b2!important;
  color:#8fb5ff!important;
  background:#293448!important;
}

html[data-mode="dark"] .nh-hero h2{
  color:#f5f7fb!important;
  text-shadow:none!important;
}

html[data-mode="dark"] .nh-hero p{
  color:#b7c0cf!important;
}

html[data-mode="dark"] .nh-hero .nh-btn{
  border-color:#3a465b!important;
  background:#252e3b!important;
  color:#eef3fb!important;
}

html[data-mode="dark"] .nh-hero .nh-btn:hover{
  border-color:#5778ae!important;
  background:#2a3648!important;
  color:#9cbcff!important;
}

html[data-mode="dark"] .nh-hero .nh-btn--primary{
  border-color:#3b82f6!important;
  background:#3b82f6!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(59,130,246,.24)!important;
}

html[data-mode="dark"] .nh-hero .nh-btn--primary:hover{
  border-color:#5592f7!important;
  background:#4b8cf5!important;
  color:#fff!important;
}

html[data-mode="dark"] .nh-hero__meta{
  color:#9faabb!important;
}

html[data-mode="dark"] .nh-hero__cover img,
html[data-mode="dark"] .nh-hero__cover .nh-cover-placeholder{
  border-color:#3a4558!important;
  box-shadow:0 18px 38px rgba(0,0,0,.35)!important;
}

/* Tabs inferiores */
html[data-mode="dark"] .nh-hero-mobile-tabs{
  border-top-color:#364156!important;
  background:#1c2330!important;
}

html[data-mode="dark"] .nh-hero-mobile-tab{
  border-right-color:#364156!important;
  background:#1c2330!important;
  color:#e6ebf3!important;
}

html[data-mode="dark"] .nh-hero-mobile-tab:hover{
  background:#232c3a!important;
}

html[data-mode="dark"] .nh-hero-mobile-tab.is-active{
  background:#263248!important;
  color:#fff!important;
}

html[data-mode="dark"] .nh-hero-mobile-tab.is-active:before{
  background:#4f8cff!important;
}

html[data-mode="dark"] .nh-hero-mobile-tab__title{
  color:inherit!important;
}

/* Mobile dark */
@media (max-width:620px){
  html[data-mode="dark"] .nh-hero-carousel{
    background:#1f2632!important;
    border-color:#354055!important;
    box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
  }

  html[data-mode="dark"] .nh-hero{
    background:
      radial-gradient(circle at 92% 32%,rgba(91,147,255,.10),transparent 30%),
      linear-gradient(135deg,#1d2430 0%,#202835 100%)!important;
  }

  html[data-mode="dark"] .nh-hero:before{
    opacity:.075!important;
    filter:blur(4px) saturate(.50)!important;
  }

  html[data-mode="dark"] .nh-hero:after{
    background:
      linear-gradient(90deg,rgba(29,36,48,.995) 0%,rgba(29,36,48,.975) 57%,rgba(32,40,53,.86) 100%)!important;
  }

  html[data-mode="dark"] .nh-hero .nh-tags a{
    background:#252e3c!important;
    color:#bdc7d7!important;
    border-color:#3a465c!important;
  }

  html[data-mode="dark"] .nh-hero h2{
    color:#f5f7fb!important;
  }

  html[data-mode="dark"] .nh-hero p{
    color:#b7c0cf!important;
  }

  html[data-mode="dark"] .nh-hero .nh-btn{
    background:#252e3b!important;
    color:#eef3fb!important;
    border-color:#3a465b!important;
  }

  html[data-mode="dark"] .nh-hero .nh-btn--primary{
    background:#3b82f6!important;
    color:#fff!important;
    border-color:#3b82f6!important;
  }

  html[data-mode="dark"] .nh-hero-mobile-tabs,
  html[data-mode="dark"] .nh-hero-mobile-tab{
    background:#1c2330!important;
  }

  html[data-mode="dark"] .nh-hero-mobile-tab.is-active{
    background:#263248!important;
  }
}


/* v0.8.3 — Continue lendo editorial em cards de capa */
.nh-continue-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.nh-continue-card{
  position:relative;
  display:block;
  min-width:0;
  height:178px;
  padding:0;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--nh-border) 82%,transparent);
  border-radius:16px;
  background:#111827;
  box-shadow:0 10px 28px rgba(16,24,40,.08);
  isolation:isolate;
}
.nh-continue-card:hover{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--nh-accent) 58%,var(--nh-border));
  box-shadow:0 16px 34px rgba(16,24,40,.14);
}
.nh-continue-card__cover{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  aspect-ratio:auto!important;
  overflow:hidden;
  border-radius:0!important;
  background:#111827;
  z-index:-3;
}
.nh-continue-card__cover img,
.nh-continue-card__cover .nh-cover-placeholder{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center 28%!important;
  border-radius:0!important;
  transform:scale(1.02);
  transition:transform .35s ease;
}
.nh-continue-card:hover .nh-continue-card__cover img{transform:scale(1.055)}
.nh-continue-card__shade{
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(180deg,rgba(5,9,16,.04) 12%,rgba(5,9,16,.25) 44%,rgba(5,9,16,.92) 100%);
}
.nh-continue-card__body{
  position:absolute;
  inset:auto 0 0;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:44px 15px 13px!important;
  color:#fff;
}
.nh-continue-card__body strong{
  display:block;
  max-width:100%;
  margin:0 0 7px;
  overflow:hidden;
  color:#fff!important;
  font-size:15px;
  font-weight:850;
  line-height:1.2;
  white-space:nowrap;
  text-overflow:ellipsis;
  text-shadow:0 1px 5px rgba(0,0,0,.55);
}
.nh-continue-card__body span{
  margin:0 0 11px!important;
  color:rgba(255,255,255,.88)!important;
  font-size:11px!important;
  font-weight:650;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-shadow:0 1px 4px rgba(0,0,0,.55);
}
.nh-continue-card .nh-progress{
  width:100%;
  height:3px;
  margin:0!important;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.28);
}
.nh-continue-card .nh-progress i{
  background:var(--nh-accent);
  box-shadow:0 0 8px color-mix(in srgb,var(--nh-accent) 60%,transparent);
}
:root[data-mode="dark"] .nh-continue-card,
:root:not([data-mode="light"]) .nh-continue-card{
  border-color:#334155;
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}
@media(max-width:900px){
  .nh-continue-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .nh-continue-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .nh-continue-card{
    height:150px!important;
    min-height:0!important;
    grid-template-columns:none!important;
    padding:0!important;
    border-radius:13px!important;
  }
  .nh-continue-card__cover,
  .nh-continue-card__cover img,
  .nh-continue-card__cover .nh-cover-placeholder{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
  }
  .nh-continue-card__body{padding:40px 10px 10px!important}
  .nh-continue-card__body strong{font-size:11px!important;margin-bottom:6px;white-space:nowrap}
  .nh-continue-card__body span{font-size:9px!important;margin:0 0 8px!important}
  .nh-continue-card .nh-progress{height:3px}
}
@media(max-width:390px){
  .nh-continue-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .nh-continue-card{height:156px!important}
}


/* ==========================================================
   NOVERA HOME v0.8.4 — CONTINUE LENDO
   Cards mais compactos + largura semelhante à referência.
   ========================================================== */

.nh-continue-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,280px))!important;
  justify-content:start!important;
  gap:16px!important;
  width:100%!important;
}

.nh-continue-card{
  width:280px!important;
  min-width:0!important;
  height:176px!important;
  min-height:176px!important;
  max-width:280px!important;
  border-radius:15px!important;
}

.nh-continue-card__body{
  padding:0 15px 13px!important;
}

.nh-continue-card__body strong{
  font-size:14px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.nh-continue-card__body span{
  font-size:11px!important;
  margin:6px 0 9px!important;
}

.nh-progress{
  height:3px!important;
}

/* Tablet */
@media (max-width:980px) and (min-width:621px){
  .nh-continue-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .nh-continue-card{
    width:100%!important;
    max-width:none!important;
  }
}

/* Mobile: cards horizontais roláveis e compactos */
@media (max-width:620px){
  .nh-continue-grid{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:min(78vw,280px)!important;
    grid-template-columns:none!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    padding-bottom:5px!important;
    scrollbar-width:none!important;
  }

  .nh-continue-grid::-webkit-scrollbar{
    display:none!important;
  }

  .nh-continue-card{
    width:100%!important;
    max-width:none!important;
    height:166px!important;
    min-height:166px!important;
    scroll-snap-align:start!important;
  }
}


/* ==========================================================
   NOVERA HOME v0.8.5 — ÚLTIMOS LANÇAMENTOS
   Grade editorial compacta inspirada na referência, mantendo
   identidade Novera e os dados dinâmicos do Fictioneer.
   ========================================================== */
.nh-release-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.nh-release-card{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  min-height:106px!important;
  padding:10px!important;
  border:1px solid var(--nh-border)!important;
  border-radius:12px!important;
  background:var(--nh-surface)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.nh-release-card:hover{
  transform:translateY(-2px)!important;
  border-color:color-mix(in srgb,var(--nh-accent) 42%,var(--nh-border))!important;
  box-shadow:0 8px 22px rgba(16,24,40,.06)!important;
}
.nh-release-card__cover{
  display:block!important;
  width:64px!important;
  height:86px!important;
  min-width:64px!important;
  overflow:hidden!important;
  border-radius:7px!important;
}
.nh-release-card__cover img,
.nh-release-card__cover .nh-cover-placeholder{
  display:block!important;
  width:64px!important;
  height:86px!important;
  max-width:none!important;
  object-fit:cover!important;
  border-radius:7px!important;
}
.nh-release-card__body{
  display:flex!important;
  flex-direction:column!important;
  align-self:stretch!important;
  justify-content:center!important;
  min-width:0!important;
  padding:1px 0!important;
}
.nh-release-card__story{
  display:block!important;
  margin:0 0 8px!important;
  overflow:hidden!important;
  color:var(--nh-text)!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.nh-release-card__chapters{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  margin:0 0 7px!important;
}
.nh-release-card__chapter{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:calc(50% - 3px)!important;
  margin:0!important;
  padding:5px 8px!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--nh-accent) 17%,var(--nh-border))!important;
  border-radius:6px!important;
  background:color-mix(in srgb,var(--nh-accent) 8%,var(--nh-surface2))!important;
  color:var(--nh-accent)!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.nh-release-card small{
  display:block!important;
  margin:0!important;
  color:var(--nh-muted)!important;
  font-size:9px!important;
  line-height:1.2!important;
}
:root[data-mode="dark"] .nh-release-card,
:root:not([data-mode="light"]) .nh-release-card{
  background:var(--nh-surface)!important;
  border-color:#2c3948!important;
}
@media(max-width:980px){
  .nh-release-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .nh-release-grid{grid-template-columns:1fr!important;gap:9px!important}
  .nh-release-card{grid-template-columns:58px minmax(0,1fr)!important;min-height:96px!important;padding:9px!important}
  .nh-release-card__cover,
  .nh-release-card__cover img,
  .nh-release-card__cover .nh-cover-placeholder{width:58px!important;height:78px!important;min-width:58px!important}
  .nh-release-card__story{font-size:12px!important;margin-bottom:7px!important}
  .nh-release-card__chapter{font-size:9px!important;padding:5px 7px!important}
}


/* ==========================================================
   NOVERA HOME v0.8.6 — NOVIDADES
   Capas editoriais compactas com título sobreposto.
   ========================================================== */
.nh-section--new .nh-section__head{align-items:flex-end!important}
.nh-section--new .nh-new-grid.nh-mobile-shelf{
  display:flex!important;flex-wrap:nowrap!important;gap:12px!important;width:100%!important;
  overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;
  scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none!important;
  overscroll-behavior-inline:contain;touch-action:pan-y pan-x;cursor:grab;
}
.nh-section--new .nh-new-grid.nh-mobile-shelf::-webkit-scrollbar{display:none!important}
.nh-section--new .nh-new-grid.nh-mobile-shelf.is-dragging{cursor:grabbing;scroll-behavior:auto}
.nh-section--new .nh-new-card{
  position:relative!important;display:block!important;flex:0 0 calc((100% - 60px)/6)!important;
  width:calc((100% - 60px)/6)!important;max-width:calc((100% - 60px)/6)!important;min-width:0!important;
  overflow:hidden!important;border:1px solid var(--nh-border)!important;border-radius:8px!important;
  background:var(--nh-surface)!important;box-shadow:none!important;scroll-snap-align:start!important;
  transform:none!important;
}
.nh-section--new .nh-new-card:hover{transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--nh-accent) 40%,var(--nh-border))!important;box-shadow:0 10px 24px rgba(16,24,40,.08)!important}
.nh-section--new .nh-new-card__cover{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:2/3!important;overflow:hidden!important;background:var(--nh-surface2)!important}
.nh-section--new .nh-new-card__cover img,.nh-section--new .nh-new-card__cover .nh-cover-placeholder{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;border-radius:0!important;box-shadow:none!important;transition:transform .25s ease!important}
.nh-section--new .nh-new-card:hover .nh-new-card__cover img{transform:scale(1.025)!important}
.nh-section--new .nh-new-card__overlay{position:absolute!important;z-index:2!important;left:0!important;right:0!important;bottom:0!important;display:flex!important;align-items:flex-end!important;min-height:46%!important;padding:42px 12px 12px!important;background:linear-gradient(to bottom,transparent 0%,rgba(7,11,18,.18) 22%,rgba(7,11,18,.88) 76%,rgba(7,11,18,.97) 100%)!important;color:#fff!important;pointer-events:none!important}
.nh-section--new .nh-new-card__overlay strong{display:-webkit-box!important;margin:0!important;overflow:hidden!important;color:#fff!important;font-size:14px!important;font-weight:800!important;line-height:1.18!important;text-shadow:0 1px 3px rgba(0,0,0,.75)!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
.nh-section--new .nh-new-card__body{display:none!important}
@media(max-width:1100px){.nh-section--new .nh-new-card{flex-basis:calc((100% - 48px)/5)!important;width:calc((100% - 48px)/5)!important;max-width:calc((100% - 48px)/5)!important}}
@media(max-width:900px){.nh-section--new .nh-new-card{flex-basis:calc((100% - 36px)/4)!important;width:calc((100% - 36px)/4)!important;max-width:calc((100% - 36px)/4)!important}}
@media(max-width:700px){.nh-section--new .nh-new-card{flex-basis:calc((100% - 24px)/3)!important;width:calc((100% - 24px)/3)!important;max-width:calc((100% - 24px)/3)!important}.nh-section--new .nh-new-card__overlay{padding:34px 9px 9px!important}.nh-section--new .nh-new-card__overlay strong{font-size:12px!important}}
@media(max-width:460px){.nh-section--new .nh-new-grid.nh-mobile-shelf{gap:10px!important}.nh-section--new .nh-new-card{flex-basis:calc((100% - 20px)/3)!important;width:calc((100% - 20px)/3)!important;max-width:calc((100% - 20px)/3)!important;border-radius:7px!important}.nh-section--new .nh-new-card__overlay{padding:28px 8px 8px!important}.nh-section--new .nh-new-card__overlay strong{font-size:11px!important}}

/* Novera Home v0.8.7 — Comentários */
.nh-community-section .nh-section__head{margin-bottom:18px!important}
.nh-community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.nh-community-card{min-width:0;color:var(--nh-text)!important;text-decoration:none!important}
.nh-community-bubble{position:relative;min-height:92px;padding:17px 44px 18px 17px;border:1px solid var(--nh-border);border-radius:14px;background:var(--nh-surface);box-shadow:0 6px 18px rgba(16,24,40,.035);transition:.18s}
.nh-community-bubble:after{content:"";position:absolute;left:22px;bottom:-7px;width:12px;height:12px;background:var(--nh-surface);border-right:1px solid var(--nh-border);border-bottom:1px solid var(--nh-border);transform:rotate(45deg)}
.nh-community-card:hover .nh-community-bubble{transform:translateY(-2px);border-color:color-mix(in srgb,var(--nh-accent) 40%,var(--nh-border));box-shadow:0 10px 24px rgba(16,24,40,.065)}
.nh-community-quote{position:absolute;top:5px;right:12px;font-family:Georgia,serif;font-size:46px;line-height:1;color:color-mix(in srgb,var(--nh-accent) 20%,var(--nh-border));pointer-events:none}
.nh-community-bubble p{margin:0!important;color:var(--nh-soft)!important;font-size:14px!important;line-height:1.48!important;font-style:italic;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nh-community-meta{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;margin:13px 8px 0;color:var(--nh-muted);font-size:9px;line-height:1.35;text-transform:uppercase;letter-spacing:.045em;overflow:hidden}
.nh-community-meta strong{color:var(--nh-accent);font-size:9px;font-weight:900;white-space:nowrap}
.nh-community-meta span:not([aria-hidden]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nh-community-meta time{white-space:nowrap}
html[data-mode="dark"] .nh-community-bubble{background:#222a37;border-color:#394558;box-shadow:none}
html[data-mode="dark"] .nh-community-bubble:after{background:#222a37;border-color:#394558}
html[data-mode="dark"] .nh-community-bubble p{color:#c3ccda!important}
html[data-mode="dark"] .nh-community-quote{color:rgba(125,156,214,.20)}
html[data-mode="dark"] .nh-community-meta{color:#939fb2}
@media(max-width:980px) and (min-width:621px){.nh-community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.nh-community-grid{display:grid;grid-auto-flow:column;grid-auto-columns:min(84vw,330px);grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:7px;scrollbar-width:none}.nh-community-grid::-webkit-scrollbar{display:none}.nh-community-card{scroll-snap-align:start}.nh-community-bubble{min-height:88px;padding:15px 40px 16px 15px}.nh-community-bubble p{font-size:13px!important}}


/* ==========================================================
   NOVERA HOME v0.8.8 — MOBILE CENTER FIX
   Corrige a faixa vazia no lado direito da Home.
   A v0.8.7 usava width:calc(100% - 20px) no .nh-shell,
   mas uma regra anterior mantinha margin:0!important.
   Resultado: os 20px restantes ficavam apenas à direita.
   ========================================================== */
@media (max-width:620px){
  .novera-home .nh-shell{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* ========================================================================== */
/* Novera Home v0.9.0 — mobile performance                                    */
/* ========================================================================== */
.nh-hero img,.nh-mobile-shelf img,.nh-trending-grid img,.nh-monthly-grid img,.nh-community-grid img{content-visibility:auto}
@media(max-width:760px){
  /* Skip layout/paint work for sections that are still well below the fold. */
  .novera-home .nh-section{content-visibility:auto;contain-intrinsic-size:auto 560px}
  /* Decorative blur is expensive on low-end mobile GPUs; keep the image but
     reduce the paint cost substantially without changing the layout. */
  .novera-home .nh-hero:before{filter:blur(8px) saturate(.88)!important;transform:scale(1.035)!important}
  .novera-home .nh-choice:before{filter:blur(8px) saturate(.9)!important;transform:scale(1.04)!important}
}
@media(max-width:420px){
  .novera-home .nh-hero:before{filter:none!important;opacity:.16!important;transform:none!important}
}


/* ==========================================================
   v0.9.6 — CONTINUE LENDO EM PRATELEIRA
   Mesmo padrão de navegação de Descubra uma história.
   6 cards no desktop, 3 no mobile, sem segunda linha.
   ========================================================== */
.nh-continue-grid.nh-continue-shelf{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:16px!important;
  width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
  touch-action:pan-y pan-x;
  cursor:grab;
}
.nh-continue-grid.nh-continue-shelf::-webkit-scrollbar{display:none}
.nh-continue-grid.nh-continue-shelf.is-dragging{cursor:grabbing;scroll-behavior:auto}
.nh-continue-grid.nh-continue-shelf>.nh-continue-card{
  position:relative!important;
  display:block!important;
  flex:0 0 calc((100% - 80px)/6)!important;
  width:calc((100% - 80px)/6)!important;
  max-width:calc((100% - 80px)/6)!important;
  min-width:0!important;
  aspect-ratio:16/10!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:14px!important;
  scroll-snap-align:start;
}
.nh-continue-shelf .nh-continue-card__cover,
.nh-continue-shelf .nh-continue-card__cover img,
.nh-continue-shelf .nh-continue-card__cover .nh-cover-placeholder{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  aspect-ratio:auto!important;
  border-radius:0!important;
  object-fit:cover!important;
}
.nh-continue-shelf .nh-continue-card__shade{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1;
  background:linear-gradient(180deg,rgba(4,9,16,.04) 18%,rgba(4,9,16,.88) 100%);
}
.nh-continue-shelf .nh-continue-card__body{
  position:absolute!important;
  inset:auto 0 0!important;
  z-index:2;
  display:block!important;
  padding:34px 12px 11px!important;
  color:#fff!important;
}
.nh-continue-shelf .nh-continue-card__body strong{
  display:block!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.nh-continue-shelf .nh-continue-card__body span{
  display:block!important;
  color:rgba(255,255,255,.92)!important;
  font-size:9px!important;
  margin:7px 0 8px!important;
}
.nh-continue-shelf .nh-progress{
  height:4px!important;
  margin:0!important;
  background:rgba(255,255,255,.28)!important;
}
@media(max-width:620px){
  .nh-continue-grid.nh-continue-shelf{gap:8px!important}
  .nh-continue-grid.nh-continue-shelf>.nh-continue-card{
    flex:0 0 calc((100% - 16px)/3)!important;
    width:calc((100% - 16px)/3)!important;
    max-width:calc((100% - 16px)/3)!important;
    aspect-ratio:2/3!important;
    border-radius:10px!important;
  }
  .nh-continue-shelf .nh-continue-card__body{padding:38px 7px 8px!important}
  .nh-continue-shelf .nh-continue-card__body strong{font-size:10px!important}
  .nh-continue-shelf .nh-continue-card__body span{font-size:7px!important;margin:5px 0 6px!important}
}


/* ==========================================================
   NOVERA HOME v0.9.8 — HERO ADAPTATIVO SEM ALTERAR O FLUXO
   ========================================================== */
@media (min-width:901px){
  .nh-hero__content{display:block!important;align-self:center!important;height:auto!important;min-height:0!important;transform:none!important}
  .nh-hero h2{height:auto!important;min-height:0!important;margin-top:0!important;margin-bottom:16px!important;overflow:visible!important;display:block!important;-webkit-line-clamp:unset!important;text-overflow:clip!important}
  .nh-hero p{margin-top:0!important}
}
@media (min-width:1101px){
  .nh-hero--title-short h1{font-size:64px!important;line-height:1.01!important;max-width:800px!important}
  .nh-hero--title-medium h1{font-size:58px!important;line-height:1.01!important;max-width:800px!important}
  .nh-hero--title-long h1{font-size:50px!important;line-height:1.03!important;max-width:820px!important;letter-spacing:-.038em!important}
}
@media (min-width:901px) and (max-width:1100px){
  .nh-hero--title-short h1{font-size:54px!important;line-height:1.01!important}
  .nh-hero--title-medium h1{font-size:49px!important;line-height:1.02!important}
  .nh-hero--title-long h1{font-size:43px!important;line-height:1.03!important;letter-spacing:-.035em!important}
}
@media (max-width:620px){
  .nh-hero-track,.nh-hero{min-height:390px!important;height:390px!important}
  .nh-hero__content{min-width:0!important;max-width:none!important;align-self:center!important;display:block!important;overflow:visible!important}
  .nh-hero h2{display:block!important;-webkit-box-orient:initial!important;-webkit-line-clamp:unset!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;overflow-wrap:break-word!important;font-size:clamp(23px,7vw,30px)!important;line-height:1.02!important;margin:0 0 9px!important}
  .nh-hero p{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important}
  .nh-hero__actions{min-width:0!important;flex-wrap:nowrap!important}
  .nh-hero .nh-btn{min-width:0!important;max-width:100%!important}
}
@media (max-width:390px){
  .nh-hero-track,.nh-hero{min-height:400px!important;height:400px!important}
  .nh-hero h2{font-size:clamp(22px,6.8vw,27px)!important}
}


/* v0.9.11: keep the semantic homepage H1/intro in the document without changing the visual layout.
   Uses the standard screen-reader-only pattern instead of display:none. */
.nh-home-intro{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* ==========================================================
   NOVERA HOME v0.9.12 — HERO PREMIUM / CAPAS 3:4
   - Capas nativas 600x800 sem deformação
   - Desktop com arte maior e fundo mais atmosférico
   - Mobile em composição de largura total, sem espremer texto
   - CTA principal mais forte e faixa de destaques refinada
   ========================================================== */

.nh-hero-carousel{
  --nh-hero-radius:18px;
  --nh-hero-cover-w:240px;
  border-radius:var(--nh-hero-radius)!important;
  overflow:hidden!important;
}

.nh-hero-track,
.nh-hero{
  min-height:500px!important;
  height:500px!important;
}

.nh-hero{
  grid-template-columns:minmax(0,1fr) var(--nh-hero-cover-w)!important;
  gap:72px!important;
  padding:54px 64px 58px!important;
  isolation:isolate!important;
}

/* Atmosfera feita com a própria capa 600x800. */
.nh-hero:before{
  inset:-28px!important;
  background-image:var(--nh-hero-image)!important;
  background-size:cover!important;
  background-position:72% 44%!important;
  filter:blur(22px) saturate(.9)!important;
  transform:scale(1.10)!important;
  opacity:.22!important;
}

.nh-hero:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.985) 0%,rgba(255,255,255,.95) 47%,rgba(247,250,255,.79) 70%,rgba(238,244,252,.64) 100%)!important;
}

.nh-hero__veil{
  z-index:-1!important;
  background:
    radial-gradient(circle at 82% 48%,rgba(47,125,255,.10),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.08))!important;
}

.nh-hero__content{
  max-width:760px!important;
  position:relative!important;
  z-index:3!important;
}

.nh-hero .nh-kicker{
  margin-bottom:10px!important;
}

.nh-hero .nh-tags{
  gap:7px!important;
  margin:0 0 15px!important;
}

.nh-hero .nh-tags a{
  padding:5px 9px!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.075em!important;
  backdrop-filter:blur(8px)!important;
}

.nh-hero h2{
  max-width:780px!important;
  margin:0 0 15px!important;
  font-size:clamp(46px,4.8vw,64px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  text-wrap:balance!important;
}

.nh-hero p{
  max-width:690px!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1.65!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
}

.nh-hero__actions{
  margin-top:22px!important;
  gap:10px!important;
}

.nh-hero .nh-btn{
  min-height:42px!important;
  padding:10px 17px!important;
  border-radius:10px!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

.nh-hero .nh-btn--primary{
  gap:8px!important;
  padding-inline:18px!important;
  box-shadow:0 10px 24px rgba(47,125,255,.24)!important;
}

.nh-btn__play{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:9px!important;
  transform:translateY(.5px)!important;
}

.nh-hero__meta{
  margin-top:16px!important;
  gap:0!important;
  font-size:10px!important;
  font-weight:650!important;
}

.nh-hero__meta span+span:before{
  content:"•";
  display:inline-block;
  margin:0 9px;
  opacity:.55;
}

/* A capa nunca é forçada para 2:3; 600x800 = 3:4. */
.nh-hero__cover{
  width:var(--nh-hero-cover-w)!important;
  max-width:var(--nh-hero-cover-w)!important;
  justify-self:end!important;
  transform:rotate(.7deg)!important;
  filter:drop-shadow(0 22px 30px rgba(15,23,42,.20))!important;
}

.nh-hero__cover:hover{
  transform:rotate(0deg) translateY(-5px) scale(1.01)!important;
}

.nh-hero__cover img,
.nh-hero__cover .nh-cover-placeholder{
  width:var(--nh-hero-cover-w)!important;
  max-width:var(--nh-hero-cover-w)!important;
  height:auto!important;
  aspect-ratio:3/4!important;
  object-fit:cover!important;
  border-radius:11px!important;
  box-shadow:0 24px 50px rgba(18,32,58,.24)!important;
}

/* A faixa inferior funciona como navegação editorial, não como outro card grande. */
.nh-hero-mobile-tabs{
  min-height:68px!important;
  height:68px!important;
}

.nh-hero-mobile-tab{
  flex:1 0 190px!important;
  min-width:190px!important;
  height:68px!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:9px!important;
  padding:7px 12px!important;
  transition:background .18s ease,color .18s ease!important;
}

.nh-hero-mobile-tab__cover,
.nh-hero-mobile-tab__cover img,
.nh-hero-mobile-tab__cover .nh-cover-placeholder{
  width:36px!important;
  max-width:36px!important;
  height:auto!important;
  aspect-ratio:3/4!important;
  object-fit:cover!important;
  border-radius:4px!important;
}

.nh-hero-mobile-tab__title{
  font-size:10px!important;
  line-height:1.18!important;
}

@media (min-width:621px) and (max-width:1100px){
  .nh-hero-carousel{--nh-hero-cover-w:190px}
  .nh-hero-track,.nh-hero{min-height:440px!important;height:440px!important}
  .nh-hero{gap:38px!important;padding:42px 38px 48px!important}
  .nh-hero h2{font-size:clamp(38px,5vw,52px)!important}
  .nh-hero p{font-size:14px!important}
}

/* Mobile: a capa vira atmosfera visual. O texto recupera 100% da largura. */
@media (max-width:620px){
  .nh-hero-carousel{
    --nh-hero-radius:14px;
    border-radius:var(--nh-hero-radius)!important;
  }

  .nh-hero-track,
  .nh-hero{
    min-height:430px!important;
    height:430px!important;
  }

  .nh-hero{
    display:block!important;
    padding:28px 22px 32px!important;
  }

  .nh-hero:before{
    inset:-18px!important;
    background-size:cover!important;
    background-position:72% center!important;
    filter:blur(4px) saturate(.82)!important;
    transform:scale(1.08)!important;
    opacity:.34!important;
  }

  .nh-hero:after{
    background:
      linear-gradient(90deg,rgba(255,255,255,.985) 0%,rgba(255,255,255,.95) 56%,rgba(249,251,255,.82) 100%),
      linear-gradient(0deg,rgba(255,255,255,.96),rgba(255,255,255,.30))!important;
  }

  .nh-hero__veil{
    background:
      radial-gradient(circle at 95% 18%,rgba(47,125,255,.12),transparent 31%),
      linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.14))!important;
  }

  .nh-hero__content{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-height:370px!important;
    padding-right:0!important;
  }

  .nh-hero__cover{
    display:none!important;
  }

  .nh-hero .nh-kicker{
    align-self:flex-start!important;
    margin-bottom:8px!important;
    font-size:8px!important;
  }

  .nh-hero .nh-tags{
    max-width:100%!important;
    max-height:25px!important;
    margin-bottom:11px!important;
    gap:5px!important;
    overflow:hidden!important;
    flex-wrap:nowrap!important;
  }

  .nh-hero .nh-tags a{
    flex:0 0 auto!important;
    padding:4px 7px!important;
    font-size:7px!important;
  }

  .nh-hero h2{
    max-width:94%!important;
    margin:0 0 11px!important;
    font-size:clamp(31px,10.4vw,46px)!important;
    line-height:.97!important;
    letter-spacing:-.045em!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
  }

  .nh-hero p{
    max-width:96%!important;
    font-size:12.5px!important;
    line-height:1.52!important;
    -webkit-line-clamp:3!important;
  }

  .nh-hero__actions{
    width:100%!important;
    margin-top:17px!important;
    gap:8px!important;
  }

  .nh-hero .nh-btn{
    min-height:39px!important;
    padding:9px 13px!important;
    font-size:10px!important;
    border-radius:9px!important;
  }

  .nh-hero .nh-btn--primary{
    flex:1 1 auto!important;
  }

  .nh-hero__meta{
    margin-top:12px!important;
    font-size:9px!important;
  }

  .nh-hero-mobile-tabs{
    height:66px!important;
    min-height:66px!important;
    scroll-snap-type:x mandatory!important;
  }

  .nh-hero-mobile-tab{
    flex:0 0 142px!important;
    min-width:142px!important;
    height:66px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:8px!important;
    padding:6px 9px!important;
    scroll-snap-align:start!important;
  }

  .nh-hero-mobile-tab__cover,
  .nh-hero-mobile-tab__cover img,
  .nh-hero-mobile-tab__cover .nh-cover-placeholder{
    width:32px!important;
    max-width:32px!important;
    height:auto!important;
    aspect-ratio:3/4!important;
  }

  .nh-hero-mobile-tab__title{
    font-size:9px!important;
  }
}

@media (max-width:390px){
  .nh-hero-track,.nh-hero{min-height:410px!important;height:410px!important}
  .nh-hero{padding:24px 18px 28px!important}
  .nh-hero__content{min-height:354px!important}
  .nh-hero h2{font-size:clamp(29px,10.2vw,39px)!important;max-width:100%!important}
  .nh-hero p{font-size:12px!important;-webkit-line-clamp:3!important}
  .nh-hero .nh-btn{padding-inline:11px!important;font-size:9.5px!important}
}

/* Dark mode: mesma composição, com contraste mais cinematográfico. */
html[data-mode="dark"] .nh-hero:before{
  opacity:.28!important;
  filter:blur(20px) saturate(.92)!important;
}

html[data-mode="dark"] .nh-hero:after{
  background:
    linear-gradient(90deg,rgba(28,35,47,.99) 0%,rgba(29,37,50,.965) 45%,rgba(30,39,53,.84) 70%,rgba(31,41,55,.70) 100%)!important;
}

html[data-mode="dark"] .nh-hero__veil{
  background:
    radial-gradient(circle at 82% 48%,rgba(79,140,255,.13),transparent 29%),
    linear-gradient(180deg,rgba(255,255,255,.01),rgba(0,0,0,.08))!important;
}

html[data-mode="dark"] .nh-hero__cover img,
html[data-mode="dark"] .nh-hero__cover .nh-cover-placeholder{
  box-shadow:0 26px 56px rgba(0,0,0,.43)!important;
}

@media (max-width:620px){
  html[data-mode="dark"] .nh-hero:before{
    opacity:.40!important;
    filter:blur(5px) saturate(.88)!important;
  }

  html[data-mode="dark"] .nh-hero:after{
    background:
      linear-gradient(90deg,rgba(28,35,47,.985) 0%,rgba(29,37,50,.94) 58%,rgba(30,39,53,.77) 100%),
      linear-gradient(0deg,rgba(27,34,46,.95),rgba(27,34,46,.34))!important;
  }
}

/* ==========================================================
   NOVERA HOME v0.9.13 — HERO POLISH
   - Fundo da obra mais perceptível sem prejudicar a leitura
   - Hero desktop mais compacto
   - Clamp mobile limpo em 3 linhas
   - CTAs mobile melhor proporcionados
   - Navegação inferior mais visual, valorizando capas 3:4
   ========================================================== */

/* Desktop: menos vazio vertical e mais presença da arte. */
@media (min-width:1101px){
  .nh-hero-carousel{--nh-hero-cover-w:220px!important}

  .nh-hero-track,
  .nh-hero{
    min-height:460px!important;
    height:460px!important;
  }

  .nh-hero{
    gap:64px!important;
    padding:44px 64px 50px!important;
  }

  .nh-hero:before{
    inset:-20px!important;
    background-size:cover!important;
    background-position:76% 42%!important;
    filter:blur(14px) saturate(1.02)!important;
    transform:scale(1.08)!important;
    opacity:.31!important;
  }

  .nh-hero__content{max-width:790px!important}
  .nh-hero h2{font-size:clamp(44px,4.55vw,62px)!important}
  .nh-hero p{max-width:700px!important;line-height:1.58!important}
}

html[data-mode="dark"] .nh-hero:after,
:root:not([data-mode="light"]) .nh-hero:after{
  background:
    linear-gradient(90deg,rgba(28,35,47,.985) 0%,rgba(29,37,50,.94) 43%,rgba(30,39,53,.76) 68%,rgba(31,41,55,.54) 100%)!important;
}

@media (min-width:1101px){
  html[data-mode="dark"] .nh-hero:before,
  :root:not([data-mode="light"]) .nh-hero:before{
    opacity:.38!important;
    filter:blur(14px) saturate(1.02)!important;
  }
}

/* Mobile: composição editorial; a capa vira atmosfera, não coluna lateral. */
@media (max-width:620px){
  .nh-hero-track,
  .nh-hero{
    min-height:410px!important;
    height:410px!important;
  }

  .nh-hero{
    padding:25px 22px 27px!important;
  }

  .nh-hero:before{
    inset:-10px!important;
    background-position:68% 28%!important;
    filter:blur(2.5px) saturate(1.02)!important;
    transform:scale(1.06)!important;
    opacity:.48!important;
  }

  .nh-hero:after{
    background:
      linear-gradient(180deg,rgba(255,255,255,.70) 0%,rgba(255,255,255,.90) 48%,rgba(255,255,255,.985) 100%),
      linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.82) 62%,rgba(255,255,255,.58) 100%)!important;
  }

  html[data-mode="dark"] .nh-hero:before,
  :root:not([data-mode="light"]) .nh-hero:before{
    opacity:.58!important;
    filter:blur(2.5px) saturate(1.02)!important;
  }

  html[data-mode="dark"] .nh-hero:after,
  :root:not([data-mode="light"]) .nh-hero:after{
    background:
      linear-gradient(180deg,rgba(23,30,41,.63) 0%,rgba(25,33,45,.86) 49%,rgba(27,35,47,.985) 100%),
      linear-gradient(90deg,rgba(26,34,46,.93) 0%,rgba(27,35,47,.78) 62%,rgba(28,37,50,.55) 100%)!important;
  }

  .nh-hero__content{
    min-height:356px!important;
    justify-content:center!important;
  }

  .nh-hero .nh-kicker{
    margin-bottom:7px!important;
    font-size:8.5px!important;
  }

  .nh-hero .nh-tags{
    margin-bottom:10px!important;
    gap:5px!important;
  }

  .nh-hero .nh-tags a{
    padding:4px 7px!important;
    font-size:7.5px!important;
    line-height:1.08!important;
  }

  .nh-hero h2{
    max-width:100%!important;
    margin-bottom:10px!important;
    font-size:clamp(31px,10.2vw,44px)!important;
    line-height:.98!important;
  }

  /* O navegador faz o corte visual; sem altura fixa e sem overflow estranho. */
  .nh-hero p{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    line-clamp:3!important;
    overflow:hidden!important;
    max-width:100%!important;
    margin:0!important;
    font-size:12.5px!important;
    line-height:1.48!important;
  }

  .nh-hero__actions{
    display:grid!important;
    grid-template-columns:minmax(0,1.9fr) minmax(84px,1fr)!important;
    gap:8px!important;
    width:100%!important;
    margin-top:16px!important;
  }

  .nh-hero .nh-btn{
    width:100%!important;
    min-height:39px!important;
    padding:9px 10px!important;
    font-size:10px!important;
  }

  .nh-hero__meta{
    margin-top:11px!important;
    font-size:9px!important;
  }

  /* Mais capa e menos bloco de texto na faixa de navegação. */
  .nh-hero-mobile-tabs{
    height:70px!important;
    min-height:70px!important;
  }

  .nh-hero-mobile-tab{
    flex:0 0 141px!important;
    min-width:141px!important;
    height:70px!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:8px!important;
    padding:6px 9px!important;
  }

  .nh-hero-mobile-tab__cover,
  .nh-hero-mobile-tab__cover img,
  .nh-hero-mobile-tab__cover .nh-cover-placeholder{
    width:38px!important;
    max-width:38px!important;
    height:auto!important;
    aspect-ratio:3/4!important;
    object-fit:cover!important;
    border-radius:5px!important;
  }

  .nh-hero-mobile-tab__title{
    font-size:9px!important;
    line-height:1.12!important;
    -webkit-line-clamp:2!important;
  }
}

@media (max-width:390px){
  .nh-hero-track,
  .nh-hero{
    min-height:398px!important;
    height:398px!important;
  }

  .nh-hero{
    padding:23px 18px 25px!important;
  }

  .nh-hero__content{min-height:348px!important}
  .nh-hero h2{font-size:clamp(29px,10vw,39px)!important}
  .nh-hero p{font-size:12px!important}
  .nh-hero__actions{grid-template-columns:minmax(0,1.75fr) minmax(78px,1fr)!important}
  .nh-hero .nh-btn{font-size:9.5px!important}
  .nh-hero-mobile-tab{flex-basis:136px!important;min-width:136px!important}
}

/* ==========================================================
   NOVERA HOME v0.9.14 — HERO FINAL POLISH
   ========================================================== */
/* A biblioteca do site usa capas 600x800: 3:4 em todo o hero. */
.nh-hero__cover{aspect-ratio:3/4!important}
.nh-hero__cover img,.nh-hero__cover .nh-cover-placeholder{aspect-ratio:3/4!important;object-fit:cover!important}
.nh-hero-mobile-tab__cover,.nh-hero-mobile-tab__cover img,.nh-hero-mobile-tab__cover .nh-cover-placeholder{aspect-ratio:3/4!important}

/* Arte mais presente à direita; a esquerda continua limpa para leitura. */
.nh-hero:before{opacity:.20!important;filter:blur(9px) saturate(.95)!important;background-position:78% 38%!important;transform:scale(1.09)!important}
.nh-hero:after{background:linear-gradient(90deg,rgba(255,255,255,.995) 0%,rgba(255,255,255,.975) 45%,rgba(248,250,254,.78) 68%,rgba(248,250,254,.48) 100%)!important}
html[data-mode="dark"] .nh-hero:before,:root:not([data-mode="light"]) .nh-hero:before{opacity:.46!important;filter:blur(9px) saturate(1.02)!important}
html[data-mode="dark"] .nh-hero:after,:root:not([data-mode="light"]) .nh-hero:after{background:linear-gradient(90deg,rgba(25,32,44,.99) 0%,rgba(26,34,46,.965) 43%,rgba(28,37,50,.76) 68%,rgba(29,39,53,.46) 100%)!important}

/* Desktop: remove o último excesso de vazio sem sacrificar a capa. */
@media (min-width:1101px){
  .nh-hero-track,.nh-hero{min-height:420px!important;height:420px!important}
  .nh-hero{padding:36px 64px 42px!important}
  .nh-hero__actions{margin-top:20px!important}
  .nh-hero__meta{margin-top:14px!important;padding-bottom:0!important}
}

/* Mobile: mantém a composição aprovada e revela um pouco mais da obra no topo. */
@media (max-width:620px){
  .nh-hero:before{opacity:.54!important;filter:blur(3px) saturate(1.02)!important;background-position:72% 20%!important}
  .nh-hero:after{background:linear-gradient(180deg,rgba(255,255,255,.64) 0%,rgba(255,255,255,.88) 47%,rgba(255,255,255,.99) 100%),linear-gradient(90deg,rgba(255,255,255,.93),rgba(255,255,255,.60))!important}
  html[data-mode="dark"] .nh-hero:before,:root:not([data-mode="light"]) .nh-hero:before{opacity:.64!important;filter:blur(3px) saturate(1.04)!important}
  html[data-mode="dark"] .nh-hero:after,:root:not([data-mode="light"]) .nh-hero:after{background:linear-gradient(180deg,rgba(22,29,40,.54) 0%,rgba(24,32,44,.84) 47%,rgba(26,34,46,.99) 100%),linear-gradient(90deg,rgba(25,33,45,.91),rgba(26,35,48,.55))!important}
  .nh-hero-mobile-tabs{border-top:1px solid color-mix(in srgb,var(--nh-accent) 18%,var(--nh-border))!important}
}

/* ==========================================================
   NOVERA HOME v0.9.15 — CONTINUE LENDO / POLIMENTO
   ========================================================== */
.nh-continue-shelf .nh-continue-card{
  border:1px solid rgba(132,154,190,.22)!important;
  background:#111a27!important;
  box-shadow:0 8px 22px rgba(0,0,0,.12);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.nh-continue-shelf .nh-continue-card__cover img{
  transition:transform .3s ease,filter .3s ease;
}
.nh-continue-shelf .nh-continue-card__shade{
  background:linear-gradient(180deg,rgba(4,9,16,0) 18%,rgba(4,9,16,.12) 42%,rgba(4,9,16,.72) 70%,rgba(4,9,16,.96) 100%)!important;
}
.nh-continue-shelf .nh-continue-card__body{
  padding:42px 12px 10px!important;
}
.nh-continue-shelf .nh-continue-card__body strong{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  min-height:2.3em;
  font-size:13px!important;
  line-height:1.15!important;
}
.nh-continue-shelf .nh-continue-card__meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:6px 0 7px!important;
  color:rgba(255,255,255,.9)!important;
  font-size:9px!important;
  line-height:1!important;
}
.nh-continue-shelf .nh-continue-card__meta span{margin:0!important;font-size:inherit!important;color:inherit!important}
.nh-continue-shelf .nh-continue-card__pct{font-weight:800!important;color:#fff!important;flex:0 0 auto}
.nh-continue-shelf .nh-progress{height:4px!important;border-radius:999px!important;overflow:hidden!important;background:rgba(255,255,255,.24)!important}
.nh-continue-shelf .nh-progress i{display:block;height:100%;border-radius:inherit}
@media (hover:hover) and (pointer:fine){
  .nh-continue-shelf .nh-continue-card:hover{
    transform:translateY(-4px);
    border-color:rgba(94,153,255,.52)!important;
    box-shadow:0 14px 28px rgba(0,0,0,.2);
  }
  .nh-continue-shelf .nh-continue-card:hover .nh-continue-card__cover img{transform:scale(1.025)}
}
@media(max-width:620px){
  .nh-section:has(.nh-continue-shelf) .nh-shelf-arrows{display:none!important}
  .nh-section:has(.nh-continue-shelf) .nh-section__head{align-items:flex-start!important}
  .nh-section:has(.nh-continue-shelf) .nh-section__tools{align-items:flex-start!important}
  .nh-continue-grid.nh-continue-shelf{gap:9px!important;scroll-padding-inline:0}
  .nh-continue-grid.nh-continue-shelf>.nh-continue-card{
    flex:0 0 calc((100% - 18px)/3)!important;
    width:calc((100% - 18px)/3)!important;
    max-width:calc((100% - 18px)/3)!important;
    aspect-ratio:3/4!important;
  }
  .nh-continue-shelf .nh-continue-card__body{padding:34px 7px 7px!important}
  .nh-continue-shelf .nh-continue-card__body strong{font-size:10px!important;line-height:1.1!important;min-height:2.2em}
  .nh-continue-shelf .nh-continue-card__meta{font-size:7px!important;gap:4px!important;margin:5px 0 5px!important}
  .nh-continue-shelf .nh-progress{height:3px!important}
}

/* ==========================================================
   NOVERA HOME v0.9.15.1 — CONTINUE LENDO / MICRO POLIMENTO
   ========================================================== */
.nh-continue-shelf .nh-continue-card__shade{
  background:linear-gradient(180deg,rgba(4,9,16,0) 0%,rgba(4,9,16,.04) 38%,rgba(4,9,16,.48) 67%,rgba(4,9,16,.94) 100%)!important;
}
@media(max-width:620px){
  .nh-continue-shelf .nh-continue-card__body{
    padding:34px 7px 10px!important;
  }
  .nh-continue-shelf .nh-continue-card__meta{
    margin:5px 0 6px!important;
  }
}

/* ==========================================================
   NOVERA HOME v0.9.16 — CENTRAL DE ATUALIZAÇÕES
   9 obras únicas, capítulos novos + novas obras.
   ========================================================== */
.nh-section--releases .nh-section__head{margin-bottom:18px!important}
.nh-release-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.nh-release-card{
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:stretch!important;
  min-height:132px!important;
  padding:11px!important;
  border:1px solid var(--nh-border)!important;
  border-radius:14px!important;
  background:var(--nh-surface)!important;
  box-shadow:0 5px 18px rgba(8,15,28,.05)!important;
  overflow:hidden!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.nh-release-card:hover{
  transform:translateY(-3px)!important;
  border-color:color-mix(in srgb,var(--nh-accent) 46%,var(--nh-border))!important;
  box-shadow:0 12px 26px rgba(8,15,28,.10)!important;
}
.nh-release-card__cover{
  display:block!important;
  width:78px!important;
  aspect-ratio:3/4!important;
  min-width:78px!important;
  overflow:hidden!important;
  border-radius:9px!important;
  align-self:start!important;
}
.nh-release-card__cover img,
.nh-release-card__cover .nh-cover-placeholder{
  display:block!important;
  width:78px!important;
  height:auto!important;
  aspect-ratio:3/4!important;
  object-fit:cover!important;
  border-radius:9px!important;
  transition:transform .22s ease!important;
}
.nh-release-card:hover .nh-release-card__cover img{transform:scale(1.025)!important}
.nh-release-card__body{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  min-width:0!important;
  padding:1px 0!important;
}
.nh-release-card__topline{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-width:0!important;
  margin-bottom:7px!important;
}
.nh-release-card__badge{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  padding:3px 6px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--nh-accent) 12%,var(--nh-surface2))!important;
  border:1px solid color-mix(in srgb,var(--nh-accent) 24%,var(--nh-border))!important;
  color:var(--nh-accent)!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.nh-release-card.is-new .nh-release-card__badge{
  background:color-mix(in srgb,#9b7cff 13%,var(--nh-surface2))!important;
  border-color:color-mix(in srgb,#9b7cff 30%,var(--nh-border))!important;
  color:color-mix(in srgb,#9b7cff 72%,white)!important;
}
.nh-release-card__time{
  overflow:hidden!important;
  color:var(--nh-muted)!important;
  font-size:9px!important;
  font-weight:700!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.nh-release-card__story{
  display:-webkit-box!important;
  margin:0 0 8px!important;
  overflow:hidden!important;
  color:var(--nh-text)!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.18!important;
  white-space:normal!important;
  text-overflow:ellipsis!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
}
.nh-release-card__chapters{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  margin:0!important;
  min-width:0!important;
}
.nh-release-card__chapter,
.nh-release-card__availability{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:5px 7px!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--nh-accent) 16%,var(--nh-border))!important;
  border-radius:7px!important;
  background:color-mix(in srgb,var(--nh-accent) 7%,var(--nh-surface2))!important;
  color:var(--nh-accent)!important;
  font-size:9px!important;
  font-weight:750!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.nh-release-card__availability{
  margin-bottom:5px!important;
  color:var(--nh-text)!important;
  background:color-mix(in srgb,#9b7cff 6%,var(--nh-surface2))!important;
  border-color:color-mix(in srgb,#9b7cff 15%,var(--nh-border))!important;
}
.nh-release-card__chapter--single span{
  margin-right:5px!important;
  color:var(--nh-muted)!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
}
:root[data-mode="dark"] .nh-release-card,
:root:not([data-mode="light"]) .nh-release-card{
  background:color-mix(in srgb,var(--nh-surface) 94%,#0a1420)!important;
  border-color:#2b3949!important;
}
@media(max-width:980px){
  .nh-release-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .nh-section--releases .nh-section__head{margin-bottom:14px!important}
  .nh-release-grid{grid-template-columns:1fr!important;gap:9px!important}
  .nh-release-card{
    grid-template-columns:68px minmax(0,1fr)!important;
    min-height:112px!important;
    padding:9px!important;
    gap:11px!important;
    border-radius:12px!important;
  }
  .nh-release-card__cover,
  .nh-release-card__cover img,
  .nh-release-card__cover .nh-cover-placeholder{
    width:68px!important;
    min-width:68px!important;
    aspect-ratio:3/4!important;
  }
  .nh-release-card__topline{margin-bottom:5px!important}
  .nh-release-card__badge{font-size:7px!important;padding:3px 5px!important}
  .nh-release-card__time{font-size:8px!important}
  .nh-release-card__story{font-size:12px!important;margin-bottom:6px!important}
  .nh-release-card__chapters{gap:4px!important}
  .nh-release-card__chapter,
  .nh-release-card__availability{font-size:8px!important;padding:4px 6px!important}
}


/* ==========================================================
   NOVERA HOME v0.9.16.1 — LANÇAMENTOS / POLIMENTO E LÓGICA
   NOVA OBRA enxuta; atualizações com dois links claros.
   ========================================================== */
.nh-release-card{
  grid-template-columns:82px minmax(0,1fr)!important;
  min-height:142px!important;
  padding:14px!important;
  gap:15px!important;
  align-self:start!important;
}
.nh-release-card__cover,
.nh-release-card__cover img,
.nh-release-card__cover .nh-cover-placeholder{
  width:82px!important;
  min-width:82px!important;
  aspect-ratio:3/4!important;
}
.nh-release-card__body{padding:2px 0!important}
.nh-release-card__topline{margin-bottom:8px!important}
.nh-release-card__story{margin-bottom:10px!important;font-size:15px!important;line-height:1.2!important}
.nh-release-card__time--compact{display:none!important}
.nh-release-card__chapters{gap:7px!important}
.nh-release-card__chapter{
  position:relative!important;
  padding:4px 4px 4px 12px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  font-size:10px!important;
  line-height:1.28!important;
  transition:color .16s ease,transform .16s ease!important;
}
.nh-release-card__chapter:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:5px!important;
  bottom:5px!important;
  width:3px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--nh-accent) 72%,transparent)!important;
}
.nh-release-card__chapter:hover{
  color:color-mix(in srgb,var(--nh-accent) 72%,white)!important;
  transform:translateX(2px)!important;
}
.nh-release-card__availability{
  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--nh-soft)!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.35!important;
}
.nh-release-card.is-new{min-height:126px!important}
.nh-release-card.is-new .nh-release-card__story{margin-bottom:8px!important}

@media(max-width:620px){
  .nh-release-card{
    grid-template-columns:62px minmax(0,1fr)!important;
    min-height:104px!important;
    padding:10px!important;
    gap:11px!important;
  }
  .nh-release-card.is-new{min-height:94px!important}
  .nh-release-card__cover,
  .nh-release-card__cover img,
  .nh-release-card__cover .nh-cover-placeholder{
    width:62px!important;
    min-width:62px!important;
  }
  .nh-release-card__topline{margin-bottom:5px!important}
  .nh-release-card__story{font-size:12px!important;margin-bottom:6px!important;line-height:1.18!important}
  .nh-release-card__time--full{display:none!important}
  .nh-release-card__time--compact{display:block!important}
  .nh-release-card__availability{font-size:8px!important}
  .nh-release-card__chapters{gap:4px!important}
  .nh-release-card__chapter{font-size:8px!important;padding:3px 2px 3px 10px!important}
  .nh-release-card__chapter:before{top:4px!important;bottom:4px!important;width:2px!important}
}


/* ==========================================================
   NOVERA HOME v0.9.16.2 — LANÇAMENTOS / POLIMENTO FINAL
   Mais compacto no desktop, badges mais distintos e truncamento estável.
   ========================================================== */
@media(min-width:621px){
  .nh-release-card{
    min-height:132px!important;
    padding:12px 14px!important;
    gap:14px!important;
  }
  .nh-release-card.is-new{min-height:118px!important}
  .nh-release-card__body{padding:0!important;min-width:0!important}
  .nh-release-card__topline{margin-bottom:6px!important}
  .nh-release-card__story{margin-bottom:7px!important}
  .nh-release-card__chapters{gap:5px!important}
  .nh-release-card__chapter{
    min-width:0!important;
    max-width:100%!important;
    padding:3px 4px 3px 12px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  .nh-release-card__chapter:before{top:4px!important;bottom:4px!important}
}

/* ATUALIZADO = azul; NOVA OBRA = violeta, com contraste suficiente no dark mode. */
.nh-release-card:not(.is-new) .nh-release-card__badge{
  background:color-mix(in srgb,var(--nh-accent) 18%,var(--nh-surface2))!important;
  border-color:color-mix(in srgb,var(--nh-accent) 42%,var(--nh-border))!important;
  color:color-mix(in srgb,var(--nh-accent) 88%,white)!important;
}
.nh-release-card.is-new .nh-release-card__badge{
  background:color-mix(in srgb,#9b7cff 28%,var(--nh-surface2))!important;
  border-color:color-mix(in srgb,#9b7cff 58%,var(--nh-border))!important;
  color:color-mix(in srgb,#b9a7ff 92%,white)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,#9b7cff 10%,transparent) inset!important;
}

/* Evita que títulos muito longos (extras/histórias paralelas) quebrem o grid. */
.nh-release-card__chapters,
.nh-release-card__chapter{
  min-width:0!important;
  max-width:100%!important;
}
.nh-release-card__chapter{
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

@media(max-width:620px){
  .nh-release-card__chapter{
    display:block!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
}


/* ==========================================================
   NOVERA HOME v0.9.17 — PRATELEIRAS EDITORIAIS
   Descubra + Novidades + vitrines personalizadas.
   Mantém filtros/limites/ordenação configurados no painel.
   ========================================================== */

/* Família de vitrines: capas 600x800 (3:4), acabamento comum. */
.nh-section--discover .nh-story-grid.nh-mobile-shelf,
.nh-section--curated .nh-story-grid.nh-mobile-shelf,
.nh-section--new .nh-new-grid.nh-mobile-shelf{
  gap:14px!important;
}

.nh-section--discover .nh-story-card,
.nh-section--curated .nh-story-card{
  position:relative!important;
  aspect-ratio:3/4!important;
  min-height:0!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--nh-border) 92%,transparent)!important;
  border-radius:14px!important;
  background:var(--nh-surface2)!important;
  box-shadow:0 7px 20px rgba(0,0,0,.08)!important;
  transform:translateZ(0);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}

.nh-section--discover .nh-story-card__cover,
.nh-section--discover .nh-story-card__cover img,
.nh-section--discover .nh-story-card__cover .nh-cover-placeholder,
.nh-section--curated .nh-story-card>img,
.nh-section--curated .nh-story-card>.nh-cover-placeholder{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  aspect-ratio:3/4!important;
  object-fit:cover!important;
  border-radius:0!important;
  box-shadow:none!important;
  transition:transform .32s ease!important;
}

/* Escurece apenas onde existe informação; a metade superior fica limpa. */
.nh-section--discover .nh-story-card::after,
.nh-section--curated .nh-story-card::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:30% 0 0;
  pointer-events:none;
  background:linear-gradient(to bottom,
    rgba(4,8,14,0) 0%,
    rgba(4,8,14,.08) 16%,
    rgba(4,8,14,.48) 52%,
    rgba(4,8,14,.92) 82%,
    rgba(4,8,14,.97) 100%);
}
.nh-section--curated .nh-story-card__shade{display:none!important}

.nh-section--discover .nh-story-card__overlay,
.nh-section--curated .nh-story-card__overlay{
  position:absolute!important;
  z-index:2!important;
  inset:auto 0 0!important;
  padding:48px 14px 14px!important;
  background:none!important;
  color:#fff!important;
  pointer-events:none;
}
.nh-section--discover .nh-story-card__genres,
.nh-section--curated .nh-story-card__genres{
  min-height:12px;
  overflow:hidden!important;
  color:#c8dbff!important;
  font-size:8px!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.nh-section--discover .nh-story-card h3,
.nh-section--curated .nh-story-card h3{
  display:-webkit-box!important;
  min-height:0!important;
  margin:6px 0 8px!important;
  overflow:hidden!important;
  color:#fff!important;
  font-size:clamp(15px,1.35vw,20px)!important;
  font-weight:850!important;
  line-height:1.05!important;
  letter-spacing:-.018em!important;
  text-shadow:0 1px 4px rgba(0,0,0,.72)!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
}
.nh-section--discover .nh-story-card__overlay>span,
.nh-section--curated .nh-story-card__overlay>span{
  color:#e2e8f0!important;
  font-size:9px!important;
  font-weight:650!important;
  line-height:1.2!important;
  text-shadow:0 1px 3px rgba(0,0,0,.7)!important;
}

@media (hover:hover) and (pointer:fine){
  .nh-section--discover .nh-story-card:hover,
  .nh-section--curated .nh-story-card:hover,
  .nh-section--new .nh-new-card:hover{
    transform:translateY(-4px)!important;
    border-color:color-mix(in srgb,var(--nh-accent) 50%,var(--nh-border))!important;
    box-shadow:0 14px 30px rgba(0,0,0,.14)!important;
  }
  .nh-section--discover .nh-story-card:hover .nh-story-card__cover img,
  .nh-section--curated .nh-story-card:hover>img,
  .nh-section--new .nh-new-card:hover .nh-new-card__cover img{
    transform:scale(1.025)!important;
  }
}

/* Novidades: mesma proporção 3:4 e visual mais limpo. */
.nh-section--new .nh-new-card{
  aspect-ratio:3/4!important;
  border-radius:12px!important;
  box-shadow:0 7px 20px rgba(0,0,0,.07)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.nh-section--new .nh-new-card__cover,
.nh-section--new .nh-new-card__cover img,
.nh-section--new .nh-new-card__cover .nh-cover-placeholder{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  aspect-ratio:3/4!important;
  object-fit:cover!important;
}
.nh-section--new .nh-new-card__overlay{
  min-height:42%!important;
  padding:38px 11px 11px!important;
  background:linear-gradient(to bottom,rgba(5,9,15,0) 0%,rgba(5,9,15,.10) 20%,rgba(5,9,15,.72) 66%,rgba(5,9,15,.96) 100%)!important;
}
.nh-section--new .nh-new-card__overlay strong{
  display:-webkit-box!important;
  overflow:hidden!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.12!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}

/* Sobrescreve proporções antigas das prateleiras responsivas. */
@media (min-width:621px){
  .nh-section--discover .nh-story-grid.nh-mobile-shelf .nh-story-card,
  .nh-section--curated .nh-story-grid.nh-mobile-shelf .nh-story-card{
    aspect-ratio:3/4!important;
  }
  .nh-section--new .nh-new-grid.nh-mobile-shelf .nh-new-card,
  .nh-section--new .nh-new-grid.nh-mobile-shelf .nh-new-card__cover,
  .nh-section--new .nh-new-grid.nh-mobile-shelf .nh-new-card__cover img,
  .nh-section--new .nh-new-grid.nh-mobile-shelf .nh-new-card__cover .nh-cover-placeholder{
    aspect-ratio:3/4!important;
  }
}

/* Mobile: swipe é a navegação; setas não disputam espaço com o cabeçalho. */
@media (max-width:620px){
  .nh-section--discover .nh-shelf-arrows,
  .nh-section--curated .nh-shelf-arrows,
  .nh-section--new .nh-shelf-arrows{
    display:none!important;
  }
  .nh-section--discover .nh-section__tools,
  .nh-section--curated .nh-section__tools,
  .nh-section--new .nh-section__tools{
    align-self:flex-start!important;
    gap:0!important;
  }
  .nh-section--discover .nh-section__head,
  .nh-section--curated .nh-section__head,
  .nh-section--new .nh-section__head{
    align-items:flex-start!important;
    margin-bottom:14px!important;
  }

  /* Mantém cerca de três capas visíveis e o próximo item sugerido pelo scroll. */
  .nh-section--discover .nh-story-grid.nh-mobile-shelf,
  .nh-section--curated .nh-story-grid.nh-mobile-shelf,
  .nh-section--new .nh-new-grid.nh-mobile-shelf{
    gap:10px!important;
  }
  .nh-section--discover .nh-story-grid.nh-mobile-shelf>* ,
  .nh-section--curated .nh-story-grid.nh-mobile-shelf>* ,
  .nh-section--new .nh-new-grid.nh-mobile-shelf>*{
    flex:0 0 calc((100% - 20px)/3)!important;
    width:calc((100% - 20px)/3)!important;
    max-width:calc((100% - 20px)/3)!important;
    min-width:0!important;
    aspect-ratio:3/4!important;
  }
  .nh-section--discover .nh-story-card,
  .nh-section--curated .nh-story-card,
  .nh-section--new .nh-new-card{
    border-radius:8px!important;
  }
  .nh-section--discover .nh-story-card__overlay,
  .nh-section--curated .nh-story-card__overlay{
    padding:34px 7px 8px!important;
  }
  .nh-section--discover .nh-story-card__genres,
  .nh-section--curated .nh-story-card__genres{
    font-size:6.5px!important;
    letter-spacing:.045em!important;
  }
  .nh-section--discover .nh-story-card h3,
  .nh-section--curated .nh-story-card h3{
    margin:4px 0 5px!important;
    font-size:11.5px!important;
    line-height:1.02!important;
    -webkit-line-clamp:3!important;
  }
  .nh-section--discover .nh-story-card__overlay>span,
  .nh-section--curated .nh-story-card__overlay>span{
    font-size:7.5px!important;
  }
  .nh-section--new .nh-new-card__overlay{
    min-height:42%!important;
    padding:28px 7px 8px!important;
  }
  .nh-section--new .nh-new-card__overlay strong{
    font-size:10.5px!important;
    line-height:1.08!important;
  }
}

@media (max-width:380px){
  .nh-section--discover .nh-story-grid.nh-mobile-shelf,
  .nh-section--curated .nh-story-grid.nh-mobile-shelf,
  .nh-section--new .nh-new-grid.nh-mobile-shelf{gap:7px!important}
  .nh-section--discover .nh-story-grid.nh-mobile-shelf>* ,
  .nh-section--curated .nh-story-grid.nh-mobile-shelf>* ,
  .nh-section--new .nh-new-grid.nh-mobile-shelf>*{
    flex-basis:calc((100% - 14px)/3)!important;
    width:calc((100% - 14px)/3)!important;
    max-width:calc((100% - 14px)/3)!important;
  }
}

/* ==========================================================
   NOVERA HOME v0.9.18 — POLIMENTO PREMIUM DAS VITRINES
   Somente aparência. Não altera filtros, limites ou ordenação.
   ========================================================== */

/* Cabeçalhos ganham mais hierarquia sem mudar a estrutura. */
.nh-section--discover .nh-section__head,
.nh-section--curated .nh-section__head,
.nh-section--new .nh-section__head{
  position:relative;
}
.nh-section--discover .nh-kicker,
.nh-section--curated .nh-kicker,
.nh-section--new .nh-kicker{
  text-shadow:0 0 18px color-mix(in srgb,var(--nh-accent) 24%,transparent);
}

/* Cards editoriais: profundidade, contorno e brilho muito sutis. */
.nh-section--discover .nh-story-card,
.nh-section--curated .nh-story-card,
.nh-section--new .nh-new-card{
  isolation:isolate;
  border-color:color-mix(in srgb,var(--nh-border) 82%,rgba(255,255,255,.12))!important;
  box-shadow:0 8px 22px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.nh-section--discover .nh-story-card::before,
.nh-section--curated .nh-story-card::before,
.nh-section--new .nh-new-card::before{
  content:"";
  position:absolute;
  z-index:4;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.11),transparent 22%,transparent 78%,rgba(47,120,255,.08));
  opacity:.52;
  transition:opacity .22s ease;
}

/* Melhor separação do texto em cima de capas muito claras. */
.nh-section--discover .nh-story-card::after,
.nh-section--curated .nh-story-card::after{
  inset:24% 0 0!important;
  background:linear-gradient(to bottom,
    rgba(3,7,12,0) 0%,
    rgba(3,7,12,.08) 14%,
    rgba(3,7,12,.34) 42%,
    rgba(3,7,12,.82) 72%,
    rgba(3,7,12,.97) 100%)!important;
}

/* Gêneros como micro-chip translúcido. */
.nh-section--discover .nh-story-card__genres,
.nh-section--curated .nh-story-card__genres{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:0!important;
  padding:3px 6px!important;
  border:1px solid rgba(183,211,255,.22)!important;
  border-radius:999px!important;
  background:rgba(10,18,29,.34)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
  color:#d5e5ff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.65)!important;
}

/* Título um pouco mais editorial e com leitura melhor. */
.nh-section--discover .nh-story-card h3,
.nh-section--curated .nh-story-card h3{
  margin:7px 0 9px!important;
  font-weight:900!important;
  line-height:1.04!important;
  text-wrap:balance;
}

/* Quantidade de capítulos passa a parecer metadado, não texto solto. */
.nh-section--discover .nh-story-card__overlay>span,
.nh-section--curated .nh-story-card__overlay>span{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  padding:4px 7px!important;
  border-radius:7px!important;
  background:rgba(7,12,19,.46)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#f3f6fa!important;
  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
}

/* Seta de descoberta no canto: aparece só no desktop ao interagir. */
.nh-section--discover .nh-story-card .nh-story-card__overlay::after,
.nh-section--curated .nh-story-card .nh-story-card__overlay::after{
  content:"→";
  position:absolute;
  right:12px;
  bottom:13px;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(7,12,19,.56);
  color:#fff;
  font-size:15px;
  opacity:0;
  transform:translateX(-4px);
  transition:.2s ease;
}

/* Novidades: badge visual sem mexer no markup PHP. */
.nh-section--new .nh-new-card__cover::before{
  content:"NOVO";
  position:absolute;
  z-index:5;
  top:10px;
  left:10px;
  padding:4px 7px;
  border-radius:999px;
  border:1px solid rgba(103,160,255,.42);
  background:rgba(15,31,51,.72);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  color:#bcd4ff;
  font-size:7px;
  font-weight:900;
  line-height:1;
  letter-spacing:.12em;
  box-shadow:0 4px 14px rgba(0,0,0,.18);
}
.nh-section--new .nh-new-card__overlay{
  min-height:48%!important;
  padding:56px 13px 13px!important;
  background:linear-gradient(to bottom,rgba(4,8,14,0) 0%,rgba(4,8,14,.08) 20%,rgba(4,8,14,.56) 58%,rgba(4,8,14,.95) 100%)!important;
}
.nh-section--new .nh-new-card__overlay strong{
  font-size:14px!important;
  line-height:1.1!important;
  text-shadow:0 2px 5px rgba(0,0,0,.82)!important;
}

/* Hover mais premium e menos brusco. */
@media (hover:hover) and (pointer:fine){
  .nh-section--discover .nh-story-card:hover,
  .nh-section--curated .nh-story-card:hover,
  .nh-section--new .nh-new-card:hover{
    transform:translateY(-6px) scale(1.006)!important;
    border-color:color-mix(in srgb,var(--nh-accent) 62%,var(--nh-border))!important;
    box-shadow:0 18px 38px rgba(0,0,0,.22),0 0 0 1px rgba(47,120,255,.05)!important;
  }
  .nh-section--discover .nh-story-card:hover::before,
  .nh-section--curated .nh-story-card:hover::before,
  .nh-section--new .nh-new-card:hover::before{opacity:.82}
  .nh-section--discover .nh-story-card:hover .nh-story-card__cover img,
  .nh-section--curated .nh-story-card:hover>img,
  .nh-section--new .nh-new-card:hover .nh-new-card__cover img{
    transform:scale(1.045)!important;
  }
  .nh-section--discover .nh-story-card:hover .nh-story-card__overlay::after,
  .nh-section--curated .nh-story-card:hover .nh-story-card__overlay::after{
    opacity:1;
    transform:none;
  }
}

/* Desktop largo: mais respiro entre as capas sem reduzir a quantidade visível. */
@media (min-width:1101px){
  .nh-section--discover .nh-story-grid.nh-mobile-shelf,
  .nh-section--curated .nh-story-grid.nh-mobile-shelf,
  .nh-section--new .nh-new-grid.nh-mobile-shelf{
    gap:16px!important;
  }
}

/* Mobile: acabamento mais nítido e menos poluição. */
@media (max-width:620px){
  .nh-section--discover,
  .nh-section--curated,
  .nh-section--new{
    margin-top:42px!important;
  }
  .nh-section--discover .nh-section__head,
  .nh-section--curated .nh-section__head,
  .nh-section--new .nh-section__head{
    margin-bottom:13px!important;
  }
  .nh-section--discover .nh-story-card,
  .nh-section--curated .nh-story-card,
  .nh-section--new .nh-new-card{
    border-radius:9px!important;
    box-shadow:0 6px 15px rgba(0,0,0,.15)!important;
  }
  .nh-section--discover .nh-story-card__overlay,
  .nh-section--curated .nh-story-card__overlay{
    padding:40px 7px 8px!important;
  }
  .nh-section--discover .nh-story-card__genres,
  .nh-section--curated .nh-story-card__genres{
    padding:2px 4px!important;
    font-size:6px!important;
  }
  .nh-section--discover .nh-story-card h3,
  .nh-section--curated .nh-story-card h3{
    font-size:11.8px!important;
    line-height:1.02!important;
    text-shadow:0 1px 3px rgba(0,0,0,.9)!important;
  }
  .nh-section--discover .nh-story-card__overlay>span,
  .nh-section--curated .nh-story-card__overlay>span{
    padding:3px 5px!important;
    border-radius:5px!important;
    font-size:7.2px!important;
  }
  .nh-section--discover .nh-story-card .nh-story-card__overlay::after,
  .nh-section--curated .nh-story-card .nh-story-card__overlay::after{
    display:none!important;
  }
  .nh-section--new .nh-new-card__cover::before{
    top:6px;
    left:6px;
    padding:3px 5px;
    font-size:5.5px;
  }
  .nh-section--new .nh-new-card__overlay{
    min-height:46%!important;
    padding:34px 7px 8px!important;
  }
  .nh-section--new .nh-new-card__overlay strong{
    font-size:10.7px!important;
    line-height:1.06!important;
  }
}

/* ==========================================================
   NOVERA HOME v0.9.18.1 — TIPOGRAFIA COMPACTA DAS VITRINES
   Reduz títulos para preservar a capa e melhorar leitura rápida.
   ========================================================== */
.nh-section--discover .nh-story-card h3,
.nh-section--curated .nh-story-card h3{
  font-size:clamp(14px,1.08vw,17px)!important;
  line-height:1.08!important;
  margin:5px 0 7px!important;
  -webkit-line-clamp:3!important;
}
.nh-section--new .nh-new-card__overlay strong{
  font-size:12.5px!important;
  line-height:1.12!important;
  -webkit-line-clamp:2!important;
}
@media (max-width:620px){
  .nh-section--discover .nh-story-card h3,
  .nh-section--curated .nh-story-card h3{
    font-size:10.2px!important;
    line-height:1.06!important;
    margin:3px 0 4px!important;
    -webkit-line-clamp:3!important;
  }
  .nh-section--new .nh-new-card__overlay{
    padding:32px 7px 8px!important;
  }
  .nh-section--new .nh-new-card__overlay strong{
    font-size:9.4px!important;
    line-height:1.08!important;
    -webkit-line-clamp:2!important;
  }
}
@media (max-width:380px){
  .nh-section--discover .nh-story-card h3,
  .nh-section--curated .nh-story-card h3{font-size:9.6px!important}
  .nh-section--new .nh-new-card__overlay strong{font-size:9px!important}
}

/* ========================================================================== */
/* Novera Home v0.9.19 — ESCOLHA DA NOVERA PREMIUM                           */
/* ========================================================================== */
.novera-home .nh-section--choice{margin-top:clamp(54px,6vw,82px);margin-bottom:clamp(48px,5vw,72px)}
.novera-home .nh-choice{
  isolation:isolate;
  grid-template-columns:clamp(210px,18vw,258px) minmax(0,1fr)!important;
  gap:clamp(38px,4.5vw,66px)!important;
  min-height:390px;
  padding:clamp(30px,3.5vw,48px)!important;
  border:1px solid color-mix(in srgb,var(--nh-accent) 48%,var(--nh-border))!important;
  border-radius:24px!important;
  background:linear-gradient(115deg,color-mix(in srgb,var(--nh-surface) 99%,transparent) 0%,color-mix(in srgb,var(--nh-surface) 94%,transparent) 44%,color-mix(in srgb,var(--nh-accent) 8%,var(--nh-surface)) 100%)!important;
  box-shadow:0 18px 54px rgba(5,12,24,.16)!important;
}
.novera-home .nh-choice:before{
  inset:-22% -6% -22% 40%!important;
  background-size:cover!important;
  background-position:center 30%!important;
  filter:blur(28px) saturate(1.12)!important;
  transform:scale(1.13)!important;
  opacity:.30!important;
}
.novera-home .nh-choice:after{
  background:linear-gradient(90deg,var(--nh-surface) 8%,color-mix(in srgb,var(--nh-surface) 96%,transparent) 38%,color-mix(in srgb,var(--nh-surface) 79%,transparent) 68%,color-mix(in srgb,var(--nh-surface) 55%,transparent))!important;
}
.novera-home .nh-choice__cover{
  width:clamp(210px,18vw,258px)!important;
  max-width:258px!important;
  aspect-ratio:3/4!important;
  border-radius:15px!important;
  transform:none!important;
  box-shadow:0 24px 52px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.06)!important;
  transition:transform .24s ease,box-shadow .24s ease;
}
.novera-home .nh-choice:hover .nh-choice__cover{transform:translateY(-3px)!important;box-shadow:0 30px 62px rgba(0,0,0,.40),0 0 0 1px rgba(255,255,255,.08)!important}
.novera-home .nh-choice__content{max-width:790px!important}
.novera-home .nh-choice__eyebrow{
  display:inline-flex!important;align-items:center;gap:7px;margin:0 0 7px!important;
  padding:7px 11px!important;border-radius:999px!important;
  color:var(--nh-accent)!important;background:color-mix(in srgb,var(--nh-accent) 11%,var(--nh-surface))!important;
  border:1px solid color-mix(in srgb,var(--nh-accent) 40%,var(--nh-border))!important;
  font-size:8px!important;font-weight:900!important;line-height:1!important;letter-spacing:.14em!important;text-transform:uppercase;
}
.novera-home .nh-choice__eyebrow span{font-size:10px;line-height:1}
.novera-home .nh-choice__editorial{margin:0 0 12px;color:var(--nh-muted);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.novera-home .nh-choice__content h2{margin:0 0 12px!important;font-size:clamp(38px,4.2vw,58px)!important;line-height:.98!important;letter-spacing:-.045em!important}
.novera-home .nh-choice__tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px!important;font-size:inherit!important;letter-spacing:0!important}
.novera-home .nh-choice__tags span{display:inline-flex;align-items:center;min-height:23px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--nh-border) 86%,transparent);border-radius:999px;background:color-mix(in srgb,var(--nh-surface) 72%,transparent);color:var(--nh-soft);font-size:8px;font-weight:850;line-height:1;text-transform:uppercase;letter-spacing:.07em;backdrop-filter:blur(5px)}
.novera-home .nh-choice__meta{display:flex;align-items:center;gap:9px;margin:0 0 15px;color:var(--nh-muted);font-size:10px;font-weight:750}
.novera-home .nh-choice__meta i{width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,var(--nh-accent) 72%,var(--nh-muted))}
.novera-home .nh-choice__content p{max-width:700px!important;margin:0 0 20px!important;font-size:15px!important;line-height:1.62!important;color:var(--nh-soft)!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.novera-home .nh-choice__actions{display:flex;align-items:center;gap:10px;margin-top:0!important}
.novera-home .nh-choice__actions .nh-btn{min-height:46px;padding:0 20px!important;border-radius:10px!important}
.novera-home .nh-choice__actions .nh-btn--primary{min-width:172px;box-shadow:0 10px 24px color-mix(in srgb,var(--nh-accent) 22%,transparent)}
.novera-home .nh-choice__actions .nh-btn--primary:hover{box-shadow:0 13px 30px color-mix(in srgb,var(--nh-accent) 32%,transparent)}
.novera-home .nh-choice__actions .nh-btn--primary span{font-size:9px;margin-right:3px}

@media(max-width:760px){
  .novera-home .nh-choice{grid-template-columns:118px minmax(0,1fr)!important;gap:16px!important;min-height:0;padding:18px!important;border-radius:20px!important}
  .novera-home .nh-choice:before{inset:-5% -12% -5% 18%!important;opacity:.22!important;filter:blur(12px) saturate(1)!important;transform:scale(1.05)!important}
  .novera-home .nh-choice:after{background:linear-gradient(90deg,color-mix(in srgb,var(--nh-surface) 96%,transparent) 0%,color-mix(in srgb,var(--nh-surface) 83%,transparent) 62%,color-mix(in srgb,var(--nh-surface) 70%,transparent))!important}
  .novera-home .nh-choice__cover{width:118px!important;max-width:118px!important;align-self:center;border-radius:12px!important}
  .novera-home .nh-choice__content h2{font-size:28px!important;line-height:1!important;margin-bottom:9px!important}
  .novera-home .nh-choice__eyebrow{padding:6px 9px!important;font-size:7px!important;margin-bottom:5px!important}
  .novera-home .nh-choice__editorial{font-size:7px;margin-bottom:9px}
  .novera-home .nh-choice__tags{gap:4px;margin-bottom:8px!important}
  .novera-home .nh-choice__tags span{min-height:20px;padding:4px 6px;font-size:6.5px}
  .novera-home .nh-choice__meta{gap:6px;margin-bottom:9px;font-size:8px}
  .novera-home .nh-choice__content p{font-size:10px!important;line-height:1.45!important;-webkit-line-clamp:3;margin-bottom:13px!important}
  .novera-home .nh-choice__actions{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;margin-left:calc(-118px - 16px);width:calc(100% + 118px + 16px)}
  .novera-home .nh-choice__actions .nh-btn{min-height:38px;padding:0 14px!important;font-size:10px!important}
  .novera-home .nh-choice__actions .nh-btn--primary{min-width:0}
}

@media(max-width:420px){
  .novera-home .nh-section--choice{margin-top:44px;margin-bottom:44px}
  .novera-home .nh-choice{grid-template-columns:100px minmax(0,1fr)!important;gap:13px!important;padding:14px!important}
  .novera-home .nh-choice__cover{width:100px!important;max-width:100px!important}
  .novera-home .nh-choice__content h2{font-size:24px!important}
  .novera-home .nh-choice__content p{font-size:9.5px!important}
  .novera-home .nh-choice__actions{margin-left:calc(-100px - 13px);width:calc(100% + 100px + 13px)}
}

/* ========================================================================== */
/* Novera Home v0.9.19.1 — POLIMENTO ESCOLHA DA NOVERA                       */
/* ========================================================================== */
/* A arte da obra fica perceptível como atmosfera, sem competir com o texto. */
.novera-home .nh-choice:before{
  inset:-28% -8% -28% 30%!important;
  background-position:center 24%!important;
  filter:blur(23px) saturate(1.20)!important;
  transform:scale(1.16)!important;
  opacity:.43!important;
}
.novera-home .nh-choice:after{
  background:
    linear-gradient(90deg,
      color-mix(in srgb,var(--nh-surface) 100%,transparent) 0%,
      color-mix(in srgb,var(--nh-surface) 97%,transparent) 32%,
      color-mix(in srgb,var(--nh-surface) 83%,transparent) 58%,
      color-mix(in srgb,var(--nh-surface) 57%,transparent) 100%)!important;
}
.novera-home .nh-choice__content p{max-width:670px!important}

@media(max-width:760px){
  /* Mais largura útil para título, chips e sinopse. */
  .novera-home .nh-choice{
    grid-template-columns:104px minmax(0,1fr)!important;
    gap:13px!important;
    padding:16px!important;
  }
  .novera-home .nh-choice__cover{
    width:104px!important;
    max-width:104px!important;
  }
  .novera-home .nh-choice:before{
    inset:-14% -22% -14% 12%!important;
    background-position:center 22%!important;
    filter:blur(15px) saturate(1.12)!important;
    transform:scale(1.10)!important;
    opacity:.31!important;
  }
  .novera-home .nh-choice:after{
    background:
      linear-gradient(90deg,
        color-mix(in srgb,var(--nh-surface) 97%,transparent) 0%,
        color-mix(in srgb,var(--nh-surface) 88%,transparent) 48%,
        color-mix(in srgb,var(--nh-surface) 70%,transparent) 100%)!important;
  }
  .novera-home .nh-choice__content h2{
    font-size:27px!important;
    letter-spacing:-.035em!important;
  }
  .novera-home .nh-choice__content p{
    -webkit-line-clamp:3!important;
    margin-bottom:12px!important;
  }
  .novera-home .nh-choice__actions{
    margin-left:calc(-104px - 13px)!important;
    width:calc(100% + 104px + 13px)!important;
  }
}

@media(max-width:420px){
  .novera-home .nh-choice{
    grid-template-columns:92px minmax(0,1fr)!important;
    gap:12px!important;
    padding:13px!important;
  }
  .novera-home .nh-choice__cover{
    width:92px!important;
    max-width:92px!important;
  }
  .novera-home .nh-choice__content h2{font-size:23px!important}
  .novera-home .nh-choice__tags{margin-bottom:7px!important}
  .novera-home .nh-choice__meta{margin-bottom:8px!important}
  .novera-home .nh-choice__content p{
    font-size:9.5px!important;
    line-height:1.42!important;
    -webkit-line-clamp:3!important;
  }
  .novera-home .nh-choice__actions{
    margin-left:calc(-92px - 12px)!important;
    width:calc(100% + 92px + 12px)!important;
  }
}
\n\n/* v0.9.20 — Em alta esta semana: ranking premium + mobile compacto */\n.nh-section--trending .nh-section__head{margin-bottom:22px}\n.nh-trending-card{isolation:isolate;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;background:linear-gradient(135deg,color-mix(in srgb,var(--nh-accent) 5%,var(--nh-surface)),var(--nh-surface))}\n.nh-trending-card:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(0,0,0,.12)}\n.nh-trending-card__cover{aspect-ratio:3/4;position:relative;z-index:2}\n.nh-trending-card__body{position:relative;z-index:2;min-width:0}\n.nh-trending-card__body strong{font-weight:850;letter-spacing:-.012em}\n.nh-trending-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:9px;color:var(--nh-soft);font-size:10px;font-weight:750}\n.nh-trending-card__meta span{margin:0!important;color:inherit!important;font-size:inherit!important}\n.nh-trending-card__meta i{font-style:normal;opacity:.55}\n.nh-trending-card__body>small{margin-top:8px;font-size:9px;line-height:1.35;color:var(--nh-muted)}\n.nh-trending-card--rank-1{position:relative;background:linear-gradient(110deg,color-mix(in srgb,#e7b83a 12%,var(--nh-surface)) 0%,color-mix(in srgb,var(--nh-accent) 5%,var(--nh-surface)) 58%,var(--nh-surface) 100%);box-shadow:0 18px 42px rgba(0,0,0,.10)}\n.nh-trending-card--rank-1:after{content:\"\";position:absolute;inset:-18%;z-index:0;background-image:linear-gradient(90deg,var(--nh-surface) 15%,color-mix(in srgb,var(--nh-surface) 86%,transparent) 58%,color-mix(in srgb,var(--nh-surface) 94%,transparent)),var(--nh-trending-image);background-position:center;background-size:cover;filter:blur(26px) saturate(.9);opacity:.22;transform:scale(1.08);pointer-events:none}\n.nh-trending-card--rank-1>*{position:relative;z-index:2}\n.nh-trending-card--rank-1 .nh-trending-card__cover{aspect-ratio:3/4}\n.nh-trending-card--rank-1 .nh-trending-card__body strong{font-size:25px}\n.nh-trending-card--rank-1 .nh-trending-card__meta{font-size:11px;margin-top:12px}\n.nh-trending-card--rank-1 .nh-trending-card__body>small{font-size:10px;margin-top:10px}\n.nh-trending-card--rank-1 .nh-trending-card__eyebrow{letter-spacing:.17em;color:#c89418}\n.nh-trending-card--rank-2{border-color:color-mix(in srgb,#b8c4d2 42%,var(--nh-border))}\n.nh-trending-card--rank-3{border-color:color-mix(in srgb,#b87345 40%,var(--nh-border))}\n.nh-trending-card--rank-4,.nh-trending-card--rank-5,.nh-trending-card--rank-6{min-height:120px}\n.nh-trending-card--rank-4 .nh-trending-card__body>small,.nh-trending-card--rank-5 .nh-trending-card__body>small,.nh-trending-card--rank-6 .nh-trending-card__body>small{display:none}\n.nh-trending-card--rank-4 .nh-trending-card__meta,.nh-trending-card--rank-5 .nh-trending-card__meta,.nh-trending-card--rank-6 .nh-trending-card__meta{margin-top:7px}\n.nh-rank{gap:3px}\n.nh-trending-card--rank-1 .nh-rank{min-width:68px;height:38px;padding:0 10px;border-radius:10px}\n.nh-trending-card--rank-2 .nh-rank,.nh-trending-card--rank-3 .nh-rank{min-width:58px;height:32px;padding:0 8px}\n.nh-trending-card--rank-4 .nh-rank,.nh-trending-card--rank-5 .nh-rank,.nh-trending-card--rank-6 .nh-rank{min-width:34px;height:27px;border-radius:8px;background:linear-gradient(135deg,#4a8fff,#2f71df)}\n@media(max-width:620px){\n  .nh-section--trending .nh-section__head{margin-bottom:14px}\n  .nh-trending-grid{gap:10px}\n  .nh-trending-card,.nh-trending-card--rank-1,.nh-trending-card--rank-2,.nh-trending-card--rank-3{grid-template-columns:92px minmax(0,1fr);min-height:138px;padding:13px 14px;gap:14px;border-radius:16px}\n  .nh-trending-card--rank-1{grid-template-columns:96px minmax(0,1fr);min-height:150px;padding:14px}\n  .nh-trending-card--rank-1 .nh-trending-card__cover{width:96px}\n  .nh-trending-card--rank-2 .nh-trending-card__cover,.nh-trending-card--rank-3 .nh-trending-card__cover{width:92px}\n  .nh-trending-card--rank-1 .nh-trending-card__body strong{font-size:18px}\n  .nh-trending-card--rank-1 .nh-trending-card__eyebrow{font-size:7px;margin-bottom:5px}\n  .nh-trending-card__body strong{font-size:15px;line-height:1.16}\n  .nh-trending-card__meta{font-size:9px;margin-top:7px;gap:5px}\n  .nh-trending-card__body>small{font-size:8.5px;margin-top:7px}\n  .nh-trending-card--rank-4,.nh-trending-card--rank-5,.nh-trending-card--rank-6{grid-template-columns:64px minmax(0,1fr);min-height:92px;padding:9px 12px;gap:11px}\n  .nh-trending-card--rank-4 .nh-trending-card__cover,.nh-trending-card--rank-5 .nh-trending-card__cover,.nh-trending-card--rank-6 .nh-trending-card__cover{width:64px}\n  .nh-trending-card--rank-4 .nh-trending-card__body strong,.nh-trending-card--rank-5 .nh-trending-card__body strong,.nh-trending-card--rank-6 .nh-trending-card__body strong{font-size:13px;-webkit-line-clamp:2}\n  .nh-trending-card--rank-4 .nh-trending-card__meta,.nh-trending-card--rank-5 .nh-trending-card__meta,.nh-trending-card--rank-6 .nh-trending-card__meta{font-size:8px;margin-top:5px}\n  .nh-trending-card--rank-4 .nh-rank,.nh-trending-card--rank-5 .nh-rank,.nh-trending-card--rank-6 .nh-rank{top:6px;left:6px;min-width:30px;height:23px;font-size:9px}\n}\n
/* v0.9.20.1 — polimento final do ranking semanal */
.nh-trending-card__meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  column-gap:7px;
  row-gap:3px;
  margin-top:8px;
  color:var(--nh-soft);
}
.nh-trending-card__meta span{
  margin-top:0!important;
}
.nh-trending-card__meta i{
  display:inline-block;
  margin:0 1px;
  color:var(--nh-accent);
  font-style:normal;
  line-height:1;
  opacity:.9;
}
.nh-trending-card--rank-1 .nh-trending-card__meta{margin-top:12px}

/* 2º e 3º mais enxutos, sem perder a hierarquia do pódio */
.nh-trending-card--rank-2,
.nh-trending-card--rank-3{
  min-height:128px;
  padding-top:13px;
  padding-bottom:13px;
  grid-template-columns:86px minmax(0,1fr);
  gap:14px;
}
.nh-trending-card--rank-2 .nh-trending-card__cover,
.nh-trending-card--rank-3 .nh-trending-card__cover{width:86px}

/* posições 4–6 funcionam como leitura rápida */
.nh-trending-card--rank-4,
.nh-trending-card--rank-5,
.nh-trending-card--rank-6{
  min-height:112px;
  padding:12px 15px;
  grid-template-columns:72px minmax(0,1fr);
  gap:13px;
}
.nh-trending-card--rank-4 .nh-trending-card__cover,
.nh-trending-card--rank-5 .nh-trending-card__cover,
.nh-trending-card--rank-6 .nh-trending-card__cover{width:72px}

@media(max-width:620px){
  .nh-trending-grid{gap:9px}

  /* Top 1 continua protagonista, mas sem espaço morto */
  .nh-trending-card--rank-1{
    grid-template-columns:78px minmax(0,1fr);
    min-height:126px;
    padding:12px 13px;
    gap:13px;
  }
  .nh-trending-card--rank-1 .nh-trending-card__cover{width:78px}
  .nh-trending-card--rank-1 .nh-trending-card__body strong{font-size:17px}
  .nh-trending-card--rank-1 .nh-trending-card__meta{margin-top:7px}

  .nh-trending-card--rank-2,
  .nh-trending-card--rank-3{
    grid-template-columns:76px minmax(0,1fr);
    min-height:112px;
    padding:10px 12px;
    gap:12px;
  }
  .nh-trending-card--rank-2 .nh-trending-card__cover,
  .nh-trending-card--rank-3 .nh-trending-card__cover{width:76px}
  .nh-trending-card--rank-2 .nh-trending-card__body strong,
  .nh-trending-card--rank-3 .nh-trending-card__body strong{font-size:14px}

  .nh-trending-card--rank-4,
  .nh-trending-card--rank-5,
  .nh-trending-card--rank-6{
    grid-template-columns:58px minmax(0,1fr);
    min-height:82px;
    padding:8px 10px;
    gap:10px;
  }
  .nh-trending-card--rank-4 .nh-trending-card__cover,
  .nh-trending-card--rank-5 .nh-trending-card__cover,
  .nh-trending-card--rank-6 .nh-trending-card__cover{width:58px}
  .nh-trending-card--rank-4 .nh-trending-card__body strong,
  .nh-trending-card--rank-5 .nh-trending-card__body strong,
  .nh-trending-card--rank-6 .nh-trending-card__body strong{font-size:12.5px;line-height:1.14}
  .nh-trending-card__meta{column-gap:5px;font-size:8.5px;margin-top:5px}
  .nh-trending-card__body>small{margin-top:6px;font-size:8px;line-height:1.3}
}

/* v0.9.21 — Explore catalog polish */
.nh-explore-card{grid-template-columns:118px minmax(0,1fr);min-height:178px;align-items:start}
.nh-explore-cover{aspect-ratio:3/4;align-self:start;overflow:hidden}
.nh-explore-cover img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover}
.nh-explore-info{padding:16px 17px}
.nh-explore-info p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.nh-explore-meta{align-items:center;flex-wrap:wrap;gap:7px 12px}
.nh-explore-meta span+span:before{content:"•";margin-right:12px;color:var(--nh-accent);font-weight:900}
.nh-explore-status{color:var(--nh-text)}
.nh-explore-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--nh-accent) 32%,var(--nh-border));box-shadow:0 10px 24px rgba(15,23,42,.08);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.nh-explore-cover img{transition:transform .25s ease}.nh-explore-card:hover .nh-explore-cover img{transform:scale(1.025)}
@media(max-width:760px){.nh-explore-card{grid-template-columns:96px minmax(0,1fr);min-height:0;align-items:start}.nh-explore-cover{width:96px;aspect-ratio:3/4;border-radius:0 0 10px 0}.nh-explore-info{padding:14px 14px 15px}.nh-explore-info h2{font-size:18px;line-height:1.12;margin:5px 0 7px}.nh-explore-info p{font-size:13px;line-height:1.48;-webkit-line-clamp:3;margin-bottom:10px}.nh-explore-meta{font-size:11px;margin-bottom:10px;gap:5px 9px}.nh-explore-meta span+span:before{margin-right:9px}.nh-explore-toolbar select{min-width:143px}.nh-explore-toolbar button{min-height:36px;padding:0 18px}}

/* v0.9.21.1 — Explore final spacing polish */
@media(max-width:760px){
  .nh-explore-info p{
    -webkit-line-clamp:3;
    max-height:calc(1.48em * 3);
  }
  .nh-explore-toolbar{
    margin-top:18px;
    gap:10px;
  }
  .nh-explore-toolbar>div{
    margin-bottom:0;
  }
}
@media(min-width:761px){
  .nh-explore-toolbar{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    column-gap:22px;
  }
  .nh-explore-toolbar>div{
    align-self:end;
    padding-bottom:9px;
  }
}


/* v0.9.21.2 — Explore desktop toolbar grouping */
@media(min-width:761px){
  .nh-explore-toolbar{
    grid-template-columns:auto auto;
    justify-content:start;
    column-gap:clamp(56px,8vw,120px);
  }
}


/* v0.9.21.3 — Explore desktop toolbar visual regrouping */
@media(min-width:761px){
  .nh-explore-toolbar{
    display:flex;
    justify-content:flex-start;
    align-items:flex-end;
    gap:28px;
    margin:24px 0 18px;
  }
  .nh-explore-toolbar>div{
    align-self:flex-end;
    padding-bottom:9px;
    white-space:nowrap;
  }
  .nh-explore-toolbar form{
    display:flex;
    align-items:flex-end;
    gap:10px;
  }
}

/* v0.9.21.5 — Explore desktop single-line toolbar */
@media(min-width:761px){
  .nh-explore-toolbar{
    display:flex;
    justify-content:flex-start;
    align-items:flex-end;
    gap:22px;
    margin:24px 0 18px;
  }
  .nh-explore-toolbar>div{
    align-self:flex-end;
    padding-bottom:11px;
    white-space:nowrap;
    margin-right:0;
  }
  .nh-explore-toolbar form{
    display:flex;
    align-items:flex-end;
    gap:10px;
    width:auto;
  }
  .nh-explore-toolbar label{margin:0}
  .nh-explore-toolbar select{
    min-width:148px;
    height:43px;
    margin-top:5px;
  }
  .nh-explore-toolbar button{
    height:43px;
    min-height:43px;
    padding:0 20px;
    margin:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:1;
    border-radius:9px;
    align-self:flex-end;
  }
}

/* v0.9.21.6 — Explore toolbar final alignment */
@media(min-width:761px){
  .nh-explore-toolbar{
    width:100%;
    justify-content:space-between;
    gap:24px;
  }
  .nh-explore-toolbar>div{
    margin-right:auto;
  }
  .nh-explore-toolbar form{
    margin-left:auto;
    justify-content:flex-end;
  }
}
@media(max-width:760px){
  .nh-explore-toolbar{
    align-items:center;
    text-align:center;
  }
  .nh-explore-toolbar>div{
    width:100%;
    text-align:center;
  }
  .nh-explore-toolbar form{
    justify-content:center;
    align-items:flex-end;
  }
  .nh-explore-toolbar label{
    text-align:left;
  }
  .nh-explore-toolbar button{
    margin-left:auto;
    margin-right:auto;
  }
}

/* v0.9.21.7 — Explore cover proportion and sizing polish */
.nh-explore-card{
  grid-template-columns:128px minmax(0,1fr);
}
.nh-explore-cover{
  width:128px;
  aspect-ratio:3/4;
  overflow:hidden;
  border-radius:10px;
  align-self:start;
}
.nh-explore-cover img,
.nh-explore-cover .nh-cover-placeholder{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:3/4;
  object-fit:cover;
  object-position:center top;
  border-radius:inherit;
}
@media(max-width:760px){
  .nh-explore-card{
    grid-template-columns:108px minmax(0,1fr);
  }
  .nh-explore-cover{
    width:108px;
    aspect-ratio:3/4;
    border-radius:10px;
  }
}

/* v0.9.21.8 — Explore covers fill the card column without blank space */
.nh-explore-card{
  align-items:stretch;
}
.nh-explore-cover{
  width:128px;
  height:100%;
  min-height:100%;
  aspect-ratio:auto;
  align-self:stretch;
  border-radius:10px 0 0 10px;
}
.nh-explore-cover img,
.nh-explore-cover .nh-cover-placeholder{
  width:100%;
  height:100%;
  min-height:100%;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center top;
  border-radius:inherit;
}
@media(max-width:760px){
  .nh-explore-card{
    align-items:stretch;
  }
  .nh-explore-cover{
    width:108px;
    height:100%;
    min-height:100%;
    aspect-ratio:auto;
    align-self:stretch;
    border-radius:10px 0 0 10px;
  }
  .nh-explore-cover img,
  .nh-explore-cover .nh-cover-placeholder{
    height:100%;
    min-height:100%;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:center top;
  }
}
