/* Comparison edition: an editorial entrance to the public learning series. */
.insight-series { padding-top: var(--layout-gap,32px); }
.series-heading { display: grid; grid-template-columns:minmax(0,1fr); gap:var(--flow-small,12px); align-items:start; margin-bottom:var(--flow-medium,20px); }
.series-heading .eyebrow { padding-top: 8px; }
.series-heading h2 { max-width: 630px; font-size: clamp(30px, 3vw, 44px); font-weight: 400; letter-spacing: -.05em; line-height: 1.22; }
.series-heading p { grid-column: auto; max-width: 590px; color: var(--muted); font-size: var(--type-body,18px); line-height: 1.75; }
.insight-series .learn-curriculum { padding-bottom: var(--section-space,56px); }
.curriculum-aside h3 { font-size: 21px; font-weight: 400; letter-spacing: -.035em; line-height: 1.4; }
.course-topic { display: block; margin: 0 0 14px; color: #70617e; font-family: 'SFMono-Regular',Consolas,monospace; font-size: var(--type-label,14px); line-height: 1.6; letter-spacing: .08em; text-transform: uppercase; }
.series-articles .course { padding-block: var(--row-space,20px); }
.series-articles .course h2 { font-size: clamp(25px, 2.15vw, 33px); line-height: 1.3; }
.series-articles .course p { margin-block: var(--flow-small,12px) var(--flow-medium,20px); line-height: var(--leading-body,1.65); }
.learn-page .learn-footer {
  width: 100%;
  padding: 43px max(4.2vw, calc((100vw - 1440px)/2));
  margin: 0;
  border-top: 1px solid #f2f1eb22;
  background: var(--dark, #111513);
  color: #f2f1eb;
}
.learn-footer nav { flex-wrap: wrap; gap: 16px 28px; }
.learn-page .learn-footer p { color: #a8afa6; font-size: var(--type-caption,14px); }
.learn-page .learn-footer a:focus-visible { outline-color: #f2f1eb; }
@media (max-width: 1100px) {
  .series-heading { grid-template-columns:minmax(0,1fr); gap:var(--flow-small,12px); }
}
@media (max-width: 760px) {
  .insight-series { padding-top: var(--layout-gap,24px); }
  .series-heading { grid-template-columns: 1fr; gap: 18px; margin-bottom: 32px; }
  .series-heading .eyebrow { padding-top: 0; }
  .series-heading h2 { max-width: 400px; font-size: 32px; }
  .series-heading p { grid-column: auto; font-size: var(--type-body,17px); }
  .insight-series .learn-curriculum { gap: var(--layout-gap,24px); padding-bottom: var(--section-space,40px); }
  .curriculum-aside { grid-template-columns: 1fr 1.5fr; gap: 8px 20px; }
  .curriculum-aside h3 { grid-row: span 2; font-size: 18px; }
  .series-articles .course { padding-block: var(--row-space,20px); }
  .course-topic { margin-bottom: 11px; }
  .learn-page .learn-footer { padding: 32px 20px; align-items: flex-start; gap: 28px; }
  .learn-footer nav { width: 100%; gap: 14px 22px; }
}
@media (max-width: 380px) {
  .curriculum-aside { grid-template-columns: 1fr; gap: 15px; }
  .curriculum-aside h3 { grid-row: auto; }
}
@media print { .learn-page .learn-footer { display: none; } }

/* Keep the short course introduction above the lessons instead of a mostly empty rail. */
body.comparison-site.readable-layout .insight-series .learn-curriculum { grid-template-columns:minmax(0,1fr); gap:var(--layout-gap); }
body.comparison-site.readable-layout .curriculum-aside {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--flow-small) var(--layout-gap);
  padding-top:var(--flow-medium);
}
body.comparison-site.readable-layout .curriculum-aside h3 { grid-row:span 2; margin:0; }
body.comparison-site.readable-layout .curriculum-aside p { margin:0; }
@media(max-width:760px) {
  body.comparison-site.readable-layout .curriculum-aside { grid-template-columns:minmax(0,1fr); }
  body.comparison-site.readable-layout .curriculum-aside h3 { grid-row:auto; }
}

body.comparison-site.readable-layout .series-heading { grid-template-columns:minmax(0,1fr); gap:var(--flow-small); margin-bottom:var(--flow-medium); }
body.comparison-site.readable-layout .series-heading p { grid-column:auto; margin:0; }