/* Blog archive only. Shared brand, navigation and buttons live in styles.css. */
.journal-hero{position:relative;isolation:isolate;overflow:hidden;background:#10222b;color:white;text-align:center;padding:58px 0 64px}
.journal-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:-2}
.journal-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07172499,#071724bf);z-index:-1}
.journal-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#40d5e7 40%,var(--mtp-pink))}
.journal-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:#08788c;margin-bottom:12px}
.journal-hero .journal-label{color:#77e5ef}.journal-hero h1{font-size:clamp(2.4rem,4.4vw,4rem);max-width:900px;margin:auto;text-wrap:balance}.journal-hero .container>p:last-child{color:#eff6fa;max-width:600px;margin:20px auto 0;font-size:1.1rem}

.journal-section{padding-block:40px 64px}.journal-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:30px;border-bottom:1px solid #e0e8ec}.journal-heading h2{font-size:2.2rem}.journal-categories{display:flex;align-items:center;gap:12px}.journal-categories label{font-size:.9375rem;font-weight:700;color:#52626b}.journal-categories select{width:240px;max-width:100%;min-height:48px;padding:11px 36px 11px 14px;border:1px solid #ccd8de;border-radius:10px;background:#fff;color:#111317;font:inherit;font-size:.9375rem;cursor:pointer}.journal-categories select:hover{border-color:#809ba7}
.journal-category{padding-top:36px;scroll-margin-top:110px}.journal-category-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.journal-category-heading h2{font-size:1.7rem}.journal-category-heading>a{font-size:.9375rem;font-weight:700;color:#08788c;min-height:44px;display:flex;align-items:center;gap:9px}
.journal-pagination{text-align:center;margin-top:36px}.journal-pagination .button{background:#111317}
@media(max-width:1000px){.journal-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.journal-hero{padding:42px 0 46px}.journal-hero h1{font-size:2.5rem}.journal-hero .container>p:last-child{font-size:1rem}.journal-section{padding-block:30px 42px}.journal-heading h2{font-size:1.9rem}.journal-category{padding-top:30px}.journal-category-heading h2{font-size:1.5rem}}


/* Keep the Blog menu label neutral, including its current-page state. */
body[data-page="blog"] .main-nav a[href="blog.html"]{color:#111317}
@media(max-width:540px){.journal-categories{width:100%}.journal-categories select{flex:1;width:auto;min-width:0}}