/* Journal and editorial pages of the VAYLO premium site */
.editorial-hero{padding:105px 0 110px;background:radial-gradient(circle at 80% 30%,#dcefe3 0,transparent 36%),#f4f7f1}
.editorial-hero h1{font-size:clamp(48px,6.5vw,94px);margin:25px 0 27px;max-width:850px}
.editorial-hero p{font-size:18px;color:#647c75;max-width:690px;line-height:1.8}
.editorial-section{padding:75px 0 125px;background:#fffefa}
.editorial-overline{border-top:1px solid #d5e0d7;border-bottom:1px solid #d5e0d7;padding:19px 0;font-size:11px;letter-spacing:.17em;font-weight:800;display:flex;justify-content:space-between;color:#5b8476;margin-bottom:38px}
.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.article-card{background:#f6f8f4;border:1px solid #e0e7e0;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.article-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px #10283819}
.article-card-img{height:215px;width:100%;object-fit:cover;background:#132437}
.article-card-body{padding:27px 25px 30px;display:flex;flex-direction:column;flex:1}
.article-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#7a9690;margin-bottom:20px;font-weight:700}
.article-cat{background:#d9f0e4;color:#2e7159;padding:6px 8px;font-weight:800}
.article-card h2{font-size:22px;line-height:1.35;letter-spacing:-.05em;margin:0 0 13px}
.article-card p{color:#6e7f79;font-size:13px;line-height:1.8;margin-bottom:27px}
.article-readmore{margin-top:auto;font-size:12px;font-weight:800;color:#367c65}
.editorial-outro{padding:53px 0;background:#102737;color:white}
.editorial-outro .shell{display:flex;align-items:center;justify-content:space-between;gap:28px}
.editorial-outro p{font:600 clamp(22px,3vw,37px)/1.3 var(--display);letter-spacing:-.055em;margin:0}
.editorial-footer{padding-top:54px}
.editorial-footer .footer-main{padding-bottom:47px}
.article-layout{padding:65px 0 110px;background:#fffefa}
.article-body{max-width:860px;margin:auto}
.article-back{display:inline-flex;margin-bottom:34px;color:#3d836b;font-weight:700;font-size:12px}
.article-body h1{font-size:clamp(38px,5vw,70px);line-height:1.13;margin:12px 0 38px}
.article-hero-img{width:100%;max-height:450px;object-fit:cover;border:1px solid #d9e5dc;background:#1d2b3b}
.article-content{font-size:16px;line-height:1.95;color:#4e6160;padding-top:40px}
.article-content h2{font-size:28px;letter-spacing:-.05em;line-height:1.4;color:#182f35;margin:43px 0 17px}
.article-content p{margin-bottom:20px}
.article-cta-box{background:#e2efe5;padding:33px 35px;margin:55px 0 37px}
.article-cta-box h3{font-size:25px;letter-spacing:-.055em;margin-bottom:10px}
.article-cta-box p{color:#607b72;font-size:14px;margin-bottom:19px}
.article-cta-box .btn-primary{display:inline-flex;color:white;background:#102737;font-weight:700;font-size:13px;padding:14px 21px}
.empty-msg,.loading-msg{color:#687f78;font-size:15px;padding:25px 0}
@media(max-width:900px){.articles-grid{grid-template-columns:repeat(2,1fr)}.editorial-hero{padding:70px 0 75px}}
@media(max-width:650px){.articles-grid{grid-template-columns:1fr}.editorial-hero h1{font-size:clamp(42px,11vw,65px)}.editorial-hero p{font-size:15px}.editorial-section{padding:55px 0 75px}.editorial-outro .shell{align-items:flex-start;flex-direction:column}.article-layout{padding:45px 0 70px}.article-content{font-size:14px}.article-content h2{font-size:23px}}

/* Align VAYLO journal and article pages with the official navy / blue identity. */
.editorial-hero{background:radial-gradient(circle at 80% 30%,#ddebf6 0,transparent 36%),#f3f6f8}
.editorial-hero p{color:#647b8c}
.editorial-section,.article-layout{background:#fff}
.editorial-overline{border-color:#d1e0ec;color:#49779a}
.article-card{background:#f5f8fb;border-color:#dce7ef}
.article-meta{color:#7090a8}
.article-cat{background:#e0eff9;color:#2a648d}
.article-card p{color:#647c8e}
.article-readmore,.article-back{color:#356d97}
.editorial-outro{background:#0b2034}
.article-hero-img{border-color:#d6e4ee}
.article-content{color:#4e6678}
.article-content h2{color:#17374f}
.article-cta-box{background:#e5f1fa}
.article-cta-box p{color:#5f7b90}
.article-cta-box .btn-primary{background:#0b2034}
.empty-msg,.loading-msg{color:#688194}