.articles-page,.article-page{--articles-navy:#073f60;--articles-blue:#0d5c89;--articles-coral:#ef6d58;--articles-gold:#efad25;--articles-cream:#fff9ef;--articles-paper:#fffdf8;--articles-sky:#d7e9ee;background:var(--articles-cream);color:var(--articles-navy)}
.articles-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.articles-eyebrow{margin:0 0 17px;color:var(--articles-coral);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.articles-page h1,.articles-page h2,.article-page h1,.article-page h2,.article-page h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}.articles-hero{padding:88px 0 42px;background:linear-gradient(120deg,#fff9ef 58%,#fdecc4)}.articles-hero h1{max-width:880px;margin-bottom:24px;font-size:clamp(3.5rem,7vw,6.3rem);line-height:.98;letter-spacing:-.045em}.articles-hero .articles-shell>p:last-child{max-width:760px;color:#536b76;font-size:1.12rem;line-height:1.7}.articles-browser{padding-block:36px 100px}.articles-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:34px}.articles-heading h2{margin:0;font-size:clamp(2.6rem,5vw,4.35rem)}.articles-heading>p{color:#65777e}.article-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.article-filters button{padding:10px 16px;border:2px solid var(--articles-blue);border-radius:999px;background:transparent;color:var(--articles-navy);font:700 .9rem Arial,sans-serif;cursor:pointer}.article-filters button:hover,.article-filters button.active{background:var(--articles-blue);color:#fff}.article-count{margin:0 0 22px;color:#65777e}.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.article-card{display:flex;overflow:hidden;min-height:455px;flex-direction:column;border:2px solid var(--articles-blue);border-radius:18px;background:var(--articles-paper);box-shadow:8px 8px 0 var(--articles-gold);color:var(--articles-navy);text-decoration:none;transition:.2s}.article-card:hover{transform:translateY(-4px)}.article-card[hidden]{display:none}.article-card-art{display:flex;min-height:170px;align-items:center;justify-content:center;background:var(--articles-sky)}.article-card-art.tone-1{background:#fdecc4}.article-card-art.tone-2{background:#f8d9d1}.article-card-art img{width:100%;height:170px;object-fit:cover}.article-card-art b{color:rgba(7,63,96,.62);font:400 4rem Georgia,serif}.article-card-copy{display:flex;flex:1;flex-direction:column;padding:22px}.article-subject{margin-bottom:13px;color:var(--articles-coral);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.article-card h2{margin-bottom:15px;font-size:1.52rem;line-height:1.08}.article-card-copy>p{margin:0 0 18px;color:#526a74}.article-meta{margin-bottom:24px;color:#718188;font-size:.8rem}.article-card strong{margin-top:auto;color:var(--articles-blue);font-size:.9rem}.article-empty{padding:35px;border:2px dashed #aac6d1;border-radius:18px;text-align:center}.article-detail-hero{padding:70px 0 76px;background:#fdecc4}.article-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:65px}.article-back{display:inline-block;margin-bottom:28px;font-weight:800;text-decoration:none}.article-detail-hero h1{font-size:clamp(3.3rem,6vw,5.7rem);line-height:1;letter-spacing:-.04em}.article-detail-excerpt{max-width:720px;color:#536b76;font-size:1.12rem;line-height:1.7}.article-byline{font-size:.86rem;font-weight:700}.article-detail-image{overflow:hidden;aspect-ratio:4/3;border:2px solid var(--articles-blue);border-radius:18% 10% 16% 8% / 24% 18% 30% 20%;box-shadow:14px 14px 0 var(--articles-gold)}.article-detail-image img{width:100%;height:100%;object-fit:cover}.article-body{max-width:820px;padding-block:70px 100px;font-size:1.06rem;line-height:1.8}.article-body h2{margin-top:50px;font-size:2.5rem}.article-body h3{margin-top:36px;font-size:1.75rem}.article-body a{color:var(--articles-blue);font-weight:700}.article-body li{margin-bottom:10px}@media(max-width:1050px){.article-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.article-detail-grid{grid-template-columns:1fr}.article-detail-image{max-width:650px}}@media(max-width:640px){.articles-shell{width:min(calc(100% - 28px),1180px)}.articles-hero{padding:60px 0 34px}.articles-hero h1{font-size:3.6rem}.articles-heading{align-items:flex-start;flex-direction:column}.article-grid{grid-template-columns:1fr}.article-card{min-height:0}.article-detail-hero h1{font-size:3.3rem}}

/* Article index: bring the image into the hero and keep the reading order beside its heading. */
.articles-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:56px}
.articles-hero-grid h1{max-width:620px;font-size:clamp(3.1rem,5vw,5.2rem)}
.articles-hero-copy>p:last-child{max-width:590px;color:#536b76;font-size:1.12rem;line-height:1.7}
.articles-hero-image{overflow:hidden;aspect-ratio:4/3;border:2px solid var(--articles-blue);border-radius:18% 10% 16% 8% / 24% 18% 30% 20%;box-shadow:14px 14px 0 var(--articles-gold)}
.articles-hero-image img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.articles-heading .articles-order{margin:16px 0 0;color:#65777e;font-size:1rem;line-height:1.5}
@media(max-width:900px){.articles-hero-grid{grid-template-columns:1fr;gap:40px}.articles-hero-image{max-width:680px}}
@media(max-width:640px){.articles-hero-grid{gap:32px}.articles-hero-grid h1{font-size:clamp(3rem,11vw,3.6rem)}.articles-hero-image{box-shadow:9px 9px 0 var(--articles-gold)}}

/* Preserve CMS formatting and the full frame of uploaded article images. */
.article-body p{margin:0 0 1.35em}
.article-body strong{font-weight:700}
.article-body em{font-style:italic}
.article-body h4{margin:30px 0 18px;font-size:1.3rem;line-height:1.4}
.article-detail-excerpt{white-space:pre-line}
.article-detail-image{aspect-ratio:auto;border-radius:0;overflow:visible;min-width:0}
.article-detail-image img{display:block;width:100%;height:auto;object-fit:contain}
.article-card-art img{object-fit:contain}