.qb-article { color: #24313a; background: #f8faf9; padding: 2.25rem 1.25rem 5rem; line-height: 1.9; }
.qb-container { width: min(100%, 840px); margin: 0 auto; }
.qb-breadcrumb { font-size: .82rem; color: #56666e; margin-bottom: 2.5rem; }
.qb-breadcrumb a, .qb-related a { color: #176c72; text-decoration: underline; text-underline-offset: .2em; }
.qb-breadcrumb span { margin: 0 .6em; }
.qb-hero { padding-bottom: 2.5rem; border-bottom: 1px solid #d9e3e2; }
.qb-eyebrow { color: #176c72; font-size: .83rem; font-weight: 700; letter-spacing: .06em; }
.qb-hero h1 { font-size: clamp(1.8rem, 4vw, 2.7rem); line-height: 1.4; margin: .8rem 0 1.3rem; }
.qb-lead { font-size: 1.08rem; }
.qb-content { max-width: 750px; margin: 0 auto; }
.qb-content section { margin-top: 3.4rem; }
.qb-content h2 { font-size: clamp(1.35rem, 3vw, 1.7rem); line-height: 1.5; margin: 0 0 1.15rem; }
.qb-content h3 { font-size: 1.05rem; margin: 0 0 .7rem; }
.qb-content p, .qb-content li { margin-bottom: 1rem; }
.qb-content ul, .qb-content ol { padding-left: 1.5rem; }
.qb-summary, .qb-note, .qb-related { background: #fff; border: 1px solid #d9e3e2; border-radius: 14px; padding: 1.6rem; }
.qb-summary { margin-top: 2.4rem; border-left: 4px solid #176c72; }
.qb-summary h2, .qb-related h2 { font-size: 1.25rem; }
.qb-summary p:last-child, .qb-note p:last-child, .qb-related p:last-child { margin-bottom: 0; }
.qb-note { margin: 1.4rem 0; }
.qb-note p { margin-bottom: .45rem; }
.qb-worksheet { background: #fff; border: 1px solid #d9e3e2; border-radius: 14px; padding: 1.5rem 1.5rem 1.5rem 3rem !important; }
.qb-worksheet li:last-child { margin-bottom: 0; }
.qb-cta { margin-top: 2rem; border-radius: 18px; background: #e7f1f0; padding: clamp(1.5rem, 4vw, 2.5rem); }
.qb-cta__label { color: #176c72; font-size: .85rem; font-weight: 700; margin-bottom: .4rem !important; }
.qb-cta h2 { margin-bottom: .8rem; }
.qb-button { display: inline-flex; align-items: center; min-height: 44px; gap: .7em; background: #155a60; color: #fff !important; border-radius: 999px; padding: .85rem 1.55rem; font-weight: 700; text-decoration: none; }
.qb-button:hover, .qb-button:focus-visible { background: #0f4449; }
.qb-related { margin-top: 3rem; }
@media (max-width: 600px) { .qb-article { padding: 1.5rem 1rem 3.5rem; } .qb-summary, .qb-note, .qb-related { padding: 1.2rem; } }