.quality-width{width:min(800px,calc(100% - 48px));margin-inline:auto}
.quality-page .guides-intro h1{font-size:clamp(34px,5vw,56px);line-height:1.14;letter-spacing:-.04em}
.quality-page .content-breadcrumb a{color:#d4bdff;text-decoration:underline;text-underline-offset:4px}
.quality-page .eyebrow{font-size:11px;line-height:1.6;letter-spacing:.06em}
.quality-body{padding:48px 0 72px;font-size:18px;line-height:1.75}
.quality-body p{margin:20px 0}.quality-body h2{margin:48px 0 18px;font-size:clamp(26px,3vw,34px);line-height:1.25;letter-spacing:-.025em}.quality-body h3{font-size:21px;line-height:1.4;margin:0 0 16px}
.quality-body a{color:#6944b4;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.quality-body li{margin:12px 0}.quality-body ol,.quality-body ul{padding-left:26px}
.quality-box,.quality-note,.quality-example{margin:32px 0;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}.quality-box h2{margin-top:0}.quality-note{border-left:4px solid #8c5cff}.quality-example{border-top:3px solid #8c5cff}.quality-example p:last-child{margin-bottom:0}.quality-example dt{font-weight:650}.quality-example dd{margin:0 0 16px;color:var(--muted)}
.quality-body .quality-cta{color:#fff;background:#6944b4;text-decoration:none}.quality-page a:focus-visible{outline:3px solid #8c5cff;outline-offset:5px}.quality-page .quality-body a:focus-visible{outline-color:#6944b4}.quality-body section{scroll-margin-top:24px}.quality-body .content-related div+div{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
@media(max-width:540px){.quality-width{width:calc(100% - 36px)}.quality-body{padding:28px 0 48px;font-size:17px}.quality-box,.quality-note,.quality-example{padding:20px}.quality-page .guides-intro h1{font-size:34px}.quality-page .eyebrow{font-size:10px}.quality-body h2{margin-top:36px}}
@media(prefers-reduced-motion:reduce){.quality-page{scroll-behavior:auto}}

/* Editorial components share the landing palette without narrowing its header. */
.article-page .quality-width{max-width:74ch}
.article-page .quality-body{overflow-wrap:break-word}
.article-page .quality-body :is(aside,.contents,.start,.example-task,pre,.content-related){margin:32px 0;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}
.article-page .quality-body aside{border-left:4px solid var(--purple)}
.article-page .quality-body :is(.contents,.start,.example-task,.content-related) :is(h2,h3):first-child{margin-top:0}
.article-page .quality-body .example-task{border-top:3px solid var(--purple)}
.article-page .quality-body dt{font-weight:650;margin-top:14px}
.article-page .quality-body dd{margin:4px 0 16px;color:var(--muted)}
.article-page pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
.article-page blockquote{margin:24px 0;padding:8px 24px;border-left:4px solid var(--purple)}
.article-page .quality-body .cta{display:inline-flex;justify-content:center;align-items:center;min-height:48px;max-width:100%;padding:14px 24px;border-radius:14px;background:#6944b4;color:#fff;font-size:16px;font-weight:650;text-align:center;text-decoration:none}
.article-page .quality-body :is(.cta,.quality-cta):hover{background:#7651bd}
.article-page .content-related{border-radius:var(--radius)}
.article-footer{display:flex;flex-wrap:wrap;gap:8px 32px;width:min(800px,calc(100% - 48px));margin-inline:auto;padding:28px 0 36px;color:#b6bac5;font-size:14px;line-height:1.6}
.article-footer a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.article-page .guides-intro{overflow-wrap:break-word}
@media(max-width:540px){.article-page .quality-body :is(aside,.contents,.start,.example-task,pre,.content-related){padding:20px}.article-footer{width:calc(100% - 36px);gap:4px 24px}.article-page .quality-body h3{font-size:20px}.article-page .guides-intro h1{font-size:clamp(30px,8.7vw,34px)}}

.article-document{overflow-x:visible}
.article-page .skip-link{background:#6944b4;color:#fff}