/* Blog hub, article index, and Journal wayfinding. Scoped to these public routes. */
body:is(.page-blog-hub,.page-articles-landing){background:#f5f9fa;color:#173746}
body:is(.page-blog-hub,.page-articles-landing) main#main-content.wrapper{display:block;width:auto;max-width:none;margin:0;padding:0 24px 54px;background:#f5f9fa}
.blog-landings{max-width:1320px;margin:auto;color:#173746;font:16px/1.6 Arial,Helvetica,sans-serif}
.blog-landings *,.journal-index .blog-route-strip *{box-sizing:border-box}
.blog-landings :is(h1,h2,h3),#main-content .blog-landings :is(h1,h2,h3){margin:0;padding:0;text-transform:none!important;text-align:left!important;font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.035em;line-height:1.1}
.blog-landings p{margin:0;text-align:left!important;font-size:15px;line-height:1.65}
.blog-landings a{text-decoration:none}
.blog-landings a:hover,.journal-index .blog-route-strip a:hover{text-decoration:none}
.blog-landings a:focus-visible,.blog-landings input:focus-visible,.blog-landings button:focus-visible,.journal-index .blog-route-strip a:focus-visible{outline:3px solid #ff8c40;outline-offset:4px}
.blog-crumb{display:flex;align-items:center;gap:10px;padding:18px 3px;color:#6b8189;font-size:12px}
.blog-crumb a{color:#346575!important}.blog-crumb span[aria-hidden]{color:#fa6c19}
.blog-kicker{margin:0 0 13px!important;color:#0a8299!important;font-size:11px!important;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.blog-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(260px,.86fr);align-items:center;gap:30px;min-height:405px;padding:48px 52px;overflow:hidden;border:1px solid #1d566a;border-top:5px solid #ff7019;border-radius:22px;background:radial-gradient(circle at 80% 12%,#12788b 0,transparent 38%),linear-gradient(115deg,#082a39 12%,#0b4050 60%,#126579);box-shadow:0 20px 42px #143c501f;color:#e3f4f6}
.blog-hero:after{position:absolute;right:-58px;bottom:-72px;width:215px;height:215px;border:30px solid #ffffff08;border-radius:50%;content:""}
.blog-hero-copy{position:relative;z-index:1;max-width:670px}
.blog-hero .blog-kicker{color:#95e2e1!important}
#main-content .blog-hero h1{max-width:690px;margin:0 0 22px;color:#fff!important;font-size:clamp(38px,4.4vw,59px);line-height:1.05}
#main-content .blog-hero h1 em{color:#9be0e5;font-style:normal}
.blog-hero-lead{max-width:590px;color:#d4e7ec!important;font-size:18px!important}
.blog-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.blog-hero-actions a,.blog-articles-hero .blog-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:47px;padding:12px 17px;border:1px solid #b7dfe25c;border-radius:9px;color:#fff!important;background:#ffffff10;font-size:13px;font-weight:800;transition:transform .18s ease,background .18s ease}
.blog-hero-actions a:hover,.blog-articles-hero .blog-secondary:hover{transform:translateY(-2px);background:#ffffff23}
.blog-hero-actions .blog-primary{border-color:#ff7a2c;background:linear-gradient(135deg,#f37723,#e95113)}
.blog-hero-visual{position:relative;display:grid;min-height:300px;place-items:center}
.blog-orbit{position:absolute;width:320px;height:320px;border:1px solid #86cad047;border-radius:50%}
.blog-orbit-two{width:245px;height:245px;border-style:dashed;border-color:#9fddcb70;transform:rotate(22deg)}
.blog-visual-sheet{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:min(255px,78%);min-height:295px;padding:24px;transform:rotate(-8deg);border:1px solid #aedbdf83;border-radius:12px;background:linear-gradient(155deg,#f8fbfa,#dbe9e8);box-shadow:17px 24px 0 #072d3a8a,24px 30px 28px #00131c75;color:#123745}
.blog-visual-sheet>span{font-size:11px;font-weight:900;letter-spacing:.15em;color:#07839d}
.blog-visual-sheet strong{font-size:clamp(35px,4vw,53px);line-height:.91;letter-spacing:-.065em}.blog-visual-sheet strong span{color:#eb671f}
.blog-visual-sheet i{font-size:12px;font-style:normal;line-height:1.35}
.blog-glyph{position:absolute;color:#9be9dd;font-size:30px}.blog-glyph-a{top:0;right:19%}.blog-glyph-b{bottom:5%;left:9%;color:#ffae6a}.blog-glyph-c{right:5%;bottom:8%}
.blog-route-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 0}
.blog-route-strip a{display:grid;grid-template-columns:auto 1fr;column-gap:11px;align-items:center;min-height:80px;padding:15px 19px;border:1px solid #cfe0e5;border-radius:12px;color:#1a4758!important;background:#fff;box-shadow:0 8px 18px #1537460a;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.blog-route-strip a:hover{transform:translateY(-2px);border-color:#41a7b7;box-shadow:0 12px 26px #15374618}
.blog-route-strip a[aria-current="page"]{border-color:#0a879a;background:#e7f5f6}
.blog-route-strip a>span{grid-row:1/3;display:grid;width:42px;height:42px;place-items:center;border-radius:10px;color:#0a768c;background:#dcf1f3;font-size:21px}
.blog-route-strip strong{font-size:14px;line-height:1.1}.blog-route-strip small{color:#66808a;font-size:11px}
.blog-paths,.blog-preview,.blog-library{padding:62px 0 4px}
.blog-section-intro{margin-bottom:24px}.blog-section-intro h2,.blog-section-heading h2,#main-content .blog-final h2{color:#123746;font-size:clamp(29px,3vw,40px)}
.blog-section-intro>p:last-child{margin-top:10px;color:#5f7782}
.blog-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.blog-path{position:relative;display:flex;min-height:294px;flex-direction:column;overflow:hidden;padding:32px;border:1px solid #bfd7dd;border-radius:17px;background:#fff;color:#143945!important;box-shadow:0 14px 30px #123a4b13;transition:transform .2s ease,box-shadow .2s ease}
.blog-path:hover{transform:translateY(-4px);box-shadow:0 20px 38px #123a4b22}.blog-path:before{position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#0b9bb0,#8dd6c9);content:""}
.blog-path-journal:before{background:linear-gradient(90deg,#ff711a,#f4bc66)}
.blog-path-mark{position:absolute;right:22px;top:27px;color:#b2e0e5;font-size:75px;line-height:1}.blog-path-journal .blog-path-mark{color:#ffe1c8}
.blog-path-number{margin-bottom:48px;color:#0a8299;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.blog-path-journal .blog-path-number{color:#d65c16}
#main-content .blog-path h3{position:relative;color:#113b4a;font-size:29px}.blog-path p{position:relative;max-width:440px;margin:13px 0 28px;color:#5b7580}
.blog-path b{margin-top:auto;color:#087d91;font-size:13px}.blog-path-journal b{color:#d45e1a}
.blog-section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}
.blog-section-heading a,.blog-section-heading>span{flex:none;color:#087f95;font-size:13px;font-weight:800}.blog-section-heading a:hover{text-decoration:underline}
.blog-preview-grid,.blog-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.blog-preview-card{display:flex;min-width:0;min-height:258px;flex-direction:column;padding:25px;border:1px solid #d4e3e8;border-top:4px solid #0a9eb4;border-radius:13px;background:#fff;box-shadow:0 10px 24px #17374610}
.blog-preview-card:nth-child(3n+2){border-top-color:#ff711a}.blog-preview-card:nth-child(3n){border-top-color:#90c948}
.blog-card-symbol{display:grid;width:42px;height:42px;margin-bottom:16px;place-items:center;border-radius:9px;color:#0b8196;background:#e8f5f6;font-size:22px}
.blog-card-kind{margin-bottom:7px!important;color:#de671d;font-size:10px!important;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
#main-content .blog-preview-card h3{margin-bottom:11px;color:#163f4c;font-size:22px;line-height:1.22}.blog-preview-card h3 a{color:inherit!important}.blog-preview-card h3 a:hover{color:#087e96!important;text-decoration:underline}
.blog-preview-card>p:not(.blog-card-kind){color:#5d7680;font-size:13px!important}.blog-card-link{margin-top:auto;padding-top:20px;color:#087c92!important;font-size:12px;font-weight:900}
.blog-journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.blog-journal-card{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(0,1fr);min-height:225px;overflow:hidden;border:1px solid #d2e0e5;border-radius:14px;background:#fff;box-shadow:0 10px 26px #17374615}
.blog-journal-art{display:block;background:#0b4254}.blog-journal-art img{display:block;width:100%;height:100%;object-fit:cover}.blog-journal-card>div{display:flex;flex-direction:column;align-items:flex-start;padding:25px}
.blog-journal-card>div>span{margin-bottom:14px;color:#d9631c;font-size:11px;font-weight:850;text-transform:uppercase}.blog-journal-card h3{font-size:22px!important}.blog-journal-card h3 a{color:#153c4a!important}.blog-journal-card>div>a{margin-top:auto;padding-top:20px;color:#087e93!important;font-size:12px;font-weight:850}
.blog-final{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin-top:64px;padding:28px 32px;border-radius:15px;background:#123c4a;color:#d2e8ed}.blog-final>span{color:#a1e1dd;font-size:44px}.blog-final .blog-kicker{color:#95e2e1!important}.blog-final h2,#main-content .blog-final h2{color:#fff;font-size:26px}.blog-final p:not(.blog-kicker){color:#c2dde4;font-size:13px}.blog-final>div:last-child{display:grid;gap:9px}.blog-final a{min-width:165px;padding:10px 12px;border:1px solid #9fd2d958;border-radius:8px;color:#fff!important;font-size:12px;font-weight:850;text-align:center}
.blog-articles-hero{min-height:315px;background:radial-gradient(circle at 85% 5%,#2e6e7c,transparent 35%),linear-gradient(120deg,#0a3240,#124d5e)}.blog-articles-hero .blog-secondary{margin-top:22px}
.blog-article-art{position:relative;display:flex;min-height:220px;flex-direction:column;justify-content:space-between;padding:25px 32px;transform:rotate(3deg);border:1px solid #a4d2d9a6;border-radius:13px;background:#eff7f5;color:#0e4a5d;box-shadow:15px 18px 0 #042735ab}.blog-article-art>span{font-size:11px;font-weight:900;letter-spacing:.18em}.blog-article-art>div{color:#1e94a4;font-size:75px;line-height:1}.blog-article-art>b{font-size:27px;line-height:1.04;letter-spacing:-.03em}
.blog-search{margin-bottom:22px;padding:20px;border:1px solid #d3e3e8;border-radius:13px;background:#fff}.blog-search label{display:block;margin-bottom:7px;font-size:12px;font-weight:850}.blog-search>div{display:flex;gap:9px}.blog-search input{width:100%;min-width:0;min-height:44px;padding:10px 13px;border:1px solid #bbd2d9;border-radius:8px;background:#f8fbfb;color:#163b48;font:inherit;font-size:14px}.blog-search button{min-width:104px;border:0;border-radius:8px;background:#087f98;color:#fff;font:inherit;font-size:13px;font-weight:850;cursor:pointer}.blog-search a{align-self:center;color:#546f79;font-size:12px}
.blog-empty{grid-column:1/-1;padding:30px;border:1px dashed #b5d1d9;border-radius:12px;background:#fff;color:#5e7781}.blog-empty a{color:#087e93!important}
.blog-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px;color:#647f89;font-size:12px}.blog-pagination>div{display:flex;gap:8px}.blog-pagination a{display:inline-block;padding:9px 13px;border:1px solid #c3d9df;border-radius:8px;color:#0b7186!important;background:#fff;font-weight:800}
.journal-index .blog-crumb{padding-top:0}.journal-index .blog-route-strip{margin:0 0 20px}.journal-index .blog-route-strip a{font-family:Arial,Helvetica,sans-serif}
@media(max-width:960px){.blog-hero{grid-template-columns:minmax(0,1fr) minmax(200px,.65fr);padding:40px 34px}.blog-hero-visual{min-height:250px}.blog-visual-sheet{min-height:235px}.blog-orbit{width:250px;height:250px}.blog-orbit-two{width:190px;height:190px}.blog-journal-card{grid-template-columns:1fr}.blog-journal-art{height:190px}.blog-final{grid-template-columns:auto 1fr}.blog-final>div:last-child{grid-column:2;grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){body:is(.page-blog-hub,.page-articles-landing) main#main-content.wrapper{padding:0 14px 35px}.blog-hero{grid-template-columns:1fr;padding:32px 24px;gap:30px}.blog-hero-visual{min-height:220px}.blog-visual-sheet{min-height:210px;width:180px}.blog-orbit{width:230px;height:230px}.blog-orbit-two{width:170px;height:170px}.blog-route-strip{grid-template-columns:1fr;gap:7px}.blog-route-strip a{min-height:60px;padding:10px 14px}.blog-route-strip a>span{width:38px;height:38px}.blog-paths,.blog-preview,.blog-library{padding-top:43px}.blog-path-grid,.blog-journal-grid{grid-template-columns:1fr}.blog-path{min-height:265px}.blog-preview-grid,.blog-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-section-heading{align-items:flex-start;flex-direction:column}.blog-final{display:block}.blog-final>span{display:block;margin-bottom:7px}.blog-final>div:last-child{display:grid;grid-template-columns:1fr;margin-top:17px}.blog-articles-hero .blog-article-art{display:none}}
@media(max-width:510px){#main-content .blog-hero h1{font-size:38px}.blog-hero-lead{font-size:16px!important}.blog-hero-actions{display:grid}.blog-preview-grid,.blog-library-grid{grid-template-columns:1fr}.blog-preview-card{min-height:225px}.blog-journal-card{grid-template-columns:1fr}.blog-section-intro h2,.blog-section-heading h2{font-size:29px}.blog-search>div{flex-wrap:wrap}.blog-search button{min-height:43px;flex:1}.blog-crumb{font-size:11px}}
@media(prefers-reduced-motion:reduce){.blog-landings a,.journal-index .blog-route-strip a{transition:none!important}}