:root {
  --et-white: #fff;
  --et-surface: #f6f8fb;
  --et-ink: #101828;
  --et-muted: #475467;
  --et-brand: #1769e0;
  --et-brand-dark: #0f54b9;
  --et-accent: #0e9384;
  --et-border: #e4e7ec;
  --et-border-strong: #d0d5dd;
  --et-max: 1280px;
  --et-wide: 1180px;
  --et-article: 760px;
  --et-radius: 16px;
  --et-shadow: 0 12px 34px rgba(16, 24, 40, 0.07);
  --et-sans: "Source Sans 3", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --et-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--et-white);
  color: var(--et-ink);
  font-family: var(--et-sans);
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--et-brand); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--et-brand-dark); }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
.container { width: min(calc(100% - 32px), var(--et-max)); margin-inline: auto; }
.container-wide { width: min(calc(100% - 32px), var(--et-wide)); margin-inline: auto; }
.container-narrow { width: min(calc(100% - 32px), var(--et-article)); margin-inline: auto; }
.screen-reader-text {
  border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;
}
.screen-reader-text:focus {
  background: var(--et-white); clip: auto !important; clip-path: none; color: var(--et-ink); display: block; font-size: 15px; height: auto; left: 12px; padding: 12px 16px; top: 12px; width: auto; z-index: 100000; border: 2px solid var(--et-brand);
}

.site-header { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--et-border); backdrop-filter: saturate(160%) blur(10px); }
.site-header__inner { min-height: 68px; display: grid; grid-template-columns: 1fr auto auto; gap: 14px; align-items: center; }
.site-branding { min-width: 0; }
.site-title { display: inline-flex; align-items: center; color: var(--et-ink); font-weight: 800; letter-spacing: -.025em; font-size: 1.22rem; text-decoration: none; }
.custom-logo-link, .myblogsoft-fallback-logo { display: inline-flex; align-items: center; text-decoration: none; }
.custom-logo, .myblogsoft-fallback-logo img { display: block; max-height: 46px; width: auto; max-width: min(270px, 54vw); object-fit: contain; }
.primary-navigation .menu { display: none; list-style: none; padding: 0; margin: 0; }
.menu-toggle, .search-toggle { width: 42px; height: 42px; border: 0; background: transparent; color: var(--et-ink); display: inline-grid; place-items: center; border-radius: 10px; }
.menu-toggle:hover, .search-toggle:hover { background: var(--et-surface); }
.menu-toggle__bars, .menu-toggle__bars::before, .menu-toggle__bars::after { width: 20px; height: 2px; background: currentColor; display: block; position: relative; border-radius: 2px; }
.menu-toggle__bars::before, .menu-toggle__bars::after { content: ""; position: absolute; left: 0; }
.menu-toggle__bars::before { top: -6px; }
.menu-toggle__bars::after { top: 6px; }
.primary-navigation.is-open .menu { display: flex; position: absolute; left: 0; right: 0; top: 68px; flex-direction: column; background: var(--et-white); padding: 12px 16px 20px; border-bottom: 1px solid var(--et-border); box-shadow: 0 14px 28px rgba(16,24,40,.08); }
.primary-navigation.is-open .menu li { border-bottom: 1px solid var(--et-border); }
.primary-navigation.is-open .menu li:last-child { border-bottom: 0; }
.primary-navigation.is-open .menu a { display: block; color: var(--et-ink); text-decoration: none; padding: 13px 2px; font-weight: 650; }
.header-search { background: var(--et-surface); border-top: 1px solid var(--et-border); }
.header-search__inner { padding-block: 16px; }
.search-form { display: flex; gap: 10px; width: 100%; }
.search-form label { flex: 1; }
.search-field { width: 100%; min-height: 46px; border: 1px solid var(--et-border-strong); border-radius: 10px; padding: 10px 13px; color: var(--et-ink); background: var(--et-white); }
.search-field:focus { outline: 3px solid rgba(23,105,224,.15); border-color: var(--et-brand); }
.search-submit { border: 0; border-radius: 10px; padding: 10px 18px; background: var(--et-brand); color: #fff; font-weight: 700; }

.home-main, .listing-main, .page-main, .single-main, .error-main { min-height: 65vh; }
.home-intro { padding-block: 56px 38px; }
.home-intro__copy { max-width: 860px; }
.eyebrow { margin: 0 0 12px; color: var(--et-accent); font-size: .78rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; text-decoration: none; }
.home-intro h1, .article-title, .listing-header h1, .page-title, .error-404 h1, .author-archive-header h1 { margin: 0; color: var(--et-ink); font-family: var(--et-serif); font-weight: 760; letter-spacing: -.035em; line-height: 1.03; }
.home-intro h1 { font-size: clamp(2.45rem, 7vw, 5.4rem); max-width: 1050px; }
.home-intro__lead { max-width: 760px; margin: 24px 0 0; color: var(--et-muted); font-size: clamp(1.1rem, 2.5vw, 1.35rem); line-height: 1.55; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.section-heading h2 { margin: 0; font-family: var(--et-serif); font-size: clamp(1.55rem, 3vw, 2.15rem); line-height: 1.15; letter-spacing: -.02em; }
.section-heading > a { flex: 0 0 auto; color: var(--et-muted); font-weight: 700; text-decoration: none; font-size: .92rem; }
.section-heading > a:hover { color: var(--et-brand); }
.section-heading--with-rule { padding-top: 22px; border-top: 1px solid var(--et-border); }
.featured-section { padding-bottom: 54px; }
.featured-story { display: grid; gap: 24px; }
.featured-story__media, .post-card__media { overflow: hidden; background: var(--et-surface); border-radius: var(--et-radius); text-decoration: none; }
.featured-story__media { aspect-ratio: 16 / 10; }
.featured-story__media img, .post-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.featured-story:hover .featured-story__media img, .post-card:hover .post-card__media img { transform: scale(1.015); }
.media-placeholder { width: 100%; height: 100%; min-height: 220px; display: block; background: linear-gradient(135deg, #edf1f7, #f8fafc); }
.featured-story__title { margin: 7px 0 14px; font-family: var(--et-serif); font-size: clamp(2rem, 5vw, 3.65rem); line-height: 1.07; letter-spacing: -.03em; }
.featured-story__title a, .post-card__title a, .related-item__title { color: var(--et-ink); text-decoration: none; }
.featured-story__title a:hover, .post-card__title a:hover, .related-item a:hover .related-item__title { color: var(--et-brand); }
.featured-story__excerpt { color: var(--et-muted); font-size: 1.06rem; margin: 0 0 18px; }
.entry-meta, .post-card__meta { display: flex; flex-wrap: wrap; gap: 6px; color: var(--et-muted); font-size: .89rem; }
.entry-meta a { color: inherit; text-decoration: none; font-weight: 700; }
.entry-meta a:hover { color: var(--et-brand); }
.latest-section, .category-strip { padding-block: 34px 56px; }
.post-grid { display: grid; grid-template-columns: 1fr; gap: 32px; }
.post-card { display: grid; gap: 16px; min-width: 0; }
.post-card__media { aspect-ratio: 16 / 10; }
.post-card__title { margin: 6px 0 8px; font-family: var(--et-serif); font-size: 1.42rem; line-height: 1.18; letter-spacing: -.018em; }
.post-card__excerpt { color: var(--et-muted); margin: 0 0 12px; }
.post-card__meta { font-size: .83rem; }

.listing-main { padding-block: 52px 70px; }
.listing-header { max-width: 820px; margin-bottom: 34px; }
.listing-header h1, .author-archive-header h1 { font-size: clamp(2.4rem, 6vw, 4.6rem); }
.listing-header p, .archive-description { color: var(--et-muted); font-size: 1.08rem; max-width: 720px; }
.archive-description p { margin-bottom: 0; }
.navigation.pagination { margin-top: 52px; border-top: 1px solid var(--et-border); padding-top: 24px; }
.nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.page-numbers { min-width: 40px; min-height: 40px; display: inline-grid; place-items: center; border-radius: 9px; border: 1px solid var(--et-border); color: var(--et-ink); text-decoration: none; font-weight: 700; }
.page-numbers.current, .page-numbers:hover { background: var(--et-ink); color: #fff; border-color: var(--et-ink); }

.article-header { padding-block: 54px 28px; }
.article-title { font-size: clamp(2.5rem, 7vw, 5.1rem); }
.article-deck { margin: 22px 0 20px; color: var(--et-muted); font-size: clamp(1.12rem, 2.8vw, 1.42rem); line-height: 1.5; }
.article-meta { padding-top: 2px; }
.article-hero { margin-top: 18px; }
.article-hero img { width: 100%; max-height: 690px; object-fit: cover; border-radius: var(--et-radius); }
.article-hero figcaption { color: var(--et-muted); font-size: .83rem; margin-top: 9px; }
.article-layout { display: grid; grid-template-columns: minmax(0, var(--et-article)); gap: 56px; justify-content: center; padding-block: 42px 80px; }
.article-content { min-width: 0; font-size: 18px; line-height: 1.76; }
.entry-content > *:first-child { margin-top: 0; }
.entry-content p { margin: 0 0 1.35em; }
.entry-content h2, .entry-content h3, .entry-content h4 { color: var(--et-ink); font-family: var(--et-serif); line-height: 1.16; letter-spacing: -.025em; scroll-margin-top: 100px; }
.entry-content h2 { font-size: clamp(1.75rem, 4vw, 2.35rem); margin: 2.1em 0 .7em; }
.entry-content h3 { font-size: clamp(1.38rem, 3vw, 1.75rem); margin: 1.8em 0 .65em; }
.entry-content h4 { font-size: 1.15rem; margin: 1.6em 0 .6em; }
.entry-content ul, .entry-content ol { padding-left: 1.25em; margin: 0 0 1.45em; }
.entry-content li { margin-bottom: .45em; }
.entry-content blockquote { margin: 2em 0; padding: 1px 0 1px 22px; border-left: 4px solid var(--et-brand); color: var(--et-muted); font-family: var(--et-serif); font-size: 1.18rem; }
.entry-content pre { overflow: auto; background: #0b1220; color: #e7eefb; border-radius: 12px; padding: 18px; font-size: .9rem; }
.entry-content code { background: var(--et-surface); padding: .12em .32em; border-radius: 4px; font-size: .92em; }
.entry-content pre code { background: transparent; padding: 0; }
.entry-content table { width: 100%; border-collapse: collapse; display: block; overflow-x: auto; margin-bottom: 1.6em; }
.entry-content th, .entry-content td { border: 1px solid var(--et-border); padding: 10px 12px; text-align: left; min-width: 120px; }
.entry-content th { background: var(--et-surface); }
.entry-content img { border-radius: 12px; }
.article-tags { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 24px; margin-top: 32px; border-top: 1px solid var(--et-border); }
.article-tags a { color: var(--et-muted); background: var(--et-surface); padding: 6px 10px; border-radius: 999px; text-decoration: none; font-size: .84rem; }
.author-box { display: grid; grid-template-columns: 64px 1fr; gap: 16px; align-items: start; background: var(--et-surface); border-radius: 14px; padding: 20px; margin-top: 34px; }
.author-avatar img { border-radius: 50%; }
.author-box .eyebrow { margin-bottom: 5px; }
.author-name { margin: 0 0 8px; font-family: var(--et-serif); font-size: 1.35rem; }
.author-name a { color: var(--et-ink); text-decoration: none; }
.author-box p:last-child { margin-bottom: 0; color: var(--et-muted); font-size: .95rem; }
.related-posts { margin-top: 48px; }
.related-list { display: grid; gap: 0; }
.related-item { border-top: 1px solid var(--et-border); }
.related-item:last-child { border-bottom: 1px solid var(--et-border); }
.related-item a { padding: 16px 0; display: flex; align-items: baseline; justify-content: space-between; gap: 20px; text-decoration: none; }
.related-item__title { font-family: var(--et-serif); font-weight: 700; font-size: 1.05rem; }
.related-item__meta { color: var(--et-muted); font-size: .82rem; flex: 0 0 auto; }
.article-sidebar { display: none; }
.widget { padding-bottom: 26px; margin-bottom: 26px; border-bottom: 1px solid var(--et-border); }
.widget-title { margin: 0 0 10px; font-family: var(--et-serif); font-size: 1.08rem; }
.widget p, .widget li { color: var(--et-muted); font-size: .9rem; }
.widget-list, .widget ul { padding-left: 1.1rem; margin: 0; }
.widget a { color: var(--et-ink); }

.page-main { padding-block: 54px 80px; }
.page-title { font-size: clamp(2.4rem, 6vw, 4.4rem); margin-bottom: 28px; }
.error-main { padding-block: 76px 100px; }
.error-404 h1 { font-size: clamp(2.5rem, 7vw, 4.8rem); }
.error-404 > p { color: var(--et-muted); font-size: 1.06rem; }
.error-404 .search-form { margin: 28px 0; }
.text-link { font-weight: 800; }
.author-archive-header { display: grid; grid-template-columns: 84px 1fr; gap: 20px; align-items: center; margin-bottom: 38px; }
.author-archive-header__avatar img { border-radius: 50%; }
.author-archive-header p:last-child { color: var(--et-muted); margin-bottom: 0; }

.site-footer { margin-top: 40px; background: #0e1628; color: #dbe3ef; }
.site-footer__grid { display: grid; grid-template-columns: 1fr; gap: 30px; padding-block: 50px 38px; }
.site-title--footer { color: #fff; }
.footer-brand p { color: #9eabc0; max-width: 360px; margin-bottom: 0; }
.footer-heading { margin: 0 0 11px; color: #fff; font-family: var(--et-sans); font-size: .85rem; text-transform: uppercase; letter-spacing: .08em; }
.footer-list { list-style: none; padding: 0; margin: 0; }
.footer-list li { margin: 7px 0; }
.footer-list a { color: #c8d2e2; text-decoration: none; }
.footer-list a:hover { color: #fff; }
.site-footer__bottom { border-top: 1px solid rgba(255,255,255,.12); padding-block: 20px 26px; color: #91a0b7; font-size: .82rem; }
.site-footer__bottom p { margin: 0; }

@media (min-width: 700px) {
  body { font-size: 18px; }
  .home-intro { padding-block: 78px 52px; }
  .featured-story { grid-template-columns: minmax(0, 1.18fr) minmax(280px, .82fr); align-items: center; gap: 42px; }
  .post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 26px; }
  .post-grid--compact { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .site-footer__grid { grid-template-columns: 1.4fr repeat(3, 1fr); }
  .author-box { grid-template-columns: 80px 1fr; padding: 24px; }
}

@media (min-width: 980px) {
  .site-header__inner { grid-template-columns: auto 1fr auto; gap: 30px; }
  .primary-navigation { justify-self: center; }
  .menu-toggle { display: none; }
  .primary-navigation .menu { display: flex; align-items: center; gap: 24px; }
  .primary-navigation .menu a { color: var(--et-ink); text-decoration: none; font-weight: 650; font-size: .94rem; padding: 22px 0; position: relative; }
  .primary-navigation .menu a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 17px; height: 2px; background: var(--et-brand); transition: right .18s ease; }
  .primary-navigation .menu a:hover::after, .primary-navigation .current-menu-item > a::after { right: 0; }
  .post-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .article-layout { grid-template-columns: minmax(0, var(--et-article)) 250px; justify-content: space-between; }
  .article-sidebar { display: block; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* v2 launch content and visual placeholders */
.topic-rail { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding-bottom: 44px; }
.topic-chip { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 12px 14px; border: 1px solid var(--et-border); border-radius: 12px; color: var(--et-ink); text-decoration: none; font-weight: 750; background: #fff; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.topic-chip:hover { transform: translateY(-1px); border-color: #cbd5e1; box-shadow: 0 9px 24px rgba(16,24,40,.06); }
.topic-chip__dot { width: 9px; height: 9px; border-radius: 50%; background: var(--et-brand); flex: 0 0 auto; }
.topic-chip__count { margin-left: auto; color: var(--et-muted); font-size: .8rem; font-weight: 700; }
.topic-chip--hardware .topic-chip__dot { background: #1769e0; }
.topic-chip--software .topic-chip__dot { background: #7c3aed; }
.topic-chip--seguridad .topic-chip__dot { background: #0e9384; }
.topic-chip--actualidad .topic-chip__dot { background: #d97706; }
.topic-chip--guias .topic-chip__dot { background: #c2410c; }

.media-placeholder { position: relative; isolation: isolate; overflow: hidden; min-height: 100%; display: flex; align-items: flex-end; justify-content: space-between; padding: 18px; background: linear-gradient(145deg, #eef4ff 0%, #e2e8f0 100%); color: #17356a; }
.media-placeholder::before { content: ""; position: absolute; inset: 0; z-index: -2; opacity: .55; background-image: linear-gradient(rgba(255,255,255,.45) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.45) 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(to bottom right, #000, transparent 72%); }
.media-placeholder::after { content: ""; position: absolute; width: 54%; aspect-ratio: 1; right: -12%; top: -22%; border-radius: 50%; background: rgba(255,255,255,.46); box-shadow: -60px 90px 0 rgba(255,255,255,.18); z-index: -1; }
.media-placeholder__label { display: inline-flex; align-items: center; min-height: 31px; padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,.82); backdrop-filter: blur(4px); font-size: .75rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.media-placeholder__mark { font-family: var(--et-serif); font-size: clamp(4.5rem, 10vw, 8.5rem); line-height: .72; font-weight: 800; opacity: .16; margin-right: -4px; margin-bottom: -6px; }
.media-placeholder--hardware { background: linear-gradient(145deg, #dbeafe, #eef2ff 60%, #e0e7ff); color: #17356a; }
.media-placeholder--software { background: linear-gradient(145deg, #ede9fe, #f5f3ff 65%, #e9d5ff); color: #5b21b6; }
.media-placeholder--seguridad { background: linear-gradient(145deg, #ccfbf1, #ecfdf5 60%, #d1fae5); color: #0f766e; }
.media-placeholder--guias { background: linear-gradient(145deg, #ffedd5, #fff7ed 64%, #fef3c7); color: #9a3412; }
.media-placeholder--actualidad { background: linear-gradient(145deg, #fef3c7, #fffbeb 64%, #fde68a); color: #92400e; }
.media-placeholder--featured { padding: 24px; }

.editorial-contact-form { margin-top: 28px; padding: 24px; border: 1px solid var(--et-border); border-radius: 14px; background: var(--et-surface); }
.editorial-contact-form p { margin: 0 0 18px; }
.editorial-contact-form label { display: block; font-weight: 750; font-size: .92rem; color: var(--et-ink); }
.editorial-contact-form input[type="text"], .editorial-contact-form input[type="email"], .editorial-contact-form textarea { width: 100%; margin-top: 7px; border: 1px solid #cfd6e2; border-radius: 9px; padding: 11px 12px; background: #fff; color: var(--et-ink); font: inherit; }
.editorial-contact-form input:focus, .editorial-contact-form textarea:focus { outline: 3px solid rgba(23,105,224,.14); border-color: var(--et-brand); }
.editorial-contact-form .form-consent label { display: flex; align-items: flex-start; gap: 9px; font-weight: 500; color: var(--et-muted); }
.editorial-contact-form .form-consent input { margin-top: .34em; }
.editorial-contact-form .button-primary { appearance: none; border: 0; border-radius: 9px; padding: 11px 17px; background: var(--et-brand); color: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.editorial-contact-form .button-primary:hover { filter: brightness(.94); }
.form-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.contact-notice { margin: 18px 0; padding: 12px 14px; border-radius: 9px; font-weight: 700; }
.contact-notice--success { background: #ecfdf3; color: #067647; }
.contact-notice--error { background: #fef3f2; color: #b42318; }

@media (min-width: 700px) {
  .topic-rail { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

/* Myblogsoft v3 editorial media */
.article-content .myblogsoft-inline-figure { margin: 2.4rem 0; }
.article-content .myblogsoft-inline-figure img { display: block; width: 100%; height: auto; border-radius: var(--et-radius); border: 1px solid var(--et-border); background: var(--et-surface); }
.article-hero img { display: block; width: 100%; height: auto; border-radius: var(--et-radius); }
@media (max-width: 640px) {
  .custom-logo, .myblogsoft-fallback-logo img { max-height: 38px; max-width: 190px; }
  .article-content .myblogsoft-inline-figure { margin: 1.8rem 0; }
}

/* =========================================================
   Myblogsoft Editorial v8 — newsroom redesign
   ========================================================= */
:root {
  --et-navy: #0b1f35;
  --et-blue: #0b6ff2;
  --et-cyan: #21b5d6;
  --et-paper: #ffffff;
  --et-soft: #f5f7fa;
  --et-line: #d9e0e8;
  --et-ink-2: #192536;
  --et-muted-2: #607085;
  --et-max: 1320px;
  --et-wide: 1180px;
  --et-article: 760px;
  --et-radius: 10px;
  --et-shadow: 0 18px 48px rgba(14, 28, 48, .08);
}

body { background: #fff; color: var(--et-ink-2); overflow-x: clip; }
a { transition: color .18s ease, opacity .18s ease, transform .18s ease; }
.container { width: min(calc(100% - 32px), var(--et-max)); }
.container-media { width: min(calc(100% - 32px), 1180px); margin-inline: auto; }
.container-article-head { width: min(calc(100% - 32px), 980px); margin-inline: auto; }

.reading-progress { position: fixed; inset: 0 0 auto; height: 2px; z-index: 110; pointer-events: none; }
.reading-progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--et-blue), var(--et-cyan)); }

.site-header { top: 0; background: rgba(255,255,255,.93); border-bottom: 1px solid rgba(217,224,232,.86); transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }
.site-header.is-scrolled { box-shadow: 0 10px 28px rgba(14,28,48,.07); background: rgba(255,255,255,.97); }
.site-header__inner { min-height: 64px; }
.custom-logo, .myblogsoft-fallback-logo img { max-height: 39px; }
.header-actions { display: flex; align-items: center; gap: 2px; justify-self: end; }
.header-latest-link { display: none; color: var(--et-ink); text-decoration: none; font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; padding: 9px 10px; }
.header-topics { border-top: 1px solid rgba(217,224,232,.72); background: rgba(255,255,255,.9); }
.header-topics__track { display: flex; gap: 24px; overflow-x: auto; scrollbar-width: none; padding-block: 8px 9px; }
.header-topics__track::-webkit-scrollbar { display: none; }
.header-topics a { flex: 0 0 auto; color: #334155; text-decoration: none; font-size: .79rem; font-weight: 700; white-space: nowrap; }
.header-topics a:hover { color: var(--et-blue); }
.header-search { background: rgba(245,247,250,.98); }

.home-masthead { padding-block: 28px 22px; }
.home-masthead__brandline { display: flex; align-items: center; gap: 10px; color: var(--et-muted-2); font-size: .73rem; text-transform: uppercase; letter-spacing: .1em; font-weight: 800; }
.home-masthead__edition { color: var(--et-blue); }
.home-masthead__rule { width: 34px; height: 1px; background: var(--et-line); }
.home-masthead__copy { display: grid; gap: 12px; padding-top: 12px; border-bottom: 1px solid var(--et-line); padding-bottom: 22px; }
.home-masthead h1 { margin: 0; font-family: var(--et-sans); font-size: clamp(1.65rem, 4.2vw, 2.65rem); line-height: 1.05; letter-spacing: -.04em; max-width: 820px; }
.home-masthead p { margin: 0; color: var(--et-muted-2); max-width: 690px; font-size: .98rem; }
.home-category-nav { margin-bottom: 26px; }
.home-category-nav__track { display: flex; align-items: center; gap: 0; border-bottom: 1px solid var(--et-line); overflow-x: auto; scrollbar-width: none; }
.home-category-nav__track::-webkit-scrollbar { display: none; }
.home-category-nav a { display: flex; align-items: center; gap: 7px; flex: 0 0 auto; padding: 9px 18px 10px 0; margin-right: 18px; color: var(--et-ink-2); text-decoration: none; font-size: .83rem; font-weight: 800; white-space: nowrap; position: relative; }
.home-category-nav a::after { content: ""; position: absolute; left: 0; bottom: -1px; height: 2px; width: 0; background: var(--et-blue); transition: width .18s ease; }
.home-category-nav a:hover::after { width: 100%; }
.home-category-nav a span { color: #98a2b3; font-size: .7rem; }

.lead-stories { padding-bottom: 46px; }
.lead-stories__grid { display: grid; gap: 14px; }
.lead-story { position: relative; min-height: 460px; overflow: hidden; background: #0d1724; border-radius: 4px; }
.lead-story__media { position: absolute; inset: 0; display: block; }
.lead-story__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.lead-story:hover .lead-story__media img { transform: scale(1.025); }
.lead-story__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7,14,23,.04) 20%, rgba(7,14,23,.82) 88%); }
.lead-story__content { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: end; min-height: 460px; padding: 28px; color: #fff; }
.lead-story .eyebrow { color: #bfe8ff; }
.lead-story__title { margin: 6px 0 10px; font-family: var(--et-sans); font-size: clamp(2rem, 6vw, 4.15rem); line-height: .98; letter-spacing: -.05em; max-width: 920px; }
.lead-story__title a { color: #fff; text-decoration: none; }
.lead-story__excerpt { margin: 0 0 15px; max-width: 650px; color: rgba(255,255,255,.86); line-height: 1.45; }
.lead-story__footer { display: flex; gap: 18px; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.lead-story .entry-meta { color: rgba(255,255,255,.72); }
.editorial-arrow-link { display: inline-flex; align-items: center; gap: 7px; color: inherit; text-decoration: none; font-weight: 800; font-size: .84rem; }
.editorial-arrow-link span { transition: transform .18s ease; }
.editorial-arrow-link:hover span { transform: translateX(4px); }
.lead-story .editorial-arrow-link { color: #fff; }
.lead-stories__secondary { display: grid; gap: 1px; background: var(--et-line); border: 1px solid var(--et-line); }
.secondary-story { display: grid; grid-template-columns: 130px 1fr; gap: 15px; background: #fff; padding: 12px; min-width: 0; }
.secondary-story__media { display: block; aspect-ratio: 1.35/1; overflow: hidden; background: var(--et-soft); }
.secondary-story__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.secondary-story:hover img { transform: scale(1.025); }
.secondary-story__body { min-width: 0; }
.secondary-story .eyebrow { margin-bottom: 5px; }
.secondary-story h3 { margin: 0 0 8px; font-family: var(--et-sans); font-size: 1.02rem; line-height: 1.15; letter-spacing: -.02em; }
.secondary-story h3 a { color: var(--et-ink-2); text-decoration: none; }

.editorial-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding-top: 13px; margin-bottom: 22px; border-top: 2px solid var(--et-ink-2); }
.editorial-section-heading > div:first-child { display: flex; gap: 12px; align-items: baseline; }
.editorial-section-heading h2 { margin: 0; font-family: var(--et-sans); font-size: clamp(1.45rem, 3vw, 2.25rem); line-height: 1; letter-spacing: -.04em; }
.section-index { color: var(--et-blue); font-size: .72rem; font-weight: 900; letter-spacing: .08em; }
.editorial-section-heading .editorial-arrow-link { color: var(--et-muted-2); }

.latest-editorial { padding-block: 34px 54px; }
.latest-editorial__grid { display: grid; gap: 1px; background: var(--et-line); border: 1px solid var(--et-line); }
.latest-story { display: grid; grid-template-columns: 124px 1fr; gap: 15px; background: #fff; padding: 13px; min-width: 0; }
.latest-story__media { overflow: hidden; background: var(--et-soft); aspect-ratio: 1.38/1; }
.latest-story__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.latest-story:hover img { transform: scale(1.025); }
.latest-story__content { min-width: 0; }
.latest-story h3 { margin: 3px 0 8px; font-family: var(--et-sans); font-size: 1.02rem; line-height: 1.14; letter-spacing: -.024em; }
.latest-story h3 a { color: var(--et-ink-2); text-decoration: none; }
.latest-story p { margin: 0 0 12px; color: var(--et-muted-2); }
.latest-story--feature { grid-template-columns: 1fr; }
.latest-story--feature .latest-story__media { aspect-ratio: 16/9; }
.latest-story--feature h3 { font-size: clamp(1.5rem, 4vw, 2.4rem); max-width: 750px; }

.category-editorial { padding-block: 34px 54px; }
.category-editorial__layout { display: grid; gap: 28px; }
.category-lead { min-width: 0; }
.category-lead__media { display: block; aspect-ratio: 16/9; overflow: hidden; background: var(--et-soft); }
.category-lead__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.category-lead:hover img { transform: scale(1.02); }
.category-lead__content { padding-top: 15px; }
.category-lead h3 { margin: 0 0 8px; font-family: var(--et-sans); font-size: clamp(1.5rem, 4vw, 2.3rem); line-height: 1.05; letter-spacing: -.04em; }
.category-lead h3 a, .headline-story h3 a { color: var(--et-ink-2); text-decoration: none; }
.category-lead p { margin: 0 0 10px; color: var(--et-muted-2); }
.category-headlines { border-top: 1px solid var(--et-line); }
.headline-story { display: grid; grid-template-columns: 36px 1fr; gap: 13px; padding: 18px 0; border-bottom: 1px solid var(--et-line); }
.headline-story__number { color: #a1adbb; font-size: .72rem; font-weight: 800; padding-top: 4px; }
.headline-story h3 { margin: 0 0 7px; font-family: var(--et-sans); font-size: clamp(1.15rem, 2.3vw, 1.5rem); line-height: 1.12; letter-spacing: -.025em; }

.reading-carousel { padding-block: 40px 74px; }
.reading-carousel__track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(245px, 78%); gap: 15px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding-bottom: 9px; scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent; }
.carousel-story { scroll-snap-align: start; min-width: 0; }
.carousel-story__media { display: block; aspect-ratio: 16/10; overflow: hidden; background: var(--et-soft); margin-bottom: 11px; }
.carousel-story__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.carousel-story:hover img { transform: scale(1.025); }
.carousel-story h3 { margin: 5px 0 0; font-family: var(--et-sans); font-size: 1.12rem; line-height: 1.15; letter-spacing: -.025em; }
.carousel-story h3 a { color: var(--et-ink-2); text-decoration: none; }
.carousel-controls { display: flex; gap: 6px; }
.carousel-button { width: 36px; height: 36px; border: 1px solid var(--et-line); background: #fff; color: var(--et-ink-2); border-radius: 50%; display: grid; place-items: center; }
.carousel-button:hover { background: var(--et-ink-2); color: #fff; border-color: var(--et-ink-2); }
.ad-insertion-hook, .article-ad-hook { display: none !important; }

/* Article */
.single-main { padding-top: 14px; }
.article-header { padding-block: 42px 24px; }
.article-header__kicker { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; color: var(--et-muted-2); font-size: .8rem; font-weight: 700; }
.article-header__kicker .eyebrow { margin: 0; }
.article-header__rule { width: 38px; height: 1px; background: var(--et-line); }
.article-title { font-family: var(--et-sans); font-size: clamp(2.45rem, 7vw, 5rem); line-height: .98; letter-spacing: -.055em; }
.article-deck { max-width: 820px; margin: 20px 0 22px; font-size: clamp(1.1rem, 2.3vw, 1.36rem); color: var(--et-muted-2); line-height: 1.48; }
.article-byline { display: flex; align-items: center; gap: 11px; }
.article-byline__avatar img { width: 42px; height: 42px; border-radius: 50%; }
.article-meta { font-size: .82rem; }
.article-hero { margin-top: 10px; }
.article-hero img { width: 100%; max-height: none; aspect-ratio: 16/9; object-fit: cover; border-radius: 4px; }
.article-hero figcaption { padding-left: 2px; }
.article-layout { display: grid; grid-template-columns: minmax(0, var(--et-article)); gap: 48px; justify-content: center; padding-block: 45px 82px; }
.article-content { font-size: 18px; line-height: 1.78; }
.entry-content p { color: #253245; }
.entry-content h2, .entry-content h3, .entry-content h4 { font-family: var(--et-sans); letter-spacing: -.035em; }
.entry-content h2 { font-size: clamp(1.75rem, 4vw, 2.4rem); padding-top: .15em; }
.entry-content h2::before { content: ""; display: block; width: 38px; height: 3px; background: var(--et-blue); margin-bottom: 13px; }
.entry-content a { font-weight: 650; text-decoration-color: rgba(11,111,242,.35); }
.entry-content blockquote { margin: 2rem 0; padding: 4px 0 4px 22px; border-left: 3px solid var(--et-blue); font-family: var(--et-serif); font-size: 1.18rem; color: #26384d; }
.entry-content table { width: 100%; border-collapse: collapse; margin: 1.7rem 0; font-size: .92rem; }
.entry-content th, .entry-content td { padding: 11px 12px; border-bottom: 1px solid var(--et-line); text-align: left; }
.entry-content th { background: var(--et-soft); }
.article-content .myblogsoft-inline-figure { margin: 2.6rem -8px; }
.article-content .myblogsoft-inline-figure img { border-radius: 4px; border: 0; }
.article-sidebar { display: none; }
.article-sidebar__sticky { position: sticky; top: 126px; display: grid; gap: 20px; }
.article-toc, .widget { border-top: 2px solid var(--et-ink-2); padding-top: 12px; }
.widget-kicker { margin: 0 0 8px; color: var(--et-blue); font-size: .7rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.article-toc ol { list-style: none; padding: 0; margin: 0; }
.article-toc li { margin: 0; border-bottom: 1px solid var(--et-line); }
.article-toc a { display: block; color: var(--et-muted-2); text-decoration: none; font-size: .82rem; line-height: 1.35; padding: 8px 0; }
.article-toc a:hover, .article-toc a.is-active { color: var(--et-blue); }
.widget { padding: 12px 0 0; border-radius: 0; background: transparent; border-right: 0; border-bottom: 0; border-left: 0; }
.widget-title { font-family: var(--et-sans); font-size: 1.1rem; }
.author-box { margin-top: 46px; border: 0; border-top: 1px solid var(--et-line); border-bottom: 1px solid var(--et-line); border-radius: 0; background: transparent; padding: 26px 0; }
.related-posts { margin-top: 48px; }
.editorial-section-heading--article { margin-bottom: 20px; }
.related-grid { display: grid; gap: 24px; }
.related-card__media { display: block; aspect-ratio: 16/10; overflow: hidden; background: var(--et-soft); margin-bottom: 10px; }
.related-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.related-card:hover img { transform: scale(1.02); }
.related-card h3 { margin: 5px 0 7px; font-family: var(--et-sans); font-size: 1.12rem; line-height: 1.14; }
.related-card h3 a { color: var(--et-ink-2); text-decoration: none; }

/* Archives */
.listing-main { padding-block: 42px 78px; }
.listing-header { max-width: 920px; margin-bottom: 34px; border-bottom: 1px solid var(--et-line); padding-bottom: 26px; }
.listing-header h1 { font-family: var(--et-sans); font-size: clamp(2.25rem, 6vw, 4.6rem); line-height: .98; letter-spacing: -.05em; }
.archive-stream { display: grid; gap: 0; }
.archive-lead { display: grid; gap: 18px; border-bottom: 1px solid var(--et-line); padding-bottom: 28px; margin-bottom: 8px; }
.archive-lead__media, .archive-row__media { overflow: hidden; background: var(--et-soft); }
.archive-lead__media { aspect-ratio: 16/9; }
.archive-lead__media img, .archive-row__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.archive-lead:hover img, .archive-row:hover img { transform: scale(1.02); }
.archive-lead h2, .archive-row h2 { font-family: var(--et-sans); letter-spacing: -.035em; line-height: 1.04; }
.archive-lead h2 { margin: 5px 0 9px; font-size: clamp(1.8rem, 4vw, 3rem); }
.archive-lead h2 a, .archive-row h2 a { color: var(--et-ink-2); text-decoration: none; }
.archive-lead p, .archive-row p { color: var(--et-muted-2); margin: 0 0 10px; }
.archive-row { display: grid; grid-template-columns: 120px 1fr; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--et-line); }
.archive-row__media { aspect-ratio: 1.35/1; }
.archive-row h2 { margin: 3px 0 7px; font-size: clamp(1.18rem, 2.7vw, 1.7rem); }

/* Footer */
.site-footer { margin-top: 0; background: #091421; }
.site-footer__top { display: grid; gap: 32px; padding-block: 50px 36px; }
.footer-logo img { width: 190px; max-width: 100%; filter: brightness(0) invert(1); opacity: .98; }
.footer-brand p { max-width: 420px; color: #95a5b9; }
.site-footer__columns { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 28px; }
.site-footer__bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.site-footer__bottom a { color: #aebbd0; text-decoration: none; font-size: .8rem; }

/* Reveals */
.reveal-on-scroll { opacity: 1; transform: none; }
.js .reveal-on-scroll { opacity: 0; transform: translateY(12px); transition: opacity .45s ease, transform .45s ease; }
.js .reveal-on-scroll.is-visible { opacity: 1; transform: none; }

@media (min-width: 700px) {
  .home-masthead__copy { grid-template-columns: minmax(0,1.15fr) minmax(280px,.85fr); align-items: end; gap: 38px; }
  .home-masthead p { justify-self: end; }
  .secondary-story { grid-template-columns: 180px 1fr; }
  .latest-editorial__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .latest-story--feature { grid-column: span 2; grid-template-columns: minmax(0,1.2fr) minmax(280px,.8fr); align-items: center; }
  .latest-story--feature .latest-story__media { aspect-ratio: 16/10; }
  .category-editorial__layout { grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr); align-items: start; gap: 42px; }
  .category-editorial--reverse .category-lead { order: 2; }
  .category-editorial--reverse .category-headlines { order: 1; }
  .reading-carousel__track { grid-auto-columns: minmax(260px, 34%); }
  .related-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .archive-lead { grid-template-columns: minmax(0,1.2fr) minmax(300px,.8fr); align-items: center; gap: 36px; }
  .archive-row { grid-template-columns: 220px 1fr; gap: 24px; }
  .site-footer__top { grid-template-columns: .8fr 1.2fr; }
  .site-footer__columns { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (min-width: 980px) {
  .header-latest-link { display: inline-flex; }
  .lead-stories__grid { grid-template-columns: minmax(0,1.8fr) minmax(330px,.78fr); min-height: 600px; }
  .lead-story, .lead-story__content { min-height: 600px; }
  .lead-stories__secondary { height: 600px; }
  .secondary-story { grid-template-columns: 1fr; grid-template-rows: 135px auto; gap: 10px; padding: 12px; overflow: hidden; }
  .secondary-story__media { aspect-ratio: auto; height: 135px; }
  .secondary-story h3 { font-size: 1.12rem; }
  .latest-editorial__grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .latest-story--feature { grid-column: span 2; grid-row: span 2; grid-template-columns: 1fr; align-items: start; }
  .latest-story--feature .latest-story__media { aspect-ratio: 16/9; }
  .latest-story--feature h3 { font-size: 2.25rem; }
  .article-layout { grid-template-columns: minmax(0,var(--et-article)) 250px; justify-content: space-between; }
  .article-sidebar { display: block; }
  .reading-carousel__track { grid-auto-columns: minmax(260px, 25%); }
}

@media (min-width: 1180px) {
  .lead-story__content { padding: 40px; }
  .lead-story__excerpt { font-size: 1.05rem; }
  .archive-row { grid-template-columns: 270px minmax(0, 720px); }
}

@media (max-width: 699px) {
  .home-masthead { padding-top: 20px; }
  .home-masthead__date { display: none; }
  .lead-story, .lead-story__content { min-height: 440px; }
  .lead-story__content { padding: 22px; }
  .lead-story__excerpt { font-size: .93rem; }
  .lead-story__footer { align-items: flex-start; flex-direction: column; }
  .editorial-section-heading { align-items: center; }
  .editorial-section-heading .editorial-arrow-link { font-size: .78rem; }
  .category-editorial { padding-block: 26px 45px; }
  .article-header { padding-top: 30px; }
  .article-content { font-size: 17px; line-height: 1.73; }
  .article-content .myblogsoft-inline-figure { margin-inline: 0; }
  .site-footer__columns { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 430px) {
  .container, .container-media, .container-article-head { width: min(calc(100% - 24px), var(--et-max)); }
  .site-header__inner { min-height: 58px; gap: 7px; }
  .custom-logo, .myblogsoft-fallback-logo img { max-height: 34px; max-width: 174px; }
  .header-topics__track { padding-block: 7px; }
  .lead-story__title { font-size: clamp(1.9rem, 10vw, 2.7rem); }
  .secondary-story { grid-template-columns: 112px 1fr; gap: 11px; }
  .secondary-story h3 { font-size: .95rem; }
  .latest-story { grid-template-columns: 106px 1fr; gap: 11px; padding: 10px; }
  .latest-story--feature { grid-template-columns: 1fr; }
  .archive-row { grid-template-columns: 105px 1fr; gap: 12px; }
  .archive-row p { display: none; }
  .site-footer__columns { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .js .reveal-on-scroll { opacity: 1 !important; transform: none !important; }
  .reading-carousel__track { scroll-behavior: auto; }
}
@media (max-width: 979px) {
  .primary-navigation.is-open .menu { top: 64px; }
}
@media (max-width: 430px) {
  .primary-navigation.is-open .menu { top: 58px; }
}

/* =========================================================
   Myblogsoft 9.0.0 — desktop polish requested after v8
   Keeps a single category navigation, prevents hero rail
   clipping and gives the latest-post rail natural height.
   ========================================================= */

/* The home now uses only the primary navigation for categories. */
.home-category-nav,
.header-topics {
  display: none !important;
}

/* Latest articles: explicit editorial composition instead of grid-row stretching. */
.latest-editorial__layout {
  display: grid;
  gap: 1px;
  background: var(--et-line);
  border: 1px solid var(--et-line);
}
.latest-editorial__feature,
.latest-editorial__rail,
.latest-editorial__more {
  min-width: 0;
}
.latest-editorial__feature {
  background: #fff;
}
.latest-editorial__rail,
.latest-editorial__more {
  display: grid;
  gap: 1px;
  background: var(--et-line);
  align-content: start;
}
.latest-editorial__rail .latest-story,
.latest-editorial__more .latest-story {
  height: auto;
  align-self: start;
}
.latest-editorial__more {
  grid-template-columns: 1fr;
}

@media (min-width: 700px) {
  .latest-editorial__more {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 980px) {
  /* Hero secondary stories use natural height and a compact horizontal layout. */
  .lead-stories__secondary {
    height: auto;
    align-self: start;
    align-content: start;
  }
  .secondary-story {
    grid-template-columns: 132px minmax(0, 1fr);
    grid-template-rows: none;
    align-items: start;
    gap: 13px;
    padding: 12px;
    overflow: visible;
  }
  .secondary-story__media {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
  }
  .secondary-story h3 {
    margin-bottom: 7px;
    font-size: 1rem;
    line-height: 1.16;
  }
  .secondary-story .post-card__meta {
    font-size: .73rem;
    line-height: 1.3;
    flex-wrap: wrap;
  }

  /* Main latest story stays large; right rail stacks tightly at natural height. */
  .latest-editorial__layout {
    grid-template-columns: minmax(0, 2.05fr) minmax(320px, .95fr);
    align-items: start;
  }
  .latest-editorial__feature {
    grid-column: 1;
    grid-row: 1;
  }
  .latest-editorial__rail {
    grid-column: 2;
    grid-row: 1;
  }
  .latest-editorial__more {
    grid-column: 1 / -1;
    grid-row: 2;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .latest-editorial__rail .latest-story {
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 14px;
    padding: 13px;
    align-items: start;
  }
  .latest-editorial__rail .latest-story__media {
    aspect-ratio: 4 / 3;
  }
  .latest-editorial__rail .latest-story h3 {
    margin-top: 2px;
    font-size: 1rem;
    line-height: 1.17;
  }
  .latest-editorial__rail .post-card__meta {
    font-size: .75rem;
    line-height: 1.35;
    flex-wrap: wrap;
  }
  .latest-editorial__more .latest-story {
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 13px;
    padding: 12px;
  }
  .latest-editorial__more .latest-story__media {
    aspect-ratio: 4 / 3;
  }

  /* Cancel v8's spanning rules now that feature/rail are explicitly wrapped. */
  .latest-editorial__feature .latest-story--feature {
    grid-column: auto;
    grid-row: auto;
  }
}

/* =========================================================
   Myblogsoft 10.0.0 — editorial art direction
   The home deliberately uses different visual grammars per
   section instead of repeating feature + rail card patterns.
   ========================================================= */

.home-v10 { overflow: clip; }
.home-v10 .editorial-section-heading { margin-bottom: 24px; }
.home-v10 .editorial-section-heading--compact { margin-bottom: 8px; }

/* Hero: five compact, category-diverse secondary stories. */
.lead-stories--v10 { padding-bottom: 54px; }
.lead-stories__secondary--v10 { align-content: start; }
.secondary-story--v10 { border: 0; }
.secondary-story--v10 .eyebrow { font-size: .67rem; letter-spacing: .08em; }
.secondary-story--v10 .post-card__meta { color: var(--et-muted-2); }

/* Latest: newsroom desk, not cards. */
.news-desk { padding-block: 18px 68px; }
.news-desk__grid {
  display: grid;
  grid-template-columns: 1fr;
  border-bottom: 1px solid var(--et-line);
}
.news-desk__item {
  position: relative;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 18px 0;
  border-top: 1px solid var(--et-line);
}
.news-desk__number {
  color: var(--et-blue);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  padding-top: 3px;
}
.news-desk__copy { min-width: 0; }
.news-desk__copy .eyebrow { margin: 0 0 5px; font-size: .68rem; }
.news-desk__copy h3 {
  margin: 0 0 7px;
  font-size: clamp(1.02rem, 2.5vw, 1.28rem);
  line-height: 1.12;
  letter-spacing: -.025em;
}
.news-desk__copy h3 a { color: var(--et-ink-2); text-decoration: none; }
.news-desk__copy h3 a:hover { color: var(--et-blue); }
.news-desk__thumb { display: none; overflow: hidden; background: var(--et-soft); }
.news-desk__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.news-desk__item:hover .news-desk__thumb img { transform: scale(1.025); }

/* Field guide: one horizontal editorial story + margin notes. */
.field-guide { padding-block: 10px 76px; }
.field-guide__layout { display: grid; gap: 26px; }
.field-guide__lead {
  display: grid;
  background: #f4f7fb;
  border-top: 4px solid var(--et-ink-2);
}
.field-guide__media { overflow: hidden; min-height: 280px; background: var(--et-soft); }
.field-guide__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.field-guide__lead:hover .field-guide__media img { transform: scale(1.02); }
.field-guide__content { padding: 24px; align-self: center; }
.field-guide__kicker {
  display: inline-block;
  margin-bottom: 12px;
  color: var(--et-accent);
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.field-guide__content h3 {
  margin: 0 0 13px;
  font-size: clamp(1.65rem, 4vw, 3rem);
  line-height: 1.02;
  letter-spacing: -.045em;
}
.field-guide__content h3 a { color: var(--et-ink-2); text-decoration: none; }
.field-guide__content p { margin: 0 0 16px; color: var(--et-muted-2); }
.field-guide__notes { display: grid; border-top: 1px solid var(--et-line); }
.field-guide__note {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 15px;
  padding: 20px 0;
  border-bottom: 1px solid var(--et-line);
}
.field-guide__note-index { color: var(--et-blue); font-weight: 900; font-size: .75rem; letter-spacing: .08em; }
.field-guide__note h3 { margin: 0 0 8px; font-size: 1.1rem; line-height: 1.16; }
.field-guide__note h3 a { color: var(--et-ink-2); text-decoration: none; }
.field-guide__note p { margin: 0 0 9px; color: var(--et-muted-2); font-size: .9rem; line-height: 1.5; }

/* Hardware/lab: a dark magazine mosaic. */
.lab-section {
  margin-block: 4px 76px;
  padding-block: 42px 54px;
  background: #0b1422;
  color: #fff;
}
.editorial-section-heading--inverse { border-top-color: rgba(255,255,255,.7); }
.editorial-section-heading--inverse h2 { color: #fff; }
.editorial-section-heading--inverse .section-index { color: #65b7ff; }
.editorial-section-heading--inverse .editorial-arrow-link { color: #c7d4e5; }
.lab-grid { display: grid; gap: 12px; }
.lab-card { position: relative; min-width: 0; overflow: hidden; }
.lab-card h3 { margin: 0; line-height: 1.08; letter-spacing: -.03em; }
.lab-card h3 a { color: inherit; text-decoration: none; }
.lab-card--hero { min-height: 430px; background: #111f31; }
.lab-card--hero .lab-card__media { position: absolute; inset: 0; }
.lab-card--hero .lab-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.lab-card--hero:hover img { transform: scale(1.025); }
.lab-card__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(6,12,20,.05) 30%, rgba(6,12,20,.9) 93%); }
.lab-card--hero .lab-card__content {
  position: relative;
  z-index: 2;
  min-height: 430px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 25px;
}
.lab-card__label { margin-bottom: 10px; color: #79c7ff; font-size: .7rem; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; }
.lab-card--hero h3 { font-size: clamp(1.8rem, 5vw, 3.2rem); max-width: 700px; }
.lab-card--hero p { margin: 12px 0 0; color: #c6d1df; max-width: 600px; }
.lab-card--visual { display: grid; grid-template-rows: minmax(220px, 1fr) auto; background: #152438; }
.lab-card--visual .lab-card__media { min-height: 220px; overflow: hidden; }
.lab-card--visual .lab-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.lab-card--visual:hover img { transform: scale(1.025); }
.lab-card--visual .lab-card__content { padding: 18px; }
.lab-card--visual h3 { font-size: 1.2rem; }
.lab-card--brief {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 14px;
  align-items: start;
  padding: 21px 18px;
  background: #101c2b;
  border-top: 1px solid rgba(255,255,255,.12);
}
.lab-card__brief-number { color: #65b7ff; font-size: .72rem; font-weight: 900; letter-spacing: .08em; }
.lab-card--brief h3 { font-size: 1.08rem; }
.lab-card--brief .post-card__meta { margin-top: 10px; color: #91a4bc; }

/* Software shelf: horizontal browsing strip, intentionally not a card grid. */
.software-shelf { padding-block: 6px 78px; }
.shelf-heading__actions { display: flex !important; align-items: center !important; gap: 12px !important; }
.software-shelf__track {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding-bottom: 8px;
}
.software-shelf__track::-webkit-scrollbar { display: none; }
.software-tile {
  flex: 0 0 min(84vw, 330px);
  scroll-snap-align: start;
  border-left: 1px solid var(--et-line);
  padding-left: 15px;
}
.software-tile__media { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--et-soft); }
.software-tile__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.software-tile:hover img { transform: scale(1.025); }
.software-tile__content { position: relative; padding-top: 15px; padding-right: 6px; }
.software-tile__index { display: block; margin-bottom: 6px; color: var(--et-blue); font-size: .69rem; font-weight: 900; letter-spacing: .1em; }
.software-tile h3 { margin: 0 0 10px; font-size: 1.15rem; line-height: 1.12; letter-spacing: -.025em; }
.software-tile h3 a { color: var(--et-ink-2); text-decoration: none; }

/* Security dossier: deliberately different, editorial briefing format. */
.security-dossier {
  margin-bottom: 76px;
  padding: 34px;
  background: #edf4fb;
  border-left: 5px solid var(--et-blue);
}
.dossier-heading { display: grid; gap: 18px; padding-bottom: 26px; border-bottom: 1px solid #cbd8e8; }
.dossier-heading > div { display: grid; grid-template-columns: auto auto 1fr; align-items: baseline; gap: 10px; }
.dossier-heading .section-index { color: var(--et-blue); }
.dossier-heading__eyebrow { color: var(--et-muted-2); font-size: .72rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.dossier-heading h2 { margin: 0; font-size: clamp(1.8rem, 4vw, 3.2rem); letter-spacing: -.045em; line-height: 1; }
.dossier-heading p { margin: 0; color: var(--et-muted-2); max-width: 570px; }
.security-dossier__layout { display: grid; gap: 26px; padding-top: 28px; }
.dossier-feature { display: grid; gap: 18px; }
.dossier-feature__media { display: block; min-height: 260px; overflow: hidden; }
.dossier-feature__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.dossier-feature:hover img { transform: scale(1.02); }
.dossier-feature h3 { margin: 0 0 10px; font-size: clamp(1.45rem, 3vw, 2.25rem); line-height: 1.05; letter-spacing: -.04em; }
.dossier-feature h3 a { color: var(--et-ink-2); text-decoration: none; }
.dossier-feature p { margin: 0 0 12px; color: var(--et-muted-2); }
.dossier-list { border-top: 1px solid #cbd8e8; }
.dossier-list__item {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 15px;
  padding: 20px 0;
  border-bottom: 1px solid #cbd8e8;
}
.dossier-list__index { color: var(--et-blue); font-size: .72rem; font-weight: 900; letter-spacing: .1em; }
.dossier-list__item h3 { margin: 0 0 8px; font-size: 1.06rem; line-height: 1.16; }
.dossier-list__item h3 a { color: var(--et-ink-2); text-decoration: none; }
.dossier-footer-link { display: inline-flex; gap: 8px; margin-top: 25px; color: var(--et-ink-2); font-weight: 850; text-decoration: none; }

/* Reading index: magazine back page, text led. */
.reading-index { padding-block: 0 86px; }
.reading-index__grid { display: grid; grid-template-columns: 1fr; border-top: 1px solid var(--et-line); }
.reading-index__item {
  display: grid;
  grid-template-columns: 44px minmax(0,1fr);
  gap: 14px;
  padding: 18px 0;
  border-bottom: 1px solid var(--et-line);
}
.reading-index__number { color: #98a2b3; font-weight: 900; font-size: .72rem; letter-spacing: .08em; padding-top: 3px; }
.reading-index__copy .eyebrow { margin: 0 0 5px; font-size: .66rem; }
.reading-index__copy h3 { margin: 0 0 7px; font-size: 1.05rem; line-height: 1.15; }
.reading-index__copy h3 a { color: var(--et-ink-2); text-decoration: none; }
.reading-index__item:hover .reading-index__number { color: var(--et-blue); }

@media (min-width: 700px) {
  .news-desk__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; }
  .news-desk__item:nth-child(odd) { padding-right: 12px; }
  .news-desk__item:nth-child(even) { padding-left: 12px; }
  .news-desk__item--with-thumb { grid-template-columns: 44px minmax(0,1fr) 106px; }
  .news-desk__thumb { display: block; aspect-ratio: 4/3; }

  .field-guide__lead { grid-template-columns: minmax(0, 1.4fr) minmax(260px, .8fr); }
  .field-guide__media { min-height: 390px; }
  .field-guide__content { padding: 32px; }
  .field-guide__notes { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 30px; }
  .field-guide__note { grid-template-columns: 38px 1fr; }

  .software-tile { flex-basis: 330px; }

  .dossier-heading { grid-template-columns: minmax(0,1fr) minmax(300px,.7fr); align-items: end; }
  .security-dossier__layout { grid-template-columns: minmax(0,1.45fr) minmax(300px,.75fr); align-items: start; gap: 36px; }
  .dossier-feature { grid-template-columns: minmax(0,1.05fr) minmax(240px,.75fr); align-items: center; }
  .dossier-feature__media { min-height: 330px; }
  .dossier-list { border-top: 0; }

  .reading-index__grid { grid-template-columns: repeat(2, minmax(0,1fr)); column-gap: 34px; }
  .reading-index__item:nth-child(odd) { padding-right: 12px; }
  .reading-index__item:nth-child(even) { padding-left: 12px; }
}

@media (min-width: 980px) {
  .lead-stories__grid--v10 {
    grid-template-columns: minmax(0, 2.25fr) minmax(350px, .95fr);
    min-height: 680px;
    align-items: stretch;
  }
  .lead-stories__grid--v10 .lead-story,
  .lead-stories__grid--v10 .lead-story__content { min-height: 680px; }
  .lead-stories__secondary--v10 {
    height: 680px;
    display: grid;
    grid-template-rows: repeat(5, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
  }
  .secondary-story--v10 {
    grid-template-columns: 116px minmax(0, 1fr);
    grid-template-rows: none;
    gap: 12px;
    padding: 11px;
    align-items: center;
    min-height: 0;
    overflow: hidden;
  }
  .secondary-story--v10 .secondary-story__media { width: 116px; height: 88px; aspect-ratio: auto; }
  .secondary-story--v10 h3 { font-size: .94rem; line-height: 1.12; margin-bottom: 5px; }
  .secondary-story--v10 .post-card__meta { font-size: .68rem; line-height: 1.25; }

  .news-desk { padding-top: 8px; }
  .news-desk__grid { grid-template-columns: repeat(3, minmax(0,1fr)); column-gap: 30px; }
  .news-desk__item,
  .news-desk__item:nth-child(odd),
  .news-desk__item:nth-child(even) { padding: 20px 0; }
  .news-desk__item--with-thumb { grid-template-columns: 42px minmax(0,1fr); }
  .news-desk__thumb { display: none; }
  .news-desk__item:nth-child(1),
  .news-desk__item:nth-child(2),
  .news-desk__item:nth-child(4),
  .news-desk__item:nth-child(5) { border-right: 1px solid var(--et-line); padding-right: 24px; }

  .field-guide__layout { grid-template-columns: minmax(0, 1.65fr) minmax(310px, .65fr); align-items: stretch; gap: 34px; }
  .field-guide__lead { grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); }
  .field-guide__media { min-height: 500px; }
  .field-guide__notes { display: grid; grid-template-columns: 1fr; align-content: center; gap: 0; }
  .field-guide__note { padding: 28px 0; }

  .lab-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: minmax(245px, auto) auto;
    gap: 14px;
  }
  .lab-card--hero { grid-column: 1 / span 7; grid-row: 1 / span 2; min-height: 600px; }
  .lab-card--hero .lab-card__content { min-height: 600px; padding: 34px; }
  .lab-card--visual { grid-column: 8 / -1; grid-row: 1; }
  .lab-card--brief { grid-column: 8 / -1; }
  .lab-card--brief:nth-of-type(3) { grid-row: 2; align-self: start; }
  .lab-card--brief:nth-of-type(4) { grid-row: 2; align-self: end; margin-top: 116px; }

  .software-tile { flex-basis: 360px; }
  .software-tile:nth-child(2n) { margin-top: 44px; }

  .security-dossier { padding: 44px 48px; }
  .dossier-feature__media { min-height: 390px; }

  .reading-index__grid { grid-template-columns: repeat(4, minmax(0,1fr)); column-gap: 26px; }
  .reading-index__item,
  .reading-index__item:nth-child(odd),
  .reading-index__item:nth-child(even) { padding: 19px 0; }
  .reading-index__item:not(:nth-child(4n)) { border-right: 1px solid var(--et-line); padding-right: 20px; }
}

@media (max-width: 699px) {
  .news-desk { padding-bottom: 50px; }
  .field-guide { padding-bottom: 58px; }
  .field-guide__content { padding: 22px 20px; }
  .lab-section { margin-bottom: 58px; padding-block: 34px 42px; }
  .security-dossier { width: min(calc(100% - 24px), var(--et-max)); padding: 24px 20px; margin-bottom: 58px; }
  .dossier-heading > div { grid-template-columns: auto auto; }
  .dossier-heading h2 { grid-column: 1 / -1; }
  .shelf-heading__actions .editorial-arrow-link { display: none; }
  .software-shelf { padding-bottom: 58px; }
  .reading-index { padding-bottom: 62px; }
}

@media (max-width: 430px) {
  .lead-stories__secondary--v10 { gap: 1px; }
  .secondary-story--v10 { grid-template-columns: 96px minmax(0,1fr); padding: 9px; }
  .secondary-story--v10 .secondary-story__media { width: 96px; aspect-ratio: 4/3; }
  .secondary-story--v10 h3 { font-size: .9rem; }
  .news-desk__item { grid-template-columns: 36px minmax(0,1fr); gap: 10px; }
  .field-guide__content h3 { font-size: 1.75rem; }
  .software-tile { flex-basis: 82vw; padding-left: 12px; }
  .security-dossier { width: calc(100% - 24px); }
  .reading-index__item { grid-template-columns: 36px minmax(0,1fr); gap: 10px; }
}

/* V10 hero archive tile: the fifth rail item is intentionally not another post. */
.secondary-more {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  gap: 2px 12px;
  align-content: center;
  min-height: 0;
  padding: 15px 16px;
  color: #fff;
  background: var(--et-blue);
  text-decoration: none;
}
.secondary-more__eyebrow {
  grid-column: 1;
  color: rgba(255,255,255,.72);
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.secondary-more strong { grid-column: 1; font-size: 1.05rem; line-height: 1.05; letter-spacing: -.02em; }
.secondary-more__arrow { grid-column: 2; grid-row: 1 / 3; align-self: center; font-size: 1.7rem; transition: transform .2s ease; }
.secondary-more:hover { color: #fff; background: #0f5cc8; }
.secondary-more:hover .secondary-more__arrow { transform: translate(3px,-3px); }

/* ================================================================
   MYBLOGSOFT V11 — ADAPTIVE, NON-REPEATING HOME
   ================================================================ */
.home-v11 { overflow: clip; }
.home-v11 .editorial-section-heading { margin-bottom: 22px; }

/* Hero: one strong lead plus a compact editorial rail. */
.v11-hero { padding-bottom: 58px; }
.v11-hero__grid { display: grid; gap: 18px; }
.v11-hero__lead { position: relative; min-width: 0; overflow: hidden; background: #08111f; color: #fff; }
.v11-hero__lead-media { position: absolute; inset: 0; display: block; }
.v11-hero__lead-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.v11-hero__lead:hover .v11-hero__lead-media img { transform: scale(1.018); }
.v11-hero__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(3,10,19,.04) 12%, rgba(3,10,19,.84) 78%, rgba(3,10,19,.96)); }
.v11-hero__lead-copy { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; min-height: 560px; padding: clamp(26px,4vw,48px); }
.v11-hero__lead .eyebrow { color: #8ae7dc; }
.v11-hero__lead h2 { max-width: 950px; margin: 8px 0 14px; font-size: clamp(2.35rem,5.2vw,5rem); line-height: .97; letter-spacing: -.055em; }
.v11-hero__lead h2 a { color: #fff; text-decoration: none; }
.v11-hero__lead p { max-width: 700px; margin: 0 0 18px; color: rgba(255,255,255,.82); font-size: 1.02rem; }
.v11-hero__meta-row { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px; align-items: center; }
.v11-hero__lead .entry-meta, .v11-hero__lead .editorial-arrow-link { color: rgba(255,255,255,.8); }
.v11-hero__rail { display: grid; gap: 1px; background: var(--et-line); border: 1px solid var(--et-line); }
.v11-hero__rail-item { display: grid; grid-template-columns: 112px minmax(0,1fr); gap: 13px; align-items: center; padding: 12px; background: #fff; min-width: 0; }
.v11-hero__rail-media { display: block; aspect-ratio: 4/3; overflow: hidden; }
.v11-hero__rail-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.v11-hero__rail-item:hover img { transform: scale(1.03); }
.v11-hero__rail-item h3 { margin: 3px 0 5px; font-size: .98rem; line-height: 1.1; }
.v11-hero__rail-item h3 a { color: var(--et-ink-2); text-decoration: none; }
.v11-hero__rail-item .post-card__meta { font-size: .7rem; }

/* Latest: news desk, mostly typographic, only the first item carries a thumb. */
.v11-latest { padding-bottom: 68px; }
.v11-latest__grid { display: grid; border-top: 1px solid var(--et-ink-2); }
.v11-latest__item { display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 13px; padding: 20px 0; border-bottom: 1px solid var(--et-line); min-width: 0; }
.v11-latest__number { color: #98a2b3; font-size: .7rem; font-weight: 900; letter-spacing: .09em; padding-top: 4px; }
.v11-latest__thumb { display: none; overflow: hidden; }
.v11-latest__thumb img { width: 100%; height: 100%; object-fit: cover; }
.v11-latest__copy h3 { margin: 4px 0 8px; font-size: clamp(1.03rem,2vw,1.3rem); line-height: 1.12; letter-spacing: -.025em; }
.v11-latest__copy h3 a { color: var(--et-ink-2); text-decoration: none; }

/* Focus: three deliberately strong, equal-weight editorial features. */
.v11-focus { padding-bottom: 76px; }
.v11-focus__heading { display: flex; gap: 12px; align-items: flex-end; margin-bottom: 24px; padding-top: 22px; border-top: 3px solid var(--et-ink-2); }
.v11-focus__heading h2 { margin: 0; font-size: clamp(2rem,4vw,3.4rem); line-height: .95; letter-spacing: -.05em; }
.v11-focus__eyebrow { margin: 0 0 4px; color: var(--et-muted-2); font-size: .7rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.v11-focus__grid { display: grid; gap: 24px; }
.v11-focus__item { min-width: 0; padding-top: 12px; border-top: 1px solid var(--et-line); }
.v11-focus__topline { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 12px; }
.v11-focus__topline > span { color: #98a2b3; font-size: .7rem; font-weight: 900; }
.v11-focus__media { display: block; aspect-ratio: 16/10; margin-bottom: 16px; overflow: hidden; background: var(--et-soft); }
.v11-focus__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.v11-focus__item:hover img { transform: scale(1.025); }
.v11-focus__item h3 { margin: 0 0 9px; font-size: clamp(1.25rem,2.4vw,1.7rem); line-height: 1.04; letter-spacing: -.035em; }
.v11-focus__item h3 a { color: var(--et-ink-2); text-decoration: none; }
.v11-focus__item p { margin: 0; color: var(--et-muted-2); }

/* 25+ posts: asymmetric visual mosaic. */
.v11-mosaic { margin-bottom: 76px; padding: 46px 0 54px; color: #fff; background: #07111f; }
.v11-mosaic .editorial-arrow-link, .v11-mosaic h2 { color: #fff; }
.v11-mosaic__grid { display: grid; gap: 14px; }
.v11-mosaic__item { position: relative; min-height: 250px; overflow: hidden; background: #0d1b2d; }
.v11-mosaic__media { position: absolute; inset: 0; }
.v11-mosaic__media img { width: 100%; height: 100%; object-fit: cover; opacity: .78; transition: transform .4s ease, opacity .4s ease; }
.v11-mosaic__item:hover img { transform: scale(1.025); opacity: .9; }
.v11-mosaic__copy { position: absolute; inset: auto 0 0; padding: 22px; background: linear-gradient(180deg, transparent, rgba(3,10,19,.94)); }
.v11-mosaic__copy .eyebrow { color: #8ae7dc; }
.v11-mosaic__copy h3 { margin: 5px 0 0; font-size: 1.25rem; line-height: 1.05; }
.v11-mosaic__copy h3 a { color: #fff; text-decoration: none; }

/* 40+ posts: textual deep-dive board. */
.v11-deep { padding-bottom: 76px; }
.v11-deep__header { display: flex; gap: 12px; align-items: baseline; margin-bottom: 18px; padding-bottom: 16px; border-bottom: 3px solid var(--et-ink-2); }
.v11-deep__header h2 { margin: 0; font-size: clamp(2rem,4vw,3rem); letter-spacing: -.045em; }
.v11-deep__grid { display: grid; }
.v11-deep__item { padding: 22px 0; border-bottom: 1px solid var(--et-line); }
.v11-deep__item h3 { margin: 6px 0 8px; font-size: 1.28rem; line-height: 1.08; }
.v11-deep__item h3 a { color: var(--et-ink-2); text-decoration: none; }
.v11-deep__item p { margin: 0; color: var(--et-muted-2); }

/* 60+ posts: horizontal visual archive. */
.v11-archive { padding-bottom: 72px; }
.v11-archive__track { display: flex; gap: 16px; overflow-x: auto; padding-bottom: 12px; scroll-snap-type: x mandatory; scrollbar-width: thin; }
.v11-archive__item { flex: 0 0 min(340px,82vw); scroll-snap-align: start; }
.v11-archive__item a { display: grid; gap: 10px; color: var(--et-ink-2); font-weight: 800; text-decoration: none; }
.v11-archive__item img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }

/* Closing index: text-led, deliberately no image cards. */
.v11-reading { padding-bottom: 84px; }
.v11-reading__header { display: grid; gap: 10px; margin-bottom: 18px; padding: 22px 0; border-top: 1px solid var(--et-line); border-bottom: 1px solid var(--et-line); }
.v11-reading__header > div { display: flex; gap: 12px; align-items: baseline; }
.v11-reading__header h2 { margin: 0; font-size: clamp(2rem,4vw,3.1rem); letter-spacing: -.045em; }
.v11-reading__header p { margin: 0; color: var(--et-muted-2); }
.v11-reading__list { border-top: 1px solid var(--et-ink-2); }
.v11-reading__item { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; gap: 14px; align-items: center; padding: 20px 0; border-bottom: 1px solid var(--et-line); }
.v11-reading__number { color: #98a2b3; font-size: .7rem; font-weight: 900; }
.v11-reading__item h3 { margin: 4px 0 0; font-size: clamp(1.1rem,2.3vw,1.45rem); line-height: 1.08; }
.v11-reading__item h3 a { color: var(--et-ink-2); text-decoration: none; }
.v11-reading__arrow { color: var(--et-blue); font-size: 1.35rem; transition: transform .2s ease; }
.v11-reading__item:hover .v11-reading__arrow { transform: translate(3px,-3px); }

@media (min-width: 700px) {
  .v11-latest__grid { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 30px; }
  .v11-latest__item:nth-child(odd) { padding-right: 20px; border-right: 1px solid var(--et-line); }
  .v11-latest__item:nth-child(even) { padding-left: 2px; }
  .v11-latest__item:first-child { grid-template-columns: 40px 130px minmax(0,1fr); grid-column: 1 / -1; align-items: center; }
  .v11-latest__thumb { display: block; aspect-ratio: 16/10; }
  .v11-focus__grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .v11-mosaic__grid { grid-template-columns: repeat(12,minmax(0,1fr)); }
  .v11-mosaic__item--1 { grid-column: span 7; min-height: 420px; }
  .v11-mosaic__item--2 { grid-column: span 5; min-height: 420px; }
  .v11-mosaic__item--3, .v11-mosaic__item--4, .v11-mosaic__item--5, .v11-mosaic__item--6 { grid-column: span 3; min-height: 270px; }
  .v11-deep__grid { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 34px; }
  .v11-deep__item:nth-child(odd) { padding-right: 20px; border-right: 1px solid var(--et-line); }
  .v11-reading__header { grid-template-columns: minmax(0,1fr) minmax(300px,.6fr); align-items: end; }
}

@media (min-width: 980px) {
  .v11-hero__grid { grid-template-columns: minmax(0,2.2fr) minmax(360px,.9fr); align-items: stretch; }
  .v11-hero__lead-copy { min-height: 650px; }
  .v11-hero__rail { grid-template-rows: repeat(4,minmax(0,1fr)); }
  .v11-hero__rail-item { min-height: 0; }
  .v11-hero__rail-item h3 { font-size: 1rem; }
  .v11-latest__grid { grid-template-columns: repeat(4,minmax(0,1fr)); column-gap: 24px; }
  .v11-latest__item, .v11-latest__item:first-child { grid-column: auto; grid-template-columns: 36px minmax(0,1fr); align-items: start; }
  .v11-latest__thumb { display: none; }
  .v11-latest__item:not(:last-child) { border-right: 1px solid var(--et-line); padding-right: 22px; }
  .v11-latest__item:nth-child(even) { padding-left: 0; }
  .v11-focus__grid { gap: 30px; }
  .v11-focus__item:nth-child(2) { transform: translateY(28px); }
  .v11-focus { padding-bottom: 102px; }
  .v11-deep__grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .v11-deep__item:nth-child(odd) { border-right: 0; }
  .v11-deep__item:not(:nth-child(3n)) { padding-right: 22px; border-right: 1px solid var(--et-line); }
}

@media (max-width: 699px) {
  .v11-hero { padding-bottom: 48px; }
  .v11-hero__lead-copy { min-height: 520px; }
  .v11-hero__rail-item { grid-template-columns: 96px minmax(0,1fr); }
  .v11-latest { padding-bottom: 54px; }
  .v11-focus { padding-bottom: 58px; }
  .v11-mosaic { margin-bottom: 58px; padding-block: 36px 42px; }
  .v11-reading { padding-bottom: 62px; }
}


/* ================================================================
   MYBLOGSOFT V13 — HOME CAROUSEL
   Visual, responsive and touch-friendly. Keeps the editorial rhythm
   of the v11 home while restoring a strong horizontal discovery rail.
   ================================================================ */
.v13-carousel { padding-bottom: 72px; }
.v13-carousel__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; margin-bottom: 20px; padding-top: 18px; border-top: 2px solid var(--et-ink-2); }
.v13-carousel__kicker { display: block; margin-bottom: 5px; color: var(--et-blue); font-size: .7rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.v13-carousel__header h2 { max-width: 760px; margin: 0; font-size: clamp(1.75rem,3.5vw,2.85rem); line-height: .98; letter-spacing: -.045em; }
.v13-carousel__track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(280px, 86%); gap: 16px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scroll-padding-inline: 1px; padding: 2px 1px 13px; scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent; }
.v13-carousel__track:focus-visible { outline: 2px solid var(--et-blue); outline-offset: 5px; }
.v13-carousel__card { min-width: 0; scroll-snap-align: start; }
.v13-carousel__media { position: relative; display: block; aspect-ratio: 16/10; overflow: hidden; background: #08111f; border-radius: 10px; box-shadow: 0 10px 28px rgba(8,17,31,.10); color: #fff; text-decoration: none; }
.v13-carousel__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s cubic-bezier(.2,.7,.2,1), filter .45s ease; }
.v13-carousel__veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(3,10,19,.02) 24%, rgba(3,10,19,.42) 58%, rgba(3,10,19,.94) 100%); }
.v13-carousel__copy { position: absolute; z-index: 2; left: 20px; right: 20px; bottom: 18px; display: grid; gap: 7px; }
.v13-carousel__copy .eyebrow { color: #8ae7dc; }
.v13-carousel__copy strong { display: block; max-width: 92%; color: #fff; font-size: clamp(1.1rem,2vw,1.38rem); line-height: 1.05; letter-spacing: -.025em; }
.v13-carousel__copy small { color: rgba(255,255,255,.72); font-size: .72rem; font-weight: 700; }
.v13-carousel__arrow { position: absolute; z-index: 3; top: 14px; right: 14px; display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; background: rgba(4,13,24,.38); color: #fff; font-size: 1.1rem; backdrop-filter: blur(10px); transition: transform .25s ease, background .25s ease; }
.v13-carousel__card:hover .v13-carousel__media img { transform: scale(1.035); filter: saturate(1.04) contrast(1.02); }
.v13-carousel__card:hover .v13-carousel__arrow { transform: translate(2px,-2px); background: rgba(11,111,242,.92); }
.v13-carousel .carousel-button { width: 40px; height: 40px; cursor: pointer; }

@media (min-width: 700px) {
  .v13-carousel__track { grid-auto-columns: minmax(310px, 46%); gap: 18px; }
}

@media (min-width: 1100px) {
  .v13-carousel__track { grid-auto-columns: minmax(320px, 31.25%); gap: 20px; }
}

@media (max-width: 699px) {
  .v13-carousel { padding-bottom: 56px; }
  .v13-carousel__header { align-items: center; }
  .v13-carousel__header h2 { font-size: clamp(1.6rem,8vw,2.15rem); }
  .v13-carousel .carousel-controls { display: none; }
  .v13-carousel__track { margin-right: calc((100vw - 100%) * -1); padding-right: 22px; }
  .v13-carousel__copy { left: 16px; right: 16px; bottom: 15px; }
}

@media (prefers-reduced-motion: reduce) {
  .v13-carousel__track { scroll-behavior: auto; }
  .v13-carousel__media img, .v13-carousel__arrow { transition: none; }
}