/* All public blog articles share the same full-width editorial section layout.
   Legacy component classes continue to support specialized study content.
   The shared design-system stylesheet supplies typography, colors, and motion. */
body[data-design] main .cal-blog-article {
  font-family:var(--ds-font);
  color:var(--ds-fg1);
  width:100%;
  max-width:none;
  min-width:0;
  padding:0;
  margin:0;
}
body[data-design] main .cal-blog-article > :is(.cal-wrap,.cal-guide-wrap,.cal-check-wrap,.cal-hybrid-wrap,.cal-lc-wrap,.cal-ram-wrap) {
  width:100%;
  max-width:none;
  padding:0;
  margin:0;
}
body[data-design] main .cal-blog-article section[data-layout] {
  margin:0 !important;
  width:100%;
  max-width:none;
  border-radius:0 !important;
  box-shadow:none !important;
  border-left:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
}
body[data-design] main .cal-blog-article section[data-layout="hero"] {
  min-height:0;
  padding-block:clamp(54px,6vw,88px) !important;
  border-top:0 !important;
}
body[data-design] main .cal-blog-article section[data-layout="hero"] h1 {
  max-width:28ch;
}
body[data-design] main .cal-blog-article :is(.article-byline) {
  font-size:14px !important;
  line-height:1.45;
  font-weight:500;
  letter-spacing:0;
  color:var(--ds-fg3) !important;
  margin:14px 0 0 !important;
}
body[data-design] main .cal-blog-article .design-location {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  font-size:13px;
  font-weight:500;
  color:var(--ds-fg3);
  margin-bottom:24px;
}
body[data-design] main .cal-blog-article .design-location a {
  color:var(--ds-brand);
  font-weight:600;
}
/* Remove the last bits of the old centered, boxed article shell. */
body[data-design] main .cal-blog-article :is(.cal-guide-section,.cal-guide-section-blue,.cal-check-section,.cal-check-section-blue,.cal-hybrid-section,.cal-hybrid-section-blue,.cal-lc-section,.cal-lc-section-blue) {
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
body[data-design] main .cal-blog-article :is(.cal-guide-table-wrap,.cal-check-table-wrap,.cal-hybrid-table-wrap,.cal-lc-table-wrap,.cal-ram-table-wrap) {
  max-width:100%;
  overflow-x:auto;
}
body[data-design] main .cal-blog-article :is(.cal-guide-card,.cal-check-card,.cal-hybrid-card,.cal-lc-card) { min-width:0; }
body[data-design] main .cal-blog-article :is(h1,h2,h3,li,p) { overflow-wrap:break-word; }
body[data-design] main .cal-blog-article :is(img,svg,video,iframe) { max-width:100%; }
body[data-design] main .cal-blog-article .cal-page h1 { max-width:28ch; }
@media (max-width:700px) {
  body[data-design] main .cal-blog-article section[data-layout="hero"] { padding-block:48px !important; }
  body[data-design] main .cal-blog-article .design-location { gap:8px; }
  body[data-design] main .cal-blog-article :is(.cal-guide-actions,.cal-check-actions,.cal-hybrid-actions,.cal-lc-actions) { align-items:flex-start; }
}