/* ============================================================
   Article pages (guide / skill / tool-link flavors)
   Body is markdown rendered by marked into .oh-prose; these
   descendant rules reproduce the mockup's .oh-body / .oh-h2 /
   .oh-h3 / list / code styling so rendered markdown is faithful.
   (ported from article-site-article-*-v3.html)
   ============================================================ */
.oh-article{padding:56px 0 72px}

/* prose text ---------------------------------------------------- */
.oh-prose p{font-size:var(--oh-size-body);line-height:1.65;color:var(--oh-ink);margin:0 0 20px}
.oh-prose p strong{font-weight:700}
.oh-prose h2{
  font-size:var(--oh-size-h2);line-height:1.25;font-weight:800;letter-spacing:-.01em;
  color:var(--oh-ink);margin:52px 0 18px;
}
.oh-prose h2:first-child{margin-top:0}
.oh-prose h1{
  font-size:clamp(36px,4.8vw,46px);line-height:1.2;font-weight:800;letter-spacing:-.01em;
  color:var(--oh-ink);margin:0 0 20px;
}
.oh-prose h3{
  font-size:var(--oh-size-h3);line-height:1.35;font-weight:700;
  color:var(--oh-ink);margin:36px 0 12px;
}
.oh-prose ul,.oh-prose ol{
  margin:0 0 20px;padding-left:22px;
  font-size:var(--oh-size-body);line-height:1.65;color:var(--oh-ink);
}
.oh-prose li{margin-bottom:8px}
.oh-prose li:last-child{margin-bottom:0}
.oh-prose li strong{font-weight:700}
.oh-prose blockquote{margin:26px 0}
.oh-prose .oh-callout p,.oh-prose .oh-callout li{font-size:18.5px;line-height:1.6;color:var(--oh-ink);margin:0}
.oh-prose .oh-callout p+p{margin-top:10px}
.oh-prose img{max-width:100%;height:auto;border-radius:var(--oh-radius)}
.oh-prose hr{border:0;border-top:1px solid var(--oh-border);margin:40px 0}

/* inline code --------------------------------------------------- */
.oh-prose code{
  font-family:var(--oh-font-mono);font-size:.88em;background:var(--oh-tint-slate);
  border:1px solid var(--oh-border);border-radius:4px;padding:1px 6px;white-space:nowrap;
}
.oh-table-wrap .oh-prose code,.oh-prose td code,.oh-prose th code{white-space:nowrap}

/* component spacing inside prose -------------------------------- */
.oh-article .oh-table-wrap{margin:26px 0 30px}
.oh-article .oh-prompt{margin:26px 0}
.oh-article .oh-callout{margin:26px 0}

/* end matter: conversion band + resource block ----------------- */
.oh-cta-wrap{max-width:880px;margin:0 auto;padding:0 24px 20px}
.oh-resource-wrap{max-width:var(--oh-w-prose);margin:0 auto;padding:0 24px 72px}
.oh-community-line{
  font-size:var(--oh-size-caption);line-height:1.5;color:var(--oh-ink-2);margin:14px 4px 0;
}
.oh-community-line a{color:var(--oh-violet);font-weight:600}
.oh-community-line a:hover{text-decoration:underline;text-underline-offset:3px}

@media (max-width:720px){
  .oh-article{padding:44px 0 56px}
  .oh-prose code{white-space:normal;overflow-wrap:anywhere}
  .oh-prose h2{margin-top:44px}
}