/* Cross-sell: a boxed notice near the end of the paper, set like the Inside box (double rule). */
.also { margin-top: var(--sec); }
.also-box {
  display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 18px; align-items: center;
  border: 1px solid var(--ink); outline: 1px solid var(--ink); outline-offset: -5px; padding: 22px 20px;
}
.also-clip img { width: 88px; height: auto; aspect-ratio: 1 / 2; background: var(--newsprint-deep); outline: 1px solid rgb(23 21 18 / 0.15); outline-offset: -1px; box-shadow: 0 6px 16px rgb(23 21 18 / 0.14); }
.also-t .kicker { margin-bottom: 6px; }
.also-t h2 { font-size: clamp(1.625rem, 6vw, 2.25rem); line-height: 1.05; margin-bottom: 8px; }
.also-t p:not(.kicker) { font-size: 1rem; line-height: 1.4; max-width: 52ch; }
.also-go { margin-top: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; font-size: var(--fs-label) !important; }
.also-go a { display: inline-flex; align-items: center; min-height: 44px; text-decoration-color: var(--ledger-red); }
@media (min-width: 1024px) {
  .also-box { grid-template-columns: 140px minmax(0, 1fr); gap: 40px; max-width: 880px; margin-inline: auto; padding: 36px 44px; outline-offset: -6px; }
  .also-clip img { width: 140px; }
  .also-t p:not(.kicker) { font-size: 1.125rem; }
}
@media (hover: hover) and (pointer: fine) { .also-go a:hover { color: var(--ledger-red); } }