/* Feldgrau – modern article archive */
body.fg-inner .modern-articles{padding:78px 0 82px;background:#0e110b;overflow:hidden}
body.fg-inner .modern-articles .home-wrap{width:min(1180px,calc(100% - 48px));max-width:1180px;margin:0 auto;padding:0!important;box-sizing:border-box}
body.fg-inner .modern-articles #inner{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;box-sizing:border-box}
.articles-header{margin:0 0 24px;padding:0 0 25px;border-bottom:1px solid rgba(255,255,255,.11)}
.articles-kicker{display:block;margin-bottom:9px;color:#929b90;font-size:10px;letter-spacing:.24em;text-transform:uppercase}
.articles-header h2{margin:0 0 9px;color:#f2f0e9;font:400 36px/1.08 Georgia,"Times New Roman",serif;letter-spacing:.035em;text-transform:uppercase}
.articles-header h2 span{color:#929b90;font-weight:400}
.articles-header p{max-width:720px;margin:0;color:#aeb3ad;font-size:14px;line-height:1.65}

.article-years{display:flex!important;gap:7px;overflow-x:auto;margin:0 0 27px!important;padding:0 0 7px!important;white-space:nowrap;scrollbar-width:thin;float:none!important;width:100%!important}
.article-years a{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto!important;min-width:42px;padding:8px 11px!important;border:1px solid rgba(255,255,255,.11);background:#10140d;color:#aeb3ad!important;text-decoration:none!important;font-size:10px;line-height:1;letter-spacing:.07em;box-sizing:border-box}
.article-years a:hover,.article-years a.active{border-color:#747d69;background:#59604f;color:#fff!important}

/* Explicit reset against old Feldgrau article/grid styles. */
body.fg-inner .modern-articles .article-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;width:100%!important;margin:0!important;padding:0!important;float:none!important;clear:both;box-sizing:border-box}
body.fg-inner .modern-articles .article-card{display:flex!important;flex-direction:column!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;float:none!important;position:relative;overflow:hidden;background:#11150e;border:1px solid rgba(255,255,255,.09);box-sizing:border-box;transition:transform .2s ease,border-color .2s ease,background .2s ease}
body.fg-inner .modern-articles .article-card:hover{transform:translateY(-3px);border-color:rgba(156,166,143,.42);background:#141810}

body.fg-inner .modern-articles .article-image{display:block!important;position:relative;width:100%!important;height:260px!important;min-height:260px!important;margin:0!important;padding:0!important;overflow:hidden;background:#151812;float:none!important}
body.fg-inner .modern-articles .article-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(9,11,7,.22));pointer-events:none}
body.fg-inner .modern-articles .article-image img{display:block!important;position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;object-fit:cover!important;filter:saturate(.78) brightness(.82);transition:transform .45s ease,filter .45s ease}
body.fg-inner .modern-articles .article-card:hover .article-image img{transform:scale(1.025);filter:saturate(.92) brightness(.9)}

body.fg-inner .modern-articles .article-copy{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;min-width:0!important;margin:0!important;padding:25px 27px 26px!important;float:none!important;box-sizing:border-box}
.article-meta{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;width:100%;margin:0;color:#8f9890;font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.06em}
.meta-dot{display:block;width:3px;height:3px;border-radius:50%;background:#6f766c}
.reading-time{display:inline-flex;align-items:center;gap:5px;color:#b4bbaf}
.reading-time svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.fg-inner .modern-articles .article-copy h3{width:100%;margin:13px 0 10px!important;color:#f0eee7;font:400 24px/1.18 Georgia,"Times New Roman",serif!important;letter-spacing:0!important;text-transform:none!important;overflow-wrap:anywhere}
.article-copy h3 a{color:#f0eee7!important;text-decoration:none!important}
body.fg-inner .modern-articles .article-copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;width:100%;max-width:none!important;margin:0 0 19px!important;color:#aeb3ad;font-size:13px!important;line-height:1.65!important}
.article-more{margin-top:auto;color:#c8cec1!important;text-decoration:none!important;font-size:10px;letter-spacing:.12em;border-bottom:1px solid rgba(200,206,193,.3);padding-bottom:4px}
.article-more span{margin-left:5px;font-size:14px}

/* The newest article gets editorial prominence without turning the page into a wall of cards. */
body.fg-inner .modern-articles .article-card:first-child{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)!important;min-height:365px!important}
body.fg-inner .modern-articles .article-card:first-child .article-image{height:365px!important;min-height:365px!important}
body.fg-inner .modern-articles .article-card:first-child .article-copy{justify-content:center;padding:38px 40px!important}
body.fg-inner .modern-articles .article-card:first-child .article-copy h3{font-size:31px!important;line-height:1.12!important;margin-top:15px!important}
body.fg-inner .modern-articles .article-card:first-child .article-copy p{-webkit-line-clamp:4;font-size:13.5px!important;line-height:1.72!important}

.articles-empty{grid-column:1/-1;padding:42px;border:1px solid rgba(255,255,255,.09);color:#aaa;text-align:center}

@media(max-width:900px){
 body.fg-inner .modern-articles{padding:62px 0 64px}
 body.fg-inner .modern-articles .home-wrap{width:min(100% - 34px,1180px)}
 body.fg-inner .modern-articles .article-list{grid-template-columns:1fr!important}
 body.fg-inner .modern-articles .article-card:first-child{grid-column:auto;display:flex!important;min-height:0!important}
 body.fg-inner .modern-articles .article-card:first-child .article-image{height:320px!important;min-height:320px!important}
 body.fg-inner .modern-articles .article-card:first-child .article-copy{padding:27px 28px 29px!important}
 body.fg-inner .modern-articles .article-card:first-child .article-copy h3{font-size:27px!important}
 body.fg-inner .modern-articles .article-image{height:300px!important;min-height:300px!important}
}
@media(max-width:600px){
 body.fg-inner .modern-articles{padding:44px 0 52px}
 body.fg-inner .modern-articles .home-wrap{width:calc(100% - 26px)}
 .articles-header{padding-bottom:20px;margin-bottom:20px}
 .articles-header h2{font-size:29px}
 .articles-header p{font-size:13px}
 .article-years{margin-bottom:20px!important}
 body.fg-inner .modern-articles .article-list{gap:16px!important}
 body.fg-inner .modern-articles .article-image,
 body.fg-inner .modern-articles .article-card:first-child .article-image{height:220px!important;min-height:220px!important}
 body.fg-inner .modern-articles .article-copy,
 body.fg-inner .modern-articles .article-card:first-child .article-copy{padding:21px 20px 23px!important}
 body.fg-inner .modern-articles .article-copy h3,
 body.fg-inner .modern-articles .article-card:first-child .article-copy h3{font-size:22px!important;line-height:1.2!important}
 body.fg-inner .modern-articles .article-copy p,
 body.fg-inner .modern-articles .article-card:first-child .article-copy p{font-size:12.5px!important;-webkit-line-clamp:3}
 .article-meta{font-size:9.5px}
}