/* Compact newsroom design — independent visual identity for Meier Ghost Magazin */
:root{
    --paper:#fff;
    --cream:#f1f1f0;
    --ink:#090909;
    --muted:#5f5f5f;
    --green:#111;
    --terracotta:#e94315;
    --line:#d5d5d5;
    --accent:#e94315;
    --serif:'Roboto Slab',Georgia,serif;
    --sans:Arial,'Inter',sans-serif;
}
body{background:#f1f1f0;color:#090909;font-size:1.6rem}
.container{width:min(1010px,calc(100% - 32px))}

/* Brand bar and compact newsroom navigation */
.site-header{background:transparent}
.header-top{
    width:100%;
    max-width:none;
    height:82px;
    padding-inline:max(24px,calc((100vw - 1010px)/2));
    background:var(--accent);
    color:#fff;
    grid-template-columns:auto 1fr auto;
}
.header-top .brand{
    grid-column:1;
    font:800 clamp(2.3rem,3vw,3.4rem)/1 'Roboto Slab',Georgia,serif;
    letter-spacing:-.04em;
    text-transform:uppercase;
}
.header-top .brand i{display:none}
.header-top .brand img{filter:brightness(0) invert(1)}
.header-top .menu-toggle{grid-column:1;grid-row:1}
.header-actions{grid-column:3}
.header-actions .search-btn{display:none}
.header-actions a{color:#fff;text-decoration:underline}
.header-actions .button{
    background:#fff;
    border-color:#fff;
    color:var(--accent);
    padding:13px 18px;
    text-decoration:none;
}
.nav-wrap{background:#fff;border:0;border-bottom:1px solid var(--line)}
.site-nav{min-height:56px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
.site-nav::-webkit-scrollbar{display:none}
.site-nav ul{gap:0;white-space:nowrap}
.site-nav li+li{border-left:1px solid var(--line)}
.site-nav a{display:block;padding:0 17px;font-size:1.25rem;text-transform:none;letter-spacing:0}
.site-nav li:first-child a{padding-left:0}

/* Slim editorial ticker */
.home-intro{
    min-height:76px;
    margin-bottom:16px;
    border:0;
    background:#fff;
    padding:0 24px;
    box-shadow:0 1px 3px rgba(0,0,0,.12);
    font-size:1.1rem;
}
.home-intro p{font:700 1.4rem/1.35 var(--sans);color:#111}

/* Main newsroom module */
.lead-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:0;
    padding:24px;
    border:0;
    background:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,.15);
}
.lead-story{
    display:grid;
    grid-template-columns:minmax(260px,.9fr) minmax(0,1.65fr);
    grid-template-areas:'copy image';
    gap:28px;
    padding-bottom:24px;
    border-bottom:1px solid var(--line);
}
.lead-image{grid-area:image;aspect-ratio:16/10}
.lead-copy{grid-area:copy;padding:4px 0 0;display:flex;flex-direction:column}
.lead-copy h1{
    margin:10px 0 12px;
    font:800 clamp(3.2rem,4.2vw,4.7rem)/1.08 var(--serif);
    letter-spacing:-.035em;
}
.lead-copy p{margin:0;font:1.6rem/1.45 var(--sans);color:#111}
.lead-copy .meta{margin-top:auto;padding-top:20px}
.eyebrow{color:var(--accent);font-size:1.15rem;letter-spacing:0;text-transform:none}
.eyebrow:before{content:'+';display:inline-grid;place-items:center;width:19px;height:19px;margin-right:8px;border-radius:2px;background:var(--accent);color:#fff;font-weight:800}
.side-leads{display:grid;grid-template-columns:1fr 1fr;gap:0;padding-top:24px}
.side-leads .post-card{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 24px 0 0}
.side-leads .post-card+ .post-card{border-top:0;border-left:1px solid var(--line);padding:0 0 0 24px}
.side-leads .card-image{margin:0;aspect-ratio:4/3}
.side-leads .card-copy h3{font:800 2rem/1.2 var(--sans)}

/* Compact sections and story grids */
.section{padding-block:24px}
.section-head{
    margin:0 0 16px;
    padding:18px 24px;
    border-top:5px solid var(--accent);
    border-bottom:0;
    background:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,.12);
}
.section-head h2{font:800 2.7rem/1 var(--serif);letter-spacing:-.025em}
.section-no{display:none}
.latest-grid{
    grid-template-columns:repeat(3,1fr);
    gap:0;
    padding:24px;
    background:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,.12);
}
.latest-grid .post-card{padding:0 24px}
.latest-grid .post-card:first-child{padding-left:0}
.latest-grid .post-card:nth-child(3n){padding-right:0}
.latest-grid .post-card+ .post-card{border-left:1px solid var(--line)}
.card-image{margin-bottom:15px;aspect-ratio:3/2}
.card-copy h3{font:700 2.1rem/1.25 var(--sans);letter-spacing:-.015em;margin:6px 0 12px}
.card-copy p{font:1.55rem/1.45 var(--sans);color:#242424}
.meta{font-size:1.2rem}
.topic-band,.related{padding-block:24px;border:0;background:#f1f1f0}
.topic-grid{
    grid-template-columns:1fr 1fr;
    gap:0;
    padding:24px;
    background:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,.12);
}
.topic-grid .post-card:first-child{
    display:grid;
    grid-template-columns:minmax(250px,.8fr) minmax(0,1.55fr);
    grid-template-areas:'topic-copy topic-image';
    gap:28px;
    padding-bottom:24px;
    border-bottom:1px solid var(--line);
    grid-column:1/-1;
}
.topic-grid .post-card:first-child .card-image{grid-area:topic-image;margin:0;aspect-ratio:16/9}
.topic-grid .post-card:first-child .card-copy{grid-area:topic-copy}
.topic-grid .post-card:first-child h3{font:800 3.4rem/1.12 var(--serif)}
.topic-grid .post-card:nth-child(n+2){display:grid;grid-template-columns:1fr 1fr;gap:18px;width:auto;padding-top:24px}
.topic-grid .post-card:nth-child(3){border-left:1px solid var(--line);padding-left:24px}
.latest-grid .post-card:nth-child(3n+1){padding-left:0;border-left:0}
.latest-grid .post-card:nth-child(n+4){border-top:1px solid var(--line);padding-top:24px;margin-top:24px}
.notes-grid{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.notes-grid article{min-height:160px}
.notes-grid h3{font-family:var(--sans)}
.newsletter{margin:24px 0;background:var(--accent);padding:38px 42px}
.newsletter h2{font-family:var(--serif)}
.newsletter .eyebrow,.newsletter p{color:#fff}
.newsletter .eyebrow:before{background:#fff;color:var(--accent)}
.button-light{background:#fff;border-color:#fff;color:var(--accent)}

/* Article view */
.article{width:min(1010px,calc(100% - 32px));margin:32px auto;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.13)}
.article-header{
    width:min(850px,calc(100% - 48px));
    max-width:none;
    margin:0 auto;
    padding:42px 0 28px;
    text-align:left;
}
.article-header .eyebrow:before{display:none}
.article-header h1{
    font:800 clamp(4rem,5.4vw,6.2rem)/1.08 var(--serif);
    letter-spacing:-.04em;
    margin:14px 0 18px;
}
.article-deck{max-width:800px;margin:0 0 24px;font:2rem/1.45 var(--sans);color:#111}
.article-byline{justify-content:flex-start;border-bottom:1px solid var(--line);padding-bottom:24px}
.article-hero{width:calc(100% - 48px);margin:0 auto 35px}
.article-layout{width:min(760px,calc(100% - 48px));grid-template-columns:70px minmax(0,650px);margin:0 auto}
.gh-content{font:400 1.9rem/1.55 Georgia,var(--serif)}
.gh-content h2{font-family:var(--serif);font-weight:800}
.gh-content h3{font-family:var(--serif);font-weight:800}
.article-footer{width:min(850px,calc(100% - 48px));padding-bottom:55px}
.related{width:100%;margin:0}
.archive-header{
    margin-top:24px;
    padding:32px 24px;
    border-top:5px solid var(--accent);
    border-bottom:0;
    background:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,.12);
}
.archive-header h1{font:800 clamp(4rem,6vw,6rem)/1 var(--serif)}
.archive-grid{margin-top:16px;padding-block:24px}
.page-template .article-body{padding-bottom:48px}

/* Footer */
.site-footer{margin-top:32px;background:#222}

@media(max-width:900px){
    .header-top{padding-inline:20px}
    .header-top .brand{grid-column:2;justify-self:center}
    .header-top .menu-toggle{display:block}
    .nav-wrap{display:block}
    .site-nav{padding:0}
    .site-nav ul{flex-direction:row;align-items:center;gap:0}
    .lead-story{grid-template-columns:1fr 1.35fr}
    .side-leads .post-card{display:block}
    .topic-grid .post-card:nth-child(n+2){display:block}
}
@media(max-width:600px){
    .container{width:calc(100% - 16px)}
    .header-top{height:56px;padding-inline:12px}
    .header-top .brand{font-size:2rem}
    .header-actions .button{padding:8px 10px;font-size:1.1rem}
    .nav-wrap{display:none}
    .nav-wrap.is-open{display:block}
    .site-nav{padding:12px 16px}
    .site-nav ul{flex-direction:column}
    .site-nav li+li{border-left:0}
    .site-nav a{padding:7px}
    .home-intro{width:100%;margin-bottom:8px;min-height:54px;padding:0 12px}
    .home-intro span:first-child{display:none}
    .lead-grid{width:100%;padding:12px}
    .lead-story{display:flex;flex-direction:column}
    .lead-image{order:1}
    .lead-copy{order:2}
    .lead-copy h1{font-size:3.4rem}
    .side-leads{grid-template-columns:1fr}
    .side-leads .post-card,.side-leads .post-card+ .post-card{display:grid;grid-template-columns:120px 1fr;gap:14px;border-left:0;border-top:1px solid var(--line);padding:16px 0 0;margin-top:16px}
    .section-head{padding:15px 16px;margin-bottom:8px}
    .latest-grid{grid-template-columns:1fr;padding:0 16px}
    .latest-grid .post-card,.latest-grid .post-card:first-child,.latest-grid .post-card:nth-child(3n){display:grid;grid-template-columns:120px 1fr;gap:14px;padding:16px 0}
    .latest-grid .post-card+ .post-card{border-left:0;border-top:1px solid var(--line)}
    .latest-grid .card-image{margin:0}
    .topic-band{padding-block:8px}
    .topic-grid{grid-template-columns:1fr;padding:16px}
    .topic-grid .post-card:first-child{display:flex;flex-direction:column;gap:12px}
    .topic-grid .post-card:first-child h3{font-size:3rem}
    .topic-grid .post-card:nth-child(n+2),.topic-grid .post-card:nth-child(3){float:none;width:100%;border-left:0;border-top:1px solid var(--line);padding:16px 0 0;margin-top:16px}
    .newsletter{margin:8px 0;padding:30px 20px}
    .article{width:100%;margin:8px auto 0;box-shadow:none}
    .article-header{width:calc(100% - 32px);padding:30px 0 20px}
    .article-header h1{font-size:3.9rem}
    .article-hero{width:100%;margin-bottom:25px}
    .article-layout{width:calc(100% - 32px);display:block}
    .article-footer{width:calc(100% - 32px)}
}