/* Open articles share the public page width and an explicit, readable night palette. */
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] main{min-width:0!important;background:#07121e!important;color:#d8e6ee!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-view{width:100%!important;max-width:none!important;margin:0!important;padding:clamp(16px,2vw,36px) 0!important;--ink:#edf6fa;--muted:#c3d7e3;--paper:#102132;--line:#456075;--mint:#82edcb;--navy:#102132}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-view article{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;color:#d8e6ee!important;min-width:0!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-head{width:100%!important;max-width:none!important;text-align:left!important;margin:0 0 28px!important;padding:0!important;background:transparent!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-head h1{max-width:none!important;width:100%!important;margin:12px 0 20px!important;font-size:clamp(32px,3.5vw,68px)!important;line-height:1.14!important;letter-spacing:-.035em!important;text-align:left!important;color:#f0f7fb!important;overflow-wrap:break-word}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-deck{max-width:85ch!important;font-size:clamp(19px,1.5vw,25px)!important;line-height:1.6!important;color:#d3e2eb!important;margin:0 0 22px!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-byline{display:flex!important;flex-wrap:wrap!important;gap:8px 22px!important;align-items:center!important;color:#b6cbd8!important;font-size:15px!important;line-height:1.7!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-byline :is(strong,span,time){color:#c3d7e3!important;font-size:15px!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .breadcrumbs{margin:0 0 24px!important;font-size:14px!important;line-height:1.7!important;color:#b6cbd8!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-view .eyebrow{color:#97e8d4!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body{width:100%!important;max-width:none!important;margin:32px 0 0!important;padding:0!important;box-sizing:border-box!important;background:transparent!important;border:0!important;border-radius:0!important;font-size:clamp(18px,1.15vw,21px)!important;line-height:1.8!important;color:#d8e6ee!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body :is(p,li,dt,dd,label){color:#d8e6ee!important;line-height:1.8!important;overflow-wrap:anywhere}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body :is(p,li,dt,dd){font-size:clamp(18px,1.15vw,21px)!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body>p,html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body>ul,html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body>ol{max-width:110ch!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body p{margin:0 0 22px!important;text-align:left!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body :is(h2,h3,h4){max-width:none!important;text-align:left!important;color:#f0f7fb!important;line-height:1.35!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body h2{font-size:clamp(25px,2vw,36px)!important;margin:42px 0 18px!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body h3{font-size:clamp(21px,1.5vw,27px)!important;margin:30px 0 14px!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body :is(strong,b){color:#f0f7fb!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body .lead{font-size:clamp(20px,1.4vw,25px)!important;color:#e1eef5!important;line-height:1.75!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-view a:not(.button){color:#9af0d5!important;text-decoration:underline!important;text-underline-offset:3px;overflow-wrap:anywhere}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-view figure{max-width:none!important;width:100%!important;margin:32px 0!important;padding:0!important;min-width:0!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-hero{margin:0 0 32px!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-view :is(.article-hero,.article-body figure)>img{display:block!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:14px!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-view .article-hero>img{max-height:min(800px,80dvh)!important;object-fit:cover!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-view figcaption,html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-view figcaption :is(span,strong),html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body :is(.small,.source-note,small,.checklist-status,.cw-checklist-help){font-size:14px!important;line-height:1.7!important;color:#b6cbd8!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-view figcaption{padding:10px 0 0!important;margin:0!important;text-align:left!important;background:transparent!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-view :is(.article-callout,.draft-notice,.article-sources,.asset-credits,.cw-article-jumps,.checklist,.scout-feature,.related-guides,.related-item,.related-card,.source-panel,.takeaway,.sources,.article-toc,.cw-discovery-answer,.article-editorial,.callout){box-sizing:border-box!important;max-width:100%!important;background:#152c3e!important;color:#d8e6ee!important;border-color:#52758a!important;box-shadow:none!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-view :is(p,li,dt,dd,label,td,th){color:#d8e6ee!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-view :is(h2,h3,h4,strong,b){color:#f0f7fb!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-view :is(.takeaway,.sources,.article-toc,.cw-discovery-answer,.article-editorial,.callout){padding:22px!important;margin:28px 0!important;border:1px solid #52758a!important;border-radius:14px!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-view .related-photo-credit{background:#152c3e!important;color:#b6cbd8!important;font-size:14px!important;line-height:1.6!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-view .related-photo img{width:100%!important;height:clamp(180px,15vw,300px)!important;object-fit:cover!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body :is(.article-callout,.article-sources,.asset-credits,.cw-article-jumps,.draft-notice){padding:clamp(18px,2vw,28px)!important;border:1px solid #52758a!important;border-radius:14px!important;margin:28px 0!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body .cw-article-jumps{display:flex!important;flex-wrap:wrap!important;gap:12px 24px!important;font-size:16px!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body .checklist{padding:10px 22px!important;border:1px solid #52758a!important;border-radius:14px!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body .checklist label{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:16px 0!important;border-color:#456075!important;font-size:18px!important;background:transparent!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body .checklist input{appearance:auto!important;flex:0 0 20px!important;width:20px!important;height:20px!important;margin:6px 0 0!important;accent-color:#82edcb!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body :is(.article-sources,.asset-credits) h2{margin-top:0!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body :is(.article-sources,.asset-credits) :is(p,li){font-size:16px!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-view .article-cta{display:flex!important;flex-wrap:wrap!important;gap:14px!important;padding:26px!important;background:#163b40!important;color:#edf6fa!important;border:1px solid #52758a!important;border-radius:14px!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-view .button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:12px 20px!important;max-width:100%!important;white-space:normal!important;background:#82edcb!important;color:#082c2b!important;border:1px solid #82edcb!important;border-radius:9px!important;font-size:16px!important;line-height:1.5!important;text-decoration:none!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-view :is(.button-light,.checklist-reset){background:#173246!important;color:#edf6fa!important;border-color:#628595!important}
html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-view :is(table,pre){display:block;max-width:100%;overflow:auto}
@media(max-width:700px){html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-head h1{font-size:clamp(30px,7vw,42px)!important}html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body .checklist{padding:8px 14px!important}html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-view .article-cta{padding:18px!important}html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-view .article-cta .button{width:100%!important}html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body>p,html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body>ul,html[data-cw-blog-layout][data-cw-blog-layout][data-cw-blog-layout] .article-body>ol{max-width:100%!important}}
/* Controls on article pages and the blog catalog remain visible in the shared palette. */
html[data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls] main :is(button,.button,[role=button],input[type=submit],input[type=button],a.filter):not([hidden]),html[data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls] main .blog-pagination :is(a,[aria-current=page]){display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;max-width:100%!important;gap:8px!important;margin:4px 0!important;padding:12px 20px!important;border:1px solid #82edcb!important;border-radius:9px!important;background:#82edcb!important;color:#082c2b!important;font:700 16px/1.5 Inter,ui-sans-serif,system-ui,sans-serif!important;text-align:center!important;text-decoration:none!important;white-space:normal!important;opacity:1!important;box-sizing:border-box!important;box-shadow:none!important}
html[data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls] main :is(.button-light,.checklist-reset,.filter:not(.active)){background:#173246!important;color:#edf6fa!important;border-color:#628595!important}
html[data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls] main :is(button,.button,[role=button],input[type=submit],input[type=button],a.filter):hover{border-color:#bcb0f2!important;box-shadow:0 0 0 2px #bcb0f255!important}
html[data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls] main :is(button,.button,[role=button],input[type=submit],input[type=button],a.filter,.blog-pagination a):focus-visible{outline:3px solid #bcb0f2!important;outline-offset:4px!important}
html[data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls] main button:disabled{background:#26394a!important;color:#c3d7e3!important;border-color:#628595!important;opacity:1!important;cursor:default!important}
/* Compact actions stay centered in their panels instead of filling the panel width. */
html[data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls] main :is(button,.button,[role=button],input[type=submit],input[type=button],a.filter):not([hidden]){width:auto!important;min-width:0!important;max-width:100%!important;min-height:42px!important;flex:0 1 auto!important;justify-self:center!important;align-self:center!important;padding:10px 18px!important;font-size:15px!important}
html[data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls] main :is(.article-cta,.next-step-links){display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:12px!important}
html[data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls] main .article-cta>h2{flex-basis:100%!important;text-align:center!important;margin:0 0 6px!important}
html[data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls][data-cw-blog-controls] main .checklist-reset{display:flex!important;width:max-content!important;max-width:100%!important;margin:16px auto 26px!important}

/* Keep secondary action labels readable against their dark fill. */
html[data-cw-blog-controls] main#main :is(.button-light,.checklist-reset,.filter:not(.active)){background:#173246!important;color:#edf6fa!important;border-color:#628595!important}
html[data-cw-blog-controls] main#main .button-light *{color:inherit!important}

html[data-cw-blog-controls] main :is(button,.button,[role=button],input[type=submit],input[type=button],a.filter){-webkit-text-fill-color:currentColor!important}
html[data-cw-blog-controls] main#main .button-light,html[data-cw-blog-controls] main#main .button-light *{-webkit-text-fill-color:#edf6fa!important}
