.november-guide .november-hero {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  align-items: center;
  gap: clamp(24px, 5vw, 72px);
  padding-block: clamp(42px, 6vw, 66px);
  text-align: left;
}
.november-hero::before { content: none; }
.november-back {
  display: block;
  width: fit-content;
  margin-bottom: clamp(22px, 4vw, 38px);
  color: var(--muted);
  font: .78rem/1.4 var(--mono);
}
.november-hero .hero-pill { margin-bottom: 16px; }
.november-hero .h-display {
  margin: 0 0 18px;
  font-size: clamp(2.5rem, 5vw, 4.15rem);
  letter-spacing: -.065em;
  line-height: 1.01;
  text-wrap: balance;
}
.november-hero .lede { margin: 0; }
.november-hero .author-row { margin-top: 22px; }
.november-cover { min-width: 0; margin: 0; }
.november-cover img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; }
.november-cover .article-cover-caption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; color: var(--muted); }
.november-guide .november-reading { padding-block: clamp(38px, 6vw, 76px); }
.november-guide .november-layout {
  grid-template-columns: minmax(166px, 1fr) minmax(0, 3fr);
  gap: clamp(28px, 7vw, 92px);
}
.november-layout .article-body { width: 100%; margin: 0; }
.november-toc { border-left: 1px solid var(--a10); padding-left: 18px; }
.november-toc p { font: 600 .73rem/1.4 var(--mono); text-transform: uppercase; letter-spacing: .08em; margin-bottom: 14px; }
.november-toc ol { list-style: none; margin: 0; padding: 0; }
.november-toc a { display: block; width: fit-content; padding: 7px 0; color: var(--ink-soft); font-size: .9rem; }
.november-toc a:hover, .november-toc a:focus-visible { color: var(--geo); text-decoration: underline; }
.november-prose > h2 { scroll-margin-top: 90px; text-wrap: balance; }
.november-prose > h2:first-child { margin-top: 0; }
.november-prose p a { color: var(--geo); text-decoration: underline; text-underline-offset: .16em; }
.november-prose > ol { padding-inline-start: 1.35em; margin: 18px 0 24px; }
.november-prose > ol li + li { margin-top: 8px; }
.november-inline-image { margin: 24px 0; }
.november-inline-image img { display: block; width: 100%; height: auto; border: 1px solid var(--a10); border-radius: var(--r-lg); }
.november-inline-image figcaption { margin-top: 8px; color: var(--muted); font: .76rem/1.5 var(--mono); }
.november-faq { margin: 18px 0 24px; }
.november-prose .november-related { margin-bottom: 0; }
.november-next .article-cta p { margin-top: 10px; }
@media (max-width: 800px) {
  .november-guide .november-hero, .november-guide .november-layout { grid-template-columns: minmax(0, 1fr); }
  .november-toc ol { display: flex; flex-wrap: wrap; gap: 0 16px; }
}
@media (min-width: 801px) and (max-width: 880px) {
  .november-layout .blog-side { position: sticky; top: 92px; }
}