/* Public articles pages (/articles and /articles/{slug}) */
.articles-main{background:var(--cream,#FCFAF6)}
.main-nav a.is-current{color:var(--gold)}
.articles-main .container{max-width:var(--maxw,1320px);margin:0 auto;padding-inline:28px}
.articles-hero{padding:72px 0 44px;background:var(--navy-dark,#071827);color:#fff}
.articles-hero h1{max-width:820px;margin-top:10px;color:#fff;font-size:clamp(34px,5vw,58px);line-height:1.05}
.articles-lead{max-width:680px;margin:18px 0 0;color:#cdd6df;font-size:17px;line-height:1.6}
.articles-wrap{padding:40px 0 64px}
.article-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.article-filters a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border:1px solid var(--border,#DDD7CB);border-radius:999px;background:#fff;color:var(--navy);font-size:14px;font-weight:600}
.article-filters a span{padding:1px 7px;border-radius:999px;background:var(--ivory,#F7F3EB);font-size:11px}
.article-filters a.is-active{background:var(--navy);border-color:var(--navy);color:#fff}.article-filters a.is-active span{background:rgba(255,255,255,.18)}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.article-card{min-width:0;border:1px solid var(--border,#DDD7CB);border-radius:14px;background:#fff;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.article-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -26px rgba(12,34,53,.45)}
.article-card-link{display:flex;flex-direction:column;height:100%}
.article-card-img{aspect-ratio:16/9;background:linear-gradient(135deg,#0c2235,#1d4364);display:grid;place-items:center;overflow:hidden}
.article-card-img img{width:100%;height:100%;object-fit:cover}
.article-card-img span{color:#e6c88f;font:600 64px var(--serif)}
.article-card-body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.article-cat{margin:0;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.article-card h2{font-size:23px;line-height:1.2}
.article-summary{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.article-byline{display:flex;align-items:center;gap:10px;margin:auto 0 0;padding-top:12px;color:var(--muted);font-size:12.5px}
.article-byline img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.article-byline strong{display:block;color:var(--navy);font-size:13px}
.article-card.is-featured{grid-column:1/-1}
.article-card.is-featured .article-card-link{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.article-card.is-featured .article-card-img{aspect-ratio:auto;min-height:300px}
.article-card.is-featured .article-card-body{justify-content:center;padding:32px}
.article-card.is-featured h2{font-size:clamp(28px,3vw,38px)}
.article-pages{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;color:var(--muted);font-size:14px}
.articles-empty{padding:48px 24px;border:1px dashed var(--border);border-radius:14px;background:#fff;text-align:center}
.articles-empty h1,.articles-empty h2{font-size:30px}.articles-empty p{margin:10px auto 20px;max-width:520px;color:var(--muted)}
.articles-empty .btn{display:inline-flex}
.article-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:44px;padding:28px 32px;border-radius:14px;background:var(--navy);color:#fff}
.article-cta h2{color:#fff;font-size:28px}.article-cta p{margin:8px 0 0;color:#cdd6df;max-width:620px}
.article-cta .btn{flex:0 0 auto}
/* single article */
.article-narrow{max-width:780px!important}
.article-head{padding:48px 0 28px;background:#fff;border-bottom:1px solid var(--border)}
.article-crumbs{display:flex;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:13px;margin-bottom:16px}.article-crumbs a{color:var(--gold);font-weight:600}
.article-head h1{font-size:clamp(32px,4.6vw,50px);line-height:1.1}
.article-standfirst{margin:16px 0 0;color:#3b4f63;font-size:19px;line-height:1.55}
.article-author{display:flex;align-items:center;gap:12px;margin-top:24px}
.article-author img,.article-author-mark{width:48px;height:48px;border-radius:50%;object-fit:cover}
.article-author-mark{display:grid;place-items:center;background:var(--navy);color:#e6c88f;font:600 22px var(--serif)}
.article-author strong{display:block;color:var(--navy);font-size:15px}.article-author strong a{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
.article-author span{color:var(--muted);font-size:13px}
.article-cover-wrap{max-width:1000px!important;margin-top:28px!important}
.article-cover{width:100%;max-height:520px;object-fit:cover;border-radius:14px}
.article-page .article-body{margin-top:32px}
.article-disclaimer{margin:32px 0 0;padding:14px 16px;border:1px solid #e2cfa9;border-radius:10px;background:#f6ecd9;color:#5c4520;font-size:13.5px;line-height:1.55}
.article-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;color:var(--muted);font-size:13px;font-weight:600}
.article-share a{display:inline-flex;align-items:center;min-height:38px;padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--navy)}
.article-share a:hover{border-color:var(--gold)}
.article-author-box{display:flex;gap:20px;align-items:flex-start;margin:36px 0 56px;padding:24px;border:1px solid var(--border);border-radius:14px;background:#fff}
.article-author-box img{width:88px;height:88px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.article-author-box h2{margin-top:6px;font-size:26px}.article-author-box p:not(.eyebrow){margin:6px 0 14px;color:var(--muted)}
.article-author-box .btn{display:inline-flex}
.article-related{background:var(--ivory,#F7F3EB);padding-top:44px}.article-related h2{margin-bottom:22px;font-size:30px}
@media(max-width:1000px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .articles-main .container{padding-inline:18px}
  .articles-hero{padding:48px 0 32px}.articles-lead{font-size:15.5px}
  .article-grid{grid-template-columns:1fr}
  .article-card.is-featured .article-card-link{display:flex}.article-card.is-featured .article-card-img{aspect-ratio:16/9;min-height:0}.article-card.is-featured .article-card-body{padding:18px 20px 20px}
  .article-cta{flex-direction:column;align-items:flex-start;padding:24px 20px}.article-cta .btn{width:100%;justify-content:center}
  .article-head{padding:32px 0 22px}.article-standfirst{font-size:17px}
  .article-author-box{flex-direction:column}.article-author-box .btn{width:100%;justify-content:center}
  .article-page .article-body{font-size:16.5px}
}

/* article typography (preview and public page) */
.cla-preview,.article-body{font-size:17px;line-height:1.75;color:#1d2f40}
.cla-preview-title{margin:0 0 14px;font:600 30px/1.2 Newsreader,Georgia,serif;color:var(--cla-navy,#0c2235)}
.cla-preview h2,.article-body h2{margin:1.6em 0 .5em;font:600 26px/1.25 Newsreader,Georgia,serif;color:#0c2235}
.cla-preview h3,.article-body h3{margin:1.4em 0 .4em;font:600 21px/1.3 Newsreader,Georgia,serif;color:#0c2235}
.cla-preview p,.article-body p{margin:0 0 1.1em}
.cla-preview ul,.cla-preview ol,.article-body ul,.article-body ol{margin:0 0 1.2em;padding-left:1.4em}.cla-preview li,.article-body li{margin:.3em 0}
.cla-preview blockquote,.article-body blockquote{margin:1.4em 0;padding:12px 18px;border-left:4px solid #b8914f;background:#f7f3eb;border-radius:0 8px 8px 0;font-style:italic}
.cla-preview a,.article-body a{color:#0c2235;font-weight:600;text-decoration:underline;text-decoration-color:#b8914f;text-underline-offset:3px}