.article-shell{max-width:1160px;margin:0 auto;padding:24px 24px 96px}.article-breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:10px 0 34px;font-size:13px}.article-breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.article-hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:54px;align-items:center;margin-bottom:62px}.article-kicker{margin:0 0 15px;color:var(--blue,#234c7c);font:700 12px/1.2 Space,sans-serif;letter-spacing:.14em;text-transform:uppercase}.article-hero h1{max-width:720px;margin:0 0 22px;font-size:clamp(48px,6.2vw,86px);line-height:.96;letter-spacing:-.055em}.article-deck{max-width:630px;margin:0 0 25px;font-size:20px;line-height:1.55}.article-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0;color:#4f514e;font-size:13px}.article-hero-media,.article-figure{margin:0}.article-hero-media img,.article-figure img,.article-pair img{display:block;width:100%;height:auto;border:2px solid var(--ink,#17202a);object-fit:cover}.article-hero-media{position:relative}.article-hero-media:after{content:"12 visual examples";position:absolute;right:-12px;bottom:-15px;padding:9px 13px;border:2px solid var(--ink,#17202a);border-radius:30px;background:var(--accent,#f2c84b);font:700 11px/1 Space,sans-serif;letter-spacing:.07em;text-transform:uppercase}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 240px;gap:70px;align-items:start;justify-content:center}.article-body{font-size:18px;line-height:1.72}.article-body>p,.article-body>ol,.article-body>ul{max-width:760px}.article-body h2{margin:76px 0 16px;font-size:clamp(34px,4.4vw,55px);line-height:1.02;letter-spacing:-.035em}.article-body h3{margin:36px 0 10px;font-size:27px;line-height:1.15}.article-body a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.quick-answer{margin:34px 0 62px;padding:30px 34px;border:2px solid var(--ink,#17202a);border-radius:0 44px 0 0;background:#edf0df}.quick-answer h2{margin:0 0 18px;font-size:30px}.quick-answer ul{display:grid;gap:12px;margin:0;padding-left:22px}.article-figure{margin:34px 0 42px}.article-figure figcaption,.article-pair figcaption{padding-top:10px;color:#5a5c57;font-size:13px;line-height:1.45}.article-figure.wide{margin-left:-70px;margin-right:-70px}.palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:34px 0 44px}.palette-grid .article-figure{margin:0}.article-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:34px 0 16px}.article-pair figure{margin:0}.article-note{margin:30px 0;padding:24px 28px;border-left:8px solid var(--accent,#f2c84b);background:#f4f1e8}.article-table-wrap{overflow-x:auto;margin:30px 0 42px}.article-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45}.article-table th,.article-table td{padding:15px 14px;border:1px solid var(--ink,#17202a);vertical-align:top;text-align:left}.article-table th{color:white;background:var(--ink,#17202a);font-family:Space,sans-serif}.article-steps{counter-reset:step;display:grid;gap:14px;padding:0;list-style:none}.article-steps li{position:relative;padding:19px 22px 19px 70px;border:1px solid #919488;background:#fff}.article-steps li:before{counter-increment:step;content:counter(step);position:absolute;top:15px;left:18px;display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--accent,#f2c84b);font:700 15px/1 Space,sans-serif}.article-faq{display:grid;gap:12px;margin:26px 0 48px}.article-faq details{padding:18px 21px;border:1px solid var(--ink,#17202a);background:white}.article-faq summary{cursor:pointer;font-family:Space,sans-serif;font-weight:700}.article-faq p{margin:13px 0 0}.article-sidebar{position:sticky;top:24px;padding:24px;border:1px solid var(--ink,#17202a);background:#fff}.article-sidebar strong{display:block;margin-bottom:14px;font-family:Space,sans-serif;font-size:18px}.article-sidebar a{display:block;padding:9px 0;border-top:1px solid #d7d8d1;font-size:13px}.article-sidebar .button{margin-top:18px;text-align:center}.article-sources{font-size:14px;line-height:1.55}.article-sources li{margin-bottom:10px}.article-cta{margin:62px 0 10px;padding:34px;border-radius:0 54px 0 0;color:white;background:var(--blue,#234c7c)}.article-cta h2{margin:0 0 12px;color:white}.article-cta a{color:white}.blog-hero{display:grid;grid-template-columns:1fr .72fr;gap:50px;align-items:end;padding:42px 0 52px}.blog-hero h1{margin:0;font-size:clamp(60px,9vw,120px);line-height:.82;letter-spacing:-.07em}.blog-hero p{font-size:20px;line-height:1.55}.blog-card{display:grid;grid-template-columns:1.08fr .92fr;border:2px solid var(--ink,#17202a);background:white}.blog-card img{display:block;width:100%;height:100%;min-height:390px;object-fit:cover}.blog-card-copy{display:flex;padding:42px;flex-direction:column}.blog-card-copy h2{margin:14px 0;font-size:42px;line-height:1}.blog-card-copy .button{align-self:flex-start;margin-top:auto}.service-reading{margin:48px 0;padding:25px 28px;border:1px solid var(--ink,#17202a);background:#edf0df}.service-reading h2{margin:0 0 8px;font-size:28px}.service-reading a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:960px){.article-hero,.article-layout,.blog-hero,.blog-card{grid-template-columns:1fr}.article-layout{gap:25px}.article-sidebar{position:static;order:-1}.article-sidebar nav{display:flex;flex-wrap:wrap;gap:0 18px}.article-sidebar a{border:0}.article-figure.wide{margin-left:0;margin-right:0}.blog-card img{min-height:0}}
@media(max-width:640px){.article-shell{padding:14px 18px 74px}.article-hero{gap:28px;margin-bottom:42px}.article-hero h1{font-size:49px}.article-deck{font-size:18px}.quick-answer{padding:23px}.article-body{font-size:17px}.article-body h2{margin-top:58px;font-size:36px}.palette-grid,.article-pair{grid-template-columns:1fr}.article-table{min-width:680px}.blog-card-copy{padding:27px}.blog-card-copy h2{font-size:34px}}
.article-layout,.article-body{min-width:0}.article-table-wrap{max-width:100%}
.top-takeaways{margin:28px 0 0;padding:23px 25px;border:2px solid var(--ink,#17202a);border-radius:0 34px 0 0;background:#edf0df}.top-takeaways h2{margin:0 0 13px;font-size:24px;line-height:1.05;letter-spacing:-.02em}.top-takeaways ul{display:grid;gap:9px;margin:0;padding-left:20px;font-size:15px;line-height:1.45}.top-takeaways li::marker{color:var(--blue,#234c7c)}
@media(max-width:640px){.top-takeaways{margin-top:24px;padding:21px}.top-takeaways h2{font-size:24px}.top-takeaways ul{font-size:15px}}