.lusalma-article-page .lusalma-article { color: #080a0c; overflow: hidden; }
.lusalma-article-page .lusalma-article__layout,
.lusalma-article-page .lusalma-post-navigation { width: min(100% - 60px, 1240px); margin-inline: auto; }
.lusalma-article-page .lusalma-article__layout { display: grid; grid-template-columns: minmax(0, 2.08fr) minmax(280px, .92fr); gap: clamp(55px, 6vw, 90px); align-items: start; padding: clamp(68px, 8vw, 125px) 0 clamp(85px, 10vw, 150px); }
.lusalma-article-page .lusalma-article__header { padding-bottom: clamp(38px, 5vw, 68px); }
.lusalma-article-page .lusalma-article__kicker { display: flex; align-items: center; gap: 14px; margin-bottom: 25px; color: #666b70; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.lusalma-article-page .lusalma-article__date::before,
.lusalma-article-page .lusalma-article__reading-time::before { content: "·"; margin-right: 14px; color: #080a0c; }
.lusalma-article-page .lusalma-category-pill { display: inline-flex; align-items: center; min-height: 30px; padding: 5px 15px; border: 1px solid currentColor; border-radius: 999px; color: #080a0c; font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: .04em; text-transform: uppercase; }
.lusalma-article-page .lusalma-article__header h1 { margin: 0; font-size: clamp(46px, 4.6vw, 70px); font-weight: 500; line-height: 1.01; letter-spacing: -.05em; }
.lusalma-article-page .lusalma-article__hero { margin: 0 0 clamp(62px, 7vw, 100px); }
.lusalma-article-page .lusalma-article__hero img { display: block; width: 100%; height: min(62vh, 680px); object-fit: cover; }
.lusalma-article-page .lusalma-article__content { max-width: 760px; margin-inline: auto; font-size: clamp(18px, 1.35vw, 21px); line-height: 1.72; }
.lusalma-article-page .lusalma-article__content > *:first-child { margin-top: 0; }
.lusalma-article-page .lusalma-article__content h2 { margin: 2.2em 0 .65em; font-size: clamp(34px, 3.2vw, 48px); font-weight: 500; line-height: 1.08; letter-spacing: -.04em; }
.lusalma-article-page .lusalma-article__content h3 { margin: 2em 0 .55em; font-size: clamp(25px, 2.25vw, 32px); line-height: 1.15; }
.lusalma-article-page .lusalma-article__content img { height: auto; }

.lusalma-article-page .lusalma-post-navigation { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(40px, 8vw, 120px); padding: clamp(62px, 8vw, 105px) 0 clamp(90px, 10vw, 145px); border-top: 1px solid #080a0c; }
.lusalma-article-page .lusalma-post-navigation__item { display: grid; grid-template-columns: 118px 1fr; align-items: center; gap: 26px; color: #080a0c; }
.lusalma-article-page .lusalma-post-navigation__item--next { grid-template-columns: 1fr 118px; text-align: right; }
.lusalma-article-page .lusalma-post-navigation__item img { display: block; width: 118px; height: 132px; object-fit: cover; }
.lusalma-article-page .lusalma-post-navigation__placeholder { display: grid; width: 118px; height: 132px; place-items: center; background: #f1f2f3; font-size: 24px; }
.lusalma-article-page .lusalma-post-navigation__copy { display: flex; flex-direction: column; gap: 15px; }
.lusalma-article-page .lusalma-post-navigation__copy small { font-size: 12px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; }
.lusalma-article-page .lusalma-post-navigation__copy strong { font-size: clamp(22px, 2.1vw, 31px); font-weight: 500; line-height: 1.15; letter-spacing: -.025em; }
.lusalma-article-page .lusalma-post-navigation__item:hover strong { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }

@media (max-width: 991px) {
  .lusalma-article-page .lusalma-article__layout { grid-template-columns: 1fr; }
  .lusalma-article-page .lusalma-article-sidebar { position: static; display: grid; grid-template-columns: .85fr 1.15fr; gap: 45px; padding-top: 0; }
}

@media (max-width: 767px) {
  .lusalma-article-page .lusalma-article__layout,
  .lusalma-article-page .lusalma-post-navigation { width: min(100% - 36px, 1240px); }
  .lusalma-article-page .lusalma-article__layout { gap: 70px; padding: 55px 0 78px; }
  .lusalma-article-page .lusalma-article__kicker { flex-wrap: wrap; gap: 10px 12px; }
  .lusalma-article-page .lusalma-article__date::before,
  .lusalma-article-page .lusalma-article__reading-time::before { margin-right: 12px; }
  .lusalma-article-page .lusalma-article__header h1 { font-size: clamp(42px, 12vw, 60px); }
  .lusalma-article-page .lusalma-article__hero { width: calc(100% + 36px); margin-left: -18px; }
  .lusalma-article-page .lusalma-article__hero img { height: min(58vh, 580px); }
  .lusalma-article-page .lusalma-article-sidebar,
  .lusalma-article-page .lusalma-post-navigation { grid-template-columns: 1fr; }
  .lusalma-article-page .lusalma-post-navigation { gap: 50px; }
  .lusalma-article-page .lusalma-post-navigation > span:empty { display: none; }
  .lusalma-article-page .lusalma-post-navigation__item,
  .lusalma-article-page .lusalma-post-navigation__item--next { grid-template-columns: 92px 1fr; gap: 20px; text-align: left; }
  .lusalma-article-page .lusalma-post-navigation__item--next img { grid-column: 1; grid-row: 1; }
  .lusalma-article-page .lusalma-post-navigation__item--next .lusalma-post-navigation__copy { grid-column: 2; }
  .lusalma-article-page .lusalma-post-navigation__item img { width: 92px; height: 105px; }
  .lusalma-article-page .lusalma-post-navigation__placeholder { width: 92px; height: 105px; }
}
