/* Hercules 6.0 Blog Details variations. */
.hercules-article{--detail-radius:26px;--detail-content-width:820px}.hercules-article__content-card{border-radius:var(--detail-radius)}
.hercules-blog-detail-variant-2 .hercules-article{--detail-radius:4px}.hercules-blog-detail-variant-2 .hercules-article__hero{min-height:720px}.hercules-blog-detail-variant-2 .hercules-article__content-card{border-left:6px solid var(--hercules-blog-accent)}
.hercules-blog-detail-variant-3 .hercules-article__hero-inner{text-align:center;max-width:980px}.hercules-blog-detail-variant-3 .hercules-article__breadcrumbs,.hercules-blog-detail-variant-3 .hercules-article__meta{justify-content:center}.hercules-blog-detail-variant-3 .hercules-article__category{margin-left:auto;margin-right:auto}.hercules-blog-detail-variant-3 .hercules-article__layout{grid-template-columns:1fr}.hercules-blog-detail-variant-3 .hercules-article__sidebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:static}
.hercules-blog-detail-variant-4 .hercules-article{--detail-radius:0}.hercules-blog-detail-variant-4 .hercules-article__hero{clip-path:polygon(0 0,100% 0,100% 94%,0 100%)}.hercules-blog-detail-variant-4 .hercules-article__content-card{box-shadow:none;border:1px solid #e2e6ea}
.hercules-blog-detail-variant-5 .hercules-article__hero-inner{margin-left:auto;text-align:right;max-width:820px}.hercules-blog-detail-variant-5 .hercules-article__breadcrumbs,.hercules-blog-detail-variant-5 .hercules-article__meta{justify-content:flex-end}.hercules-blog-detail-variant-5 .hercules-article__category{margin-left:auto}
.hercules-blog-detail-variant-6 .hercules-article__layout{grid-template-columns:1fr}.hercules-blog-detail-variant-6 .hercules-article__content-card{max-width:980px;margin:-110px auto 0;position:relative}.hercules-blog-detail-variant-6 .hercules-article__sidebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:static;max-width:1180px;margin:40px auto 0}
.hercules-blog-detail-variant-7 .hercules-article{--detail-radius:42px}.hercules-blog-detail-variant-7 .hercules-article__content-card{border-top:8px solid var(--hercules-blog-accent)}
.hercules-blog-detail-variant-8 .hercules-article__layout{grid-template-columns:330px minmax(0,1fr)}.hercules-blog-detail-variant-8 .hercules-article__content-card{order:2}.hercules-blog-detail-variant-8 .hercules-article__sidebar{order:1}
.hercules-blog-detail-variant-9 .hercules-article__hero-inner{text-align:center}.hercules-blog-detail-variant-9 .hercules-article__breadcrumbs,.hercules-blog-detail-variant-9 .hercules-article__meta{justify-content:center}.hercules-blog-detail-variant-9 .hercules-article__content-card{border-radius:70px 12px 70px 12px}
.hercules-blog-detail-variant-10 .hercules-article{--detail-radius:0}.hercules-blog-detail-variant-10 .hercules-article__content-card{box-shadow:14px 14px 0 var(--hercules-blog-accent)}
.hercules-blog-detail-variant-11 .hercules-article__hero{min-height:500px}.hercules-blog-detail-variant-11 .hercules-article__content-card{transform:rotate(-.4deg)}
.hercules-blog-detail-variant-12 .hercules-article__hero-inner{margin-left:auto;max-width:760px}.hercules-blog-detail-variant-12 .hercules-article__content-card{border-radius:12px 70px 12px 70px}
.hercules-blog-detail-variant-13 .hercules-article{background:var(--hercules-blog-dark)}.hercules-blog-detail-variant-13 .hercules-article__layout{padding-top:90px}.hercules-blog-detail-variant-13 .hercules-article__sidebar-card{border:1px solid rgba(255,255,255,.08)}
.hercules-blog-detail-variant-14 .hercules-article__hero-inner{text-align:center;max-width:940px}.hercules-blog-detail-variant-14 .hercules-article__breadcrumbs,.hercules-blog-detail-variant-14 .hercules-article__meta{justify-content:center}.hercules-blog-detail-variant-14 .hercules-article__content-card{border-radius:120px 20px 120px 20px}
.hercules-blog-detail-variant-15 .hercules-article__hero{border-bottom:12px solid var(--hercules-blog-accent)}.hercules-blog-detail-variant-15 .hercules-article__content-card{box-shadow:none}
.hercules-blog-detail-variant-16 .hercules-article__layout{grid-template-columns:1fr}.hercules-blog-detail-variant-16 .hercules-article__content-card{max-width:920px;margin:0 auto}.hercules-blog-detail-variant-16 .hercules-article__sidebar{display:none}
.hercules-blog-detail-variant-17 .hercules-article{--detail-radius:8px}.hercules-blog-detail-variant-17 .hercules-article__content-card{border-right:8px solid var(--hercules-blog-accent)}
.hercules-blog-detail-variant-18 .hercules-article__hero-inner{max-width:720px}.hercules-blog-detail-variant-18 .hercules-article__layout{grid-template-columns:minmax(0,1fr) 280px}
.hercules-blog-detail-variant-19 .hercules-article__hero-inner{text-align:center}.hercules-blog-detail-variant-19 .hercules-article__breadcrumbs,.hercules-blog-detail-variant-19 .hercules-article__meta{justify-content:center}.hercules-blog-detail-variant-19 .hercules-article__content-card{border-radius:18px;background:linear-gradient(180deg,#fff,var(--hercules-blog-soft))}
.hercules-blog-detail-variant-20 .hercules-article{--detail-radius:0}.hercules-blog-detail-variant-20 .hercules-article__content-card{border:2px solid var(--hercules-blog-dark);box-shadow:10px 10px 0 var(--hercules-blog-accent)}
@media(max-width:991px){.hercules-blog-detail-variant-3 .hercules-article__sidebar,.hercules-blog-detail-variant-6 .hercules-article__sidebar{grid-template-columns:1fr}.hercules-blog-detail-variant-8 .hercules-article__layout,.hercules-blog-detail-variant-18 .hercules-article__layout{grid-template-columns:1fr}.hercules-blog-detail-variant-8 .hercules-article__content-card,.hercules-blog-detail-variant-8 .hercules-article__sidebar{order:initial}}
@media(max-width:700px){.hercules-blog-detail-variant-5 .hercules-article__hero-inner,.hercules-blog-detail-variant-12 .hercules-article__hero-inner{text-align:left}.hercules-blog-detail-variant-5 .hercules-article__breadcrumbs,.hercules-blog-detail-variant-5 .hercules-article__meta{justify-content:flex-start}.hercules-blog-detail-variant-6 .hercules-article__content-card{margin:-55px 14px 0}.hercules-blog-detail-variant-9 .hercules-article__content-card,.hercules-blog-detail-variant-14 .hercules-article__content-card{border-radius:24px}}