/* ZEITUNG.IO reader-first article architecture */
.article-head{min-height:0!important;grid-template-columns:10% 1fr 8%!important}
.article-head .number{padding:42px 2.5vw!important;font-size:36px!important}
.headline{padding:42px 4vw 44px!important}
.headline h1{max-width:1050px!important;margin:22px 0 28px!important;font-size:clamp(58px,6.1vw,104px)!important;line-height:.9!important}
.headline>p{max-width:850px!important;font:500 clamp(19px,1.55vw,26px)/1.38 var(--serif)!important}
.byline{align-items:center;flex-wrap:wrap;gap:10px 22px!important;margin-top:28px!important;padding-top:14px!important}
.byline b{letter-spacing:.04em}.byline span{padding-right:20px;border-right:1px solid var(--line)}
.byline span:last-child{border-right:0}
.share{padding:42px 1.5vw!important}

.reading-grid{grid-template-columns:18% minmax(620px,760px) 1fr!important}
.story{padding-top:52px!important}
.story>p:first-child{font-size:22px!important;line-height:1.72!important}
.essentials{margin:46px 0 54px!important}
.story-visual{margin:56px -78px 68px!important}
.story-visual>div{height:clamp(320px,34vw,500px)!important;filter:grayscale(.28) contrast(1.03)!important}
.story-visual figcaption{padding-inline:22px!important;background:#eee8de!important}
.wide{height:145px!important;margin-top:58px!important;margin-bottom:58px!important}
.side .tower{height:360px!important;margin:38px 0 0!important}

.editorial-note{margin-top:55px;padding:28px;border:1px solid #aeb9ae;background:#e5e9e3}
.editorial-note>small{color:#66766a;font:800 9px/1 var(--sans);letter-spacing:.14em}
.editorial-note>p{margin:16px 0 24px;font:500 17px/1.5 var(--serif)}
.editorial-note>div{display:grid;grid-template-columns:1fr auto;gap:7px 20px;padding-top:18px;border-top:1px solid #aeb9ae;font-size:10px}
.editorial-note>div span{color:#68716b}.editorial-note time{grid-column:2;grid-row:1/3;color:#68716b}

@media(max-width:1000px){
  .article-head{grid-template-columns:1fr!important}
  .headline{padding-inline:clamp(24px,6vw,60px)!important}
  .reading-grid{grid-template-columns:1fr!important}
  .story{max-width:780px;margin-inline:auto}
}
@media(max-width:650px){
  .headline{padding:30px 22px 34px!important}
  .headline h1{font-size:clamp(43px,12vw,55px)!important;line-height:.95!important;margin:18px 0 22px!important}
  .headline>p{font-size:18px!important;line-height:1.4!important}
  .byline{font-size:8px!important;gap:9px 13px!important}.byline span{padding-right:12px}
  .story{padding-top:34px!important}
  .story>p:first-child{font-size:20px!important;line-height:1.62!important}
  .essentials{margin:38px 0 44px!important}
  .story-visual{margin:44px -22px 52px!important}
  .story-visual>div{height:52vw!important;min-height:230px!important}
  .story-visual figcaption{height:42px!important;padding-inline:16px!important}
  .wide{height:110px!important;margin-top:48px!important;margin-bottom:48px!important}
  .editorial-note{margin-inline:-4px;padding:22px}.editorial-note>div{grid-template-columns:1fr}.editorial-note time{grid-column:1;grid-row:auto}
}
