.article{max-width:880px;padding-block:24px 56px}.article h1{font-size:clamp(32px,4.5vw,48px);line-height:1.15;max-width:24ch}.article h2{font-size:28px;margin:32px 0 12px}.article p,.article li{font-size:19px;line-height:1.55}.article p{margin-top:12px}.article .intro{max-width:65ch;font-size:22px;margin-top:20px}.article li{margin:12px 0}.article nav{display:flex;gap:18px;flex-wrap:wrap;margin:28px 0}.article nav[aria-label="Related guides"]{flex-direction:column;padding:24px;background:#EFF3F8;border-radius:12px}.article .breadcrumbs{margin:0 0 28px;font-size:16px;gap:12px}.guide-cta .button{gap:8px}.guide-cta{margin:28px 0 36px}.guide-cta .small{font-size:16px;color:#536782;max-width:55ch}.guide-author,.guide-sources{border-top:1px solid #CED6E2;margin-top:36px;padding-top:24px}.guide-author p,.guide-sources p,.guide-sources li{font-size:16px}.article details{padding:16px 0;border-bottom:1px solid #CED6E2}.article summary{cursor:pointer;font-weight:600}.guide-skip{position:absolute;top:-60px;left:16px;background:white;padding:12px;z-index:5}.guide-skip:focus{top:12px}.guide-consent{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}#analytics-dialog{max-width:min(540px,calc(100% - 32px));border:1px solid #CED6E2;border-radius:16px;padding:28px;color:#174792;background:#FFFEF9}#analytics-dialog::backdrop{background:#17479244}.footer nav{display:flex;gap:20px;flex-wrap:wrap}.footer button{background:none;border:0;color:inherit;text-decoration:underline;padding:0}a,button,details{transition:background-color .18s ease,color .18s ease,opacity .18s ease}#analytics-dialog[open]{animation:guide-reveal .18s ease}@keyframes guide-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:650px){.site-header{height:auto;padding-block:22px;flex-wrap:wrap;gap:24px}.site-header nav{position:static;width:auto;display:flex;gap:18px;flex-wrap:wrap;border:0;box-shadow:none;background:transparent;padding:0}.brand img{width:180px;height:49px}.article{padding-top:16px}.article .intro{font-size:20px}.article h2{font-size:25px}.guide-cta .button{width:100%}.footer{gap:20px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.article .marketing-photo { margin: 28px auto 36px; max-width: 720px; }
.marketing-photo img { display: block; width: 100%; height: auto; border-radius: 12px; }