/* Astra-06 editorial routes. Scoped to the Blog CMS wrapper and article structure. */
#main>.utility-page.blog{--u-blue:#1847ed;--u-ink:#171a20;--u-night:#101c36;--u-muted:#596579;--u-line:#dce2eb;--u-paper:#f3f5f8;background:var(--u-paper);color:var(--u-ink);font-family:Inter,Arial,sans-serif;overflow:hidden}
#main>.utility-page.blog *{box-sizing:border-box}
#main>.utility-page.blog .u-shell{width:min(100% - 112px,1280px);margin-inline:auto}
#main>.utility-page.blog .u-hero{padding:112px 0 106px;position:relative;overflow:hidden;background:#fff;color:var(--u-ink)}
#main>.utility-page.blog .u-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0,transparent 49.9%,currentColor 50%,transparent 50.1%);opacity:.045}
#main>.utility-page.blog .u-hero>*{position:relative;z-index:1}
#main>.utility-page.blog .u-eyebrow{display:block;margin-bottom:24px;color:var(--u-blue);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
#main>.utility-page.blog .u-hero h1{max-width:980px;margin:0;color:var(--u-ink)!important;font-family:Inter,Arial,sans-serif!important;font-size:clamp(46px,6.6vw,96px)!important;line-height:.99!important;letter-spacing:-.07em!important;font-weight:700!important}
#main>.utility-page.blog .u-hero p{max-width:770px;font-size:clamp(17px,1.7vw,22px);line-height:1.55;margin:28px 0 0;color:var(--u-ink);opacity:.78}
#main>.utility-page.blog .u-hero .u-hero-note{font-size:14px;max-width:850px;opacity:.72;border-left:2px solid currentColor;padding-left:18px;margin-top:28px}
#main>.utility-page.blog .u-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
#main>.utility-page.blog .u-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:13px 21px;background:var(--u-blue);border:1px solid var(--u-blue);color:#fff!important;text-decoration:none!important;font-weight:700;font-size:14px;transition:transform .2s,background .2s}
#main>.utility-page.blog .u-button:hover{transform:translateY(-2px);background:#0d35ca}
#main>.utility-page.blog .u-live-content{padding:56px 0 88px;background:var(--u-paper);font-size:16px;line-height:1.66}
#main>.utility-page.blog .u-live-content>.container,#main>.utility-page.blog .u-live-content>.container-fluid>.container{max-width:1280px!important;width:calc(100% - 112px)!important;padding:36px 0!important;margin-inline:auto!important}
#main>.utility-page.blog .u-live-content>.container-fluid{padding:0!important;background:transparent!important}
#main>.utility-page.blog .u-live-content h2{font-family:Inter,Arial,sans-serif!important;font-size:clamp(30px,3vw,46px)!important;font-weight:700!important;line-height:1.12!important;letter-spacing:-.055em!important;color:var(--u-ink)!important;margin:0 0 17px!important}
#main>.utility-page.blog .u-live-content p{color:#526074!important;line-height:1.65!important}
#main>.utility-page.blog .u-live-content a{color:var(--u-blue);font-weight:700}
#main>.utility-page.blog .u-live-content .headers-bordered{display:inline-block!important;width:auto!important;min-height:0!important;text-align:left!important;border:0!important;border-bottom:2px solid var(--u-blue)!important;padding:0 0 8px!important;margin:0 0 25px!important;background:none!important;color:var(--u-blue)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.16em!important;text-transform:uppercase;line-height:1.25!important}
#main>.utility-page.blog .u-live-content .headers-bordered::before,#main>.utility-page.blog .u-live-content .headers-bordered::after{content:none!important;display:none!important}
#main>.utility-page.blog .u-live-content>.container:has(>article){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
#main>.utility-page.blog .u-live-content>.container>.headers-bordered{grid-column:1/-1}
#main>.utility-page.blog .u-live-content article{min-width:0;background:#fff!important;border:1px solid var(--u-line)!important;border-radius:0!important;padding:34px!important;margin:0!important;box-shadow:none!important}
#main>.utility-page.blog .u-live-content article:first-of-type{grid-column:1/-1;background:var(--u-night)!important;color:#fff!important;min-height:320px}
#main>.utility-page.blog .u-live-content article:first-of-type h2,#main>.utility-page.blog .u-live-content article:first-of-type p,#main>.utility-page.blog .u-live-content article:first-of-type a{color:#fff!important}
#main>.utility-page.blog .u-live-content article>span{display:block!important;font-size:11px!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--u-blue)!important;font-weight:800!important;margin-bottom:19px!important}
#main>.utility-page.blog .u-live-content article:first-of-type>span{color:#9db8ff!important}
#main>.utility-page.blog .u-live-content article h2{font-size:clamp(27px,3vw,43px)!important}
#main>.utility-page.blog .u-live-content article .hawai-box-link{display:inline-flex;margin-top:18px;text-decoration:none}
#main>.utility-page.blog .u-live-content>.gray-container{background:var(--u-paper)!important;border:0!important}
#main>.utility-page.blog .u-live-content>.gray-container p{font-size:16px!important;max-width:720px}

#main:has(>.blog-post-body){--deep-ink:#171a20;--deep-muted:#505660;--deep-blue:#1847ed;--deep-paper:#f3f5f8;--deep-line:#d7dbe2;--deep-night:#071f38;--deep-cyan:#49deec;background:#fff;color:var(--deep-ink);font-family:Inter,Arial,sans-serif;overflow:hidden}
#main:has(>.blog-post-body) *{box-sizing:border-box}
#main:has(>.blog-post-body) :is(h1,h2,h3){font-family:Inter,Arial,sans-serif!important;letter-spacing:-.045em!important;font-weight:650!important}
#main:has(>.blog-post-body) :is(p,li){font-family:Inter,Arial,sans-serif!important}
#main:has(>.blog-post-body) a{color:var(--deep-blue)!important;text-underline-offset:4px}
#main:has(>.blog-post-body) :is(a,button):focus-visible{outline:3px solid var(--deep-blue)!important;outline-offset:4px!important}
#main:has(>.blog-post-body) code,#main:has(>.blog-post-body) pre{font-family:'JetBrains Mono',monospace!important}
#main:has(>.blog-post-body)>.blog-post-body:first-child{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);column-gap:8%;padding:70px max(80px,calc((100% - 1280px)/2)) 78px!important;margin:0!important;background:var(--deep-night)!important;color:#fff!important;border-bottom:5px solid var(--deep-cyan)}
#main:has(>.blog-post-body)>.blog-post-body:first-child .blog-post-eyebrow{grid-column:1/-1;color:var(--deep-cyan)!important;font:500 11px/1.6 'JetBrains Mono',monospace!important;letter-spacing:.11em!important;text-transform:uppercase!important;margin:0 0 28px!important;max-width:none!important}
#main:has(>.blog-post-body)>.blog-post-body:first-child h1{grid-column:1;align-self:start;color:#fff!important;font-size:clamp(43px,4.35vw,68px)!important;line-height:1.04!important;letter-spacing:-.06em!important;margin:0!important;max-width:780px!important}
#main:has(>.blog-post-body)>.blog-post-body:first-child .blog-post-lead{grid-column:2;align-self:end;color:#d4e1ec!important;font-size:17px!important;line-height:1.7!important;margin:0!important;padding:0!important;border:0!important;max-width:500px!important}
#main:has(>.blog-post-body)>.blog-post-body:nth-child(2){width:calc(100% - 160px)!important;max-width:880px!important;margin:0 auto!important;padding:72px 0 92px!important;counter-reset:articleSection}
#main:has(>.blog-post-body)>.blog-post-body:nth-child(2) h2{position:relative;counter-increment:articleSection;max-width:none!important;color:var(--deep-ink)!important;font-size:clamp(27px,2.65vw,38px)!important;line-height:1.2!important;margin:56px 0 21px!important;padding:18px 0 0 70px!important;border-top:1px solid var(--deep-line)}
#main:has(>.blog-post-body)>.blog-post-body:nth-child(2) h2:first-child{margin-top:0!important}
#main:has(>.blog-post-body)>.blog-post-body:nth-child(2) h2:before{content:counter(articleSection,decimal-leading-zero) ' /';position:absolute;left:0;top:20px;color:var(--deep-blue);font:500 11px/1.5 'JetBrains Mono',monospace;letter-spacing:.04em}
#main:has(>.blog-post-body)>.blog-post-body:nth-child(2) h3{color:var(--deep-ink)!important;font-size:24px!important;line-height:1.3!important;margin:35px 0 12px!important}
#main:has(>.blog-post-body)>.blog-post-body:nth-child(2) p,#main:has(>.blog-post-body)>.blog-post-body:nth-child(2) li{color:var(--deep-muted)!important;font-size:16px!important;line-height:1.82!important;max-width:none!important}
#main:has(>.blog-post-body)>.blog-post-body:nth-child(2) p{margin:0 0 20px!important}
#main:has(>.blog-post-body)>.blog-post-body:nth-child(2) ul,#main:has(>.blog-post-body)>.blog-post-body:nth-child(2) ol{padding-left:23px!important;margin:15px 0 24px!important;max-width:none!important}
#main:has(>.blog-post-body)>.blog-post-body:nth-child(2) li{padding-left:4px;margin-bottom:11px}
#main:has(>.blog-post-body)>.blog-post-body:nth-child(2) li::marker{color:var(--deep-blue)}
#main:has(>.blog-post-body)>.blog-post-body:nth-child(2) p:last-child{border-top:1px solid var(--deep-line)!important;margin:52px 0 0!important;padding:23px 0 0!important}
#main:has(>.blog-post-body)>.blog-post-body:nth-child(2) p:last-child a{font:600 13px/1.5 Inter,sans-serif!important;text-decoration:none;border-bottom:1px solid var(--deep-blue)}
#main:has(>.blog-post-body) pre{background:var(--deep-night)!important;border-radius:0!important;overflow:auto;color:#e9f3fa!important}
#main:has(>.blog-post-body) code{background:var(--deep-paper)!important;color:var(--deep-blue)!important;border-radius:0!important;padding:2px 5px!important}
@media(max-width:980px){#main:has(>.blog-post-body)>.blog-post-body:first-child{padding-left:40px!important;padding-right:40px!important}#main:has(>.blog-post-body)>.blog-post-body:nth-child(2){width:calc(100% - 80px)!important}}
@media(max-width:760px){#main:has(>.blog-post-body)>.blog-post-body:first-child{display:block!important;padding:50px 20px 58px!important}#main:has(>.blog-post-body)>.blog-post-body:first-child .blog-post-eyebrow{font-size:10px!important;margin-bottom:20px!important}#main:has(>.blog-post-body)>.blog-post-body:first-child h1{font-size:clamp(37px,9.4vw,56px)!important;margin-bottom:20px!important}#main:has(>.blog-post-body)>.blog-post-body:first-child .blog-post-lead{font-size:15px!important}#main:has(>.blog-post-body)>.blog-post-body:nth-child(2){width:calc(100% - 40px)!important;padding:46px 0 65px!important}#main:has(>.blog-post-body)>.blog-post-body:nth-child(2) h2{padding-left:51px!important;font-size:29px!important;margin-top:42px!important}#main:has(>.blog-post-body)>.blog-post-body:nth-child(2) p,#main:has(>.blog-post-body)>.blog-post-body:nth-child(2) li{font-size:14px!important;line-height:1.75!important}}
@media(max-width:640px){#main>.utility-page.blog .u-shell{width:calc(100% - 40px)}#main>.utility-page.blog .u-hero{padding:92px 0 72px}#main>.utility-page.blog .u-hero h1{font-size:clamp(42px,12vw,67px)!important}#main>.utility-page.blog .u-live-content{padding-bottom:56px}#main>.utility-page.blog .u-live-content>.container,#main>.utility-page.blog .u-live-content>.container-fluid>.container{width:calc(100% - 40px)!important;padding:22px 0!important}#main>.utility-page.blog .u-live-content>.container:has(>article){grid-template-columns:1fr}#main>.utility-page.blog .u-live-content article:first-of-type{grid-column:1}}