/* SkrybaOS · Szablon 1 · magazyn */
.template-1 .category-strip { background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--accent-soft) 38%,var(--surface))); border-color:color-mix(in srgb,var(--accent) 16%,var(--line)); }
.template-1 .category-strip::before { background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 68%); content:""; height:280px; left:-100px; pointer-events:none; position:absolute; top:-130px; width:280px; }
.template-1 .category-strip__intro h2 { font-size:clamp(28px,3vw,38px); line-height:1.04; max-width:9ch; }
.template-1 .category-links a { background:color-mix(in srgb,var(--surface) 88%,transparent); box-shadow:0 7px 20px color-mix(in srgb,var(--ink) 6%,transparent); }
.template-1 .category-links a:first-child { grid-column:1/-1; }
.template-1 .category-links a:first-child b { font-size:15px; }
.template-1 .category-listing { border:0; border-radius:22px; background:color-mix(in srgb,var(--accent-soft) 42%,var(--surface)); margin-top:52px; padding:30px; }
.template-1 .compact-card { box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 6%,transparent); }

@media (max-width:680px) {
  .template-1 .hero { gap:12px; padding-top:18px; }
  .template-1 .overlay-card { border-radius:16px; }
  .template-1 .section { padding-top:36px; }
  .template-1 .category-strip { border-radius:16px; gap:22px; margin-top:40px; padding:22px 18px; }
  .template-1 .category-links a:first-child { grid-column:auto; }
  .template-1 .category-listing { border-radius:16px; margin-inline:-4px; padding:22px 18px; }
  .template-1 .pagination .pagination__all { background:var(--accent); border-color:var(--accent); color:#fff; }
}

/* 2026 · magazyn redakcyjny: wizualny katalog tematów i asymetryczny artykuł */
.template-1 .category-strip{grid-template-columns:minmax(210px,.55fr) minmax(0,2fr);padding:clamp(28px,4vw,46px)}.template-1 .category-links{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(112px,auto)}.template-1 .category-links a{align-content:end;isolation:isolate;position:relative;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;min-height:112px;overflow:hidden;padding:18px}.template-1 .category-links a::before{background:linear-gradient(160deg,color-mix(in srgb,var(--accent-soft) 92%,var(--surface)),var(--surface));content:"";inset:0;position:absolute;z-index:-2}.template-1 .category-links a.has-image::before{background-image:linear-gradient(to top,rgba(10,12,18,.9),rgba(10,12,18,.08)),var(--category-image);background-position:center;background-size:cover}.template-1 .category-links a.has-image{color:#fff}.template-1 .category-links a.has-image small,.template-1 .category-links a.has-image em{color:rgba(255,255,255,.72)}.template-1 .category-links a:nth-child(1){grid-row:span 2;min-height:234px}.template-1 .category-links a b{font-size:16px}.template-1 .category-links a em{color:var(--ink-soft);font-size:10px;font-style:normal;grid-column:2}.template-1 .category-links a>span{grid-column:3;grid-row:1/3}.template-1 .cat-hero{min-height:420px}.template-1 .cat-hero__body{max-width:760px;padding:clamp(34px,6vw,68px)}.template-1 .category-feed__head{border-bottom:0}.template-1 .category-feed__head h2{font-size:clamp(30px,4vw,44px)}.template-1 .story .post-head{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr);max-width:1080px;column-gap:clamp(30px,6vw,82px);align-items:start}.template-1 .story .post-head__kicker,.template-1 .story .post-head>.pill,.template-1 .story .post-head>h1{grid-column:1}.template-1 .story .post-head>.excerpt,.template-1 .story .post-head>.byline{grid-column:2}.template-1 .story .post-head>.excerpt{grid-row:1/4;margin-top:28px}.template-1 .story .post-head>.byline{align-self:end}.template-1 .story .post-head h1{font-size:clamp(38px,5vw,64px);line-height:1.02}.template-1 .story .byline__meta{margin-left:0}.template-1 .story .post-hero{max-width:1180px}.template-1 .story .post-hero img{aspect-ratio:16/7}.template-1 .story .post-layout{grid-template-columns:minmax(0,720px) 250px}.template-1 .story .prose{font-size:17px;line-height:1.75}
@media(max-width:900px){.template-1 .category-links{grid-template-columns:repeat(2,minmax(0,1fr))}.template-1 .story .post-head{display:flex;max-width:820px}.template-1 .story .post-head>.excerpt{margin-top:0}.template-1 .story .post-head h1{font-size:clamp(32px,7vw,50px)}}
@media(max-width:620px){.template-1 .category-links{grid-template-columns:minmax(0,1fr)}.template-1 .category-links a:nth-child(1){grid-row:auto;min-height:170px}.template-1 .category-links a{min-height:92px}.template-1 .cat-hero{min-height:340px}}
.template-1 .category-links a{grid-template-rows:auto}.template-1 .category-links a>span{grid-row:auto}
