/* Approved editorial graphics for the work-and-abilities article. */
.article-career-page .article-hero h1 { max-width:76rem; text-wrap:pretty; }
.article-career-page .article-hero-image { padding-top:clamp(1.25rem,3vw,2.25rem); background:var(--paper); }
.article-career-page .article-hero-image img { width:100%; height:auto; aspect-ratio:16 / 9; object-fit:contain; background:var(--ink); }
.article-career-page .article-body { min-width:0; }
.article-career-page .article-toc { max-height:calc(100svh - 9rem); overflow-y:auto; scrollbar-width:thin; scrollbar-color:#8e939b transparent; }
.career-diagram { background:var(--ink); color:var(--paper); margin-inline:auto; }
.career-diagram--channels { max-width:36rem; }
.career-diagram--whole-map { max-width:48rem; }
.career-diagram img { display:block; width:100%; height:auto; max-height:none; object-fit:contain; }
.article-figure.career-diagram figcaption { padding:1rem 1.25rem 1.25rem; color:var(--paper-muted); font-size:.82rem; line-height:1.6; }
.career-photo { max-width:28rem; margin-inline:auto; }
.article-figure.career-photo img { width:100%; height:auto; max-height:none; aspect-ratio:792 / 1202; object-fit:contain; background:var(--ink); }
.article-career-page .career-reading-points { padding-left:1.5em; margin:1.5rem 0 2rem; }
.article-career-page .career-reading-points li { padding-left:.35em; margin-bottom:1.1rem; }
.article-career-page .career-reading-points li::marker { color:var(--accent-dark); font-weight:600; }
.article-career-page .career-order .button-primary { color:var(--ink-deep); text-decoration:none; text-align:center; }
.article-career-page .career-order h3 { margin-top:0; color:var(--paper); }
.article-career-page .career-order .article-cta-actions { margin-bottom:0; }
.article-career-page .article-faq details p { padding-top:.25rem; }
@media (max-width:900px) {
  .article-career-page .article-toc { max-height:none; overflow:visible; }
}
@media (max-width:767px) {
  .article-career-page .article-hero h1 { font-size:clamp(2.4rem,10.5vw,4.4rem); line-height:1.06; }
  .article-career-page .article-body h2 { font-size:clamp(2rem,9vw,2.55rem); text-wrap:pretty; }
  .article-career-page .career-diagram { width:calc(100% + 2 * var(--pad)); max-width:none; margin-left:calc(-1 * var(--pad)); margin-right:calc(-1 * var(--pad)); }
  .career-photo { max-width:22rem; }
}