/* Ascend website: styles for the CMS page templates (/p/{slug} and /news/{slug}), which reuse the About chrome.
   Loaded after the author's stylesheets. Values mirror about.css and immersive.css. Not touched by the importer. */
:root{--cms-ink:#071b32;--cms-muted:#536a7b;--cms-line:#cbdce8;--cms-blue:#005b9d}
.cms-hero h1 em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;color:var(--cms-blue)}
.cms-page .editorial-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;font-size:12px;letter-spacing:1px;text-transform:uppercase;line-height:1.4;background:none;border:0;color:inherit;padding:0;text-decoration:none;cursor:pointer;font-family:inherit}
.cms-page .editorial-link>span{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid currentColor;border-radius:50%;font-size:14px;transition:background .25s,color .25s,border-color .25s,transform .25s}
.cms-page .editorial-link:hover>span{background:var(--cms-blue);border-color:var(--cms-blue);color:#fff;transform:rotate(12deg)}
/* ---- Rich text from the admin editor (posts, pages) --------------------- */
.article-body{font-size:16px;line-height:1.8;color:#2f4555}
.article-body p{margin:0 0 18px}
.article-body h2,.article-body h3{color:var(--cms-ink);font-weight:400;letter-spacing:-.5px;margin:34px 0 14px}
.article-body h2{font-size:30px}.article-body h3{font-size:22px}
.article-body ul,.article-body ol{padding-left:22px;margin:0 0 18px}
.article-body li{margin-bottom:8px}
.article-body img{max-width:100%;height:auto;display:block;margin:28px 0}
.article-body a{color:var(--cms-blue)}
.article-body blockquote{margin:28px 0;padding:4px 0 4px 24px;border-left:2px solid var(--cms-blue);color:var(--cms-ink);font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:20px}
.article-figure{margin:0 0 36px}
.article-figure img{width:100%;height:auto;display:block}
.article-tags{margin:36px 0 0}
.article-tags span{display:inline-block;font:9px monospace;letter-spacing:1.5px;text-transform:uppercase;border:1px solid var(--cms-line);border-radius:30px;padding:8px 12px;margin:0 8px 8px 0;color:#5f7689}
.article-share{margin-top:34px}
.cms-hero h1{font-size:clamp(34px,5.5vw,76px);letter-spacing:-2px;line-height:1.02}

/* ---- Responsive ----------------------------------------------------------------------------- */
@media (max-width:760px){.cms-hero h1{font-size:11vw;letter-spacing:-1px}}
@media (prefers-reduced-motion:reduce){.cms-page .editorial-link>span{transition:none}}