/* Niezależne układy pojedynczego wpisu. Klasyczny zachowuje styl aktywnego motywu portalu. */
.article-layout-editorial .story.article-template-editorial{border:0;display:grid!important;gap:0 clamp(32px,5vw,72px);grid-template-columns:minmax(300px,.86fr) minmax(440px,1.14fr);margin-top:28px}
.article-layout-editorial .story .post-head{align-self:center;color:var(--ink);display:flex!important;grid-column:1!important;grid-row:1!important;margin:0;max-width:none;padding:clamp(26px,4vw,56px) 0;text-align:left}
.article-layout-editorial .story .post-head>*{grid-column:auto!important;grid-row:auto!important;margin-left:0;margin-right:0}
.article-layout-editorial .story .post-head>.pill{align-self:flex-start}
.article-layout-editorial .story .post-head h1{font-size:clamp(38px,5.2vw,68px);line-height:1.02;max-width:15ch;text-transform:none}
.article-layout-editorial .story .post-head .excerpt{color:var(--ink-soft);font-size:clamp(16px,1.7vw,20px);margin-top:2px;max-width:52ch}
.article-layout-editorial .story .byline{border-color:var(--line);margin-top:8px;width:100%}
.article-layout-editorial .story .byline__meta,.article-layout-editorial .story .byline__who .role{color:var(--ink-soft)}
.article-layout-editorial .story .post-hero{align-self:stretch;border-radius:var(--radius-lg);box-shadow:var(--shadow);grid-column:2!important;grid-row:1!important;margin:0;max-width:none;min-height:560px;overflow:hidden;position:relative}
.article-layout-editorial .story .post-hero::after{display:none}
.article-layout-editorial .story .post-hero picture{display:block;height:100%}
.article-layout-editorial .story .post-hero img{aspect-ratio:auto;height:100%;min-height:560px;object-fit:cover;width:100%}
.article-layout-editorial .story .post-layout{background:transparent;color:var(--ink);grid-column:1/-1!important;grid-row:auto!important;margin:0;padding:clamp(46px,6vw,76px) 0 10px}
.article-layout-editorial .story .post-tags,.article-layout-editorial .story .author-card{grid-column:1/-1}

.article-layout-cover .story.article-template-cover{border:0;display:grid!important;grid-template-columns:minmax(0,1fr);margin-top:24px}
.article-layout-cover .story .post-head,.article-layout-cover .story .post-hero{grid-column:1!important;grid-row:1!important}
.article-layout-cover .story .post-head{align-self:end;color:#fff;display:flex!important;margin:0;max-width:980px;min-height:620px;padding:clamp(38px,7vw,88px);position:relative;text-align:left;width:100%;z-index:2}
.article-layout-cover .story .post-head>*{grid-column:auto!important;grid-row:auto!important;margin-left:0;margin-right:0}
.article-layout-cover .story .post-head>.pill{align-self:flex-start;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(10px)}
.article-layout-cover .story .post-head h1{color:#fff;font-size:clamp(42px,6.2vw,78px);line-height:.98;max-width:15ch;text-shadow:0 3px 28px rgba(0,0,0,.24);text-transform:none}
.article-layout-cover .story .post-head .excerpt{color:rgba(255,255,255,.84);font-size:clamp(16px,1.8vw,20px);max-width:58ch}
.article-layout-cover .story .post-series{color:rgba(255,255,255,.8)}
.article-layout-cover .story .byline{border-color:rgba(255,255,255,.28);width:100%}
.article-layout-cover .story .byline__meta,.article-layout-cover .story .byline__who .role{color:rgba(255,255,255,.72)}
.article-layout-cover .story .share button{border-color:rgba(255,255,255,.35);color:#fff}
.article-layout-cover .story .post-hero{border-radius:var(--radius-lg);box-shadow:var(--shadow);margin:0;max-width:none;min-height:620px;overflow:hidden;position:relative;z-index:1}
.article-layout-cover .story .post-hero::after{background:linear-gradient(90deg,rgba(7,10,18,.91),rgba(7,10,18,.5) 62%,rgba(7,10,18,.12)),linear-gradient(0deg,rgba(7,10,18,.72),transparent 58%);content:"";display:block;inset:0;position:absolute}
.article-layout-cover .story .post-hero picture{display:block;height:100%}
.article-layout-cover .story .post-hero img{aspect-ratio:auto;height:100%;min-height:620px;object-fit:cover;width:100%}
.article-layout-cover .story:not(.has-post-hero) .post-head{background:radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--accent) 40%,transparent),transparent 35%),linear-gradient(135deg,#141824,#272d43);border-radius:var(--radius-lg)}
.article-layout-cover .story .post-layout{background:transparent;color:var(--ink);grid-column:1!important;grid-row:2!important;margin:0;padding:clamp(46px,6vw,76px) 0 10px}
.article-layout-cover .story .post-tags,.article-layout-cover .story .author-card{grid-column:1;grid-row:auto}

@media(max-width:900px){
  .article-layout-editorial .story.article-template-editorial{grid-template-columns:minmax(0,1fr)}
  .article-layout-editorial .story .post-head{grid-column:1!important;grid-row:1!important;margin-inline:auto;max-width:820px;padding:28px 0 34px}
  .article-layout-editorial .story .post-hero{grid-column:1!important;grid-row:2!important;min-height:0}
  .article-layout-editorial .story .post-hero img{aspect-ratio:16/9;height:auto;min-height:0}
  .article-layout-editorial .story .post-layout{grid-column:1!important;grid-row:3!important}
}
@media(max-width:680px){
  .article-layout-cover .story .post-head{min-height:500px;padding:30px 22px}
  .article-layout-cover .story .post-head h1{font-size:clamp(34px,11vw,54px)}
  .article-layout-cover .story .post-hero,.article-layout-cover .story .post-hero img{min-height:500px}
  .article-layout-cover .story .post-hero::after{background:linear-gradient(0deg,rgba(7,10,18,.94),rgba(7,10,18,.5) 70%,rgba(7,10,18,.18))}
}
