/* SkrybaOS · Szablon 2 · portal newsowy */
.template-2 { --radius-lg:3px; --radius:2px; --radius-sm:2px; --shadow:0 1px 2px color-mix(in srgb,var(--ink) 14%,transparent); --shadow-hover:0 5px 16px color-mix(in srgb,var(--ink) 20%,transparent); background:var(--bg); font-size:14px; }
.template-2 .container { max-width:1180px; }
.template-2 header.main { position:relative; background:var(--nav-bg); border-top:3px solid var(--accent); backdrop-filter:none; }
.template-2 .main .container { height:58px; gap:20px; }
.template-2 .logo { font-family:"Arial Narrow",var(--font-display); font-size:20px; text-transform:uppercase; }
.template-2 .logo .mark { width:29px; height:29px; flex-basis:29px; border-radius:0; }
.template-2 .logo .brand-logo { height:38px; }
.template-2 .mainnav { justify-content:flex-end; }
.template-2 .mainnav a { border-radius:0; padding:7px 9px; color:var(--nav-text); font-size:11px; font-weight:700; letter-spacing:.035em; text-transform:uppercase; }
.template-2 .mainnav a:hover,.template-2 .mainnav a.active { background:transparent; box-shadow:inset 0 -2px 0 var(--accent); color:var(--accent); }
.template-2 .iconbtn { width:34px; height:34px; border-radius:0; }
.template-2 .searchbar { border-color:var(--line); }
.template-2 .news-ticker { background:var(--ink); color:var(--bg); }
.template-2 .news-ticker .container { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; min-height:38px; padding-block:0; }
.template-2 .news-ticker strong { align-self:stretch; display:flex; align-items:center; background:var(--accent); margin-left:-14px; padding:0 20px; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.template-2 .news-ticker a { overflow:hidden; padding:0 18px; font-size:12px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.template-2 .news-ticker a:hover { color:color-mix(in srgb,var(--accent) 65%,var(--bg)); }
.template-2 .news-ticker span { color:color-mix(in srgb,var(--bg) 58%,var(--ink)); font-size:11px; }
.template-2 .hero { grid-template-columns:minmax(220px,.72fr) minmax(0,1.65fr); grid-template-rows:repeat(2,minmax(210px,1fr)); gap:7px; min-height:520px; padding:12px 0 10px; }
.template-2 .hero .overlay-card:first-child { grid-column:2; grid-row:1/3; }
.template-2 .hero .overlay-card:nth-child(2) { grid-column:1; grid-row:1; }
.template-2 .hero .overlay-card:nth-child(3) { grid-column:1; grid-row:2; }
.template-2 .overlay-card { border-radius:2px; box-shadow:none; }
.template-2 .overlay-card::after { background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,.15) 75%); }
.template-2 .overlay-card__body { padding:21px; }
.template-2 .overlay-card h1,.template-2 .overlay-card h2 { font-family:"Arial Narrow",var(--font-display); font-size:20px; font-weight:800; letter-spacing:-.015em; text-transform:uppercase; }
.template-2 .overlay-card h1 { font-size:clamp(28px,3vw,43px); }
.template-2 .pill { border:0; border-radius:0; background:var(--accent); padding:4px 8px; font-size:9px; }
.template-2 .pill::before { display:none; }
.template-2 .section { padding-top:38px; }
.template-2 .section-head { border-bottom:2px solid var(--ink); margin-bottom:18px; }
.template-2 .section-head h2,.template-2 .category-strip h2 { position:relative; padding:0 0 8px; font-family:"Arial Narrow",var(--font-display); font-size:17px; letter-spacing:.02em; text-transform:uppercase; }
.template-2 .section-head h2::after,.template-2 .category-strip h2::after { content:""; position:absolute; left:0; bottom:-2px; width:70px; height:2px; background:var(--accent); }
.template-2 .grid3 { gap:12px; }
.template-2 .card { border:1px solid var(--line); border-radius:2px; box-shadow:none; }
.template-2 .card:hover { box-shadow:var(--shadow-hover); transform:translateY(-2px); }
.template-2 .card__body { padding:13px 14px 15px; }
.template-2 .card__title { font-family:"Arial Narrow",var(--font-display); font-size:16px; font-weight:800; line-height:1.2; }
.template-2 .card__lead { font-size:12.5px; line-height:1.5; }
.template-2 .card__meta { border-top:1px solid var(--line); font-size:10.5px; }
.template-2 .card__more { border-radius:0; font-family:"Arial Narrow",var(--font-display); letter-spacing:.035em; text-transform:uppercase; }
.template-2 .category-strip { display:block; border:0; border-top:5px solid var(--ink); border-bottom:1px solid var(--ink); border-radius:0; background:transparent; box-shadow:none; padding:22px 0 8px; }
.template-2 .category-strip h2 { margin-bottom:18px; }
.template-2 .category-strip__intro p { margin:-8px 0 18px; }
.template-2 .category-links { grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-top:1px solid var(--line); }
.template-2 .category-links a { border:0; border-bottom:1px solid var(--line); border-right:1px solid var(--line); border-radius:0; background:transparent; min-height:48px; padding:11px 12px; font-family:"Arial Narrow",var(--font-display); font-size:12px; letter-spacing:.035em; text-transform:uppercase; }
.template-2 .category-links a:nth-child(3n) { border-right:0; }
.template-2 .category-links a:hover { background:var(--ink); color:var(--bg); transform:none; }
.template-2 .category-links a span { width:auto; height:auto; border-radius:0; background:transparent; font-size:15px; }
.template-2 .category-listing { border-top:5px solid var(--ink); }
.template-2 .category-listing__head { border-bottom:2px solid var(--ink); }
.template-2 .category-listing__head h2 { font-family:"Arial Narrow",var(--font-display); font-size:18px; text-transform:uppercase; }
.template-2 .compact-grid { gap:8px; }
.template-2 .compact-card { border-radius:0; grid-template-columns:116px minmax(0,1fr); }
.template-2 .compact-card h3 { font-family:"Arial Narrow",var(--font-display); font-size:14px; text-transform:uppercase; }
.template-2 .compact-card__more { color:var(--accent); }
.template-2 .cat-hero { min-height:340px; border-radius:0; border-bottom:5px solid var(--accent); box-shadow:none; }
.template-2 .cat-hero__body { max-width:820px; padding:44px 48px; }
.template-2 .cat-hero h1 { font-family:"Arial Narrow",var(--font-display); letter-spacing:-.015em; text-transform:uppercase; }
.template-2 .toolbar { align-items:flex-end; border-bottom:2px solid var(--ink); padding-bottom:0; }
.template-2 .subchips { gap:0; }
.template-2 .chip { border:0; border-radius:0; background:transparent; font-family:"Arial Narrow",var(--font-display); font-size:11px; letter-spacing:.03em; text-transform:uppercase; padding:10px 14px; }
.template-2 .chip.active { background:var(--ink); border-color:var(--ink); box-shadow:none; color:var(--bg); }
.template-2 footer { border-top:4px solid var(--accent); }
.template-2 .site-footer::before { display:none; }
.template-2 .footer-logo-fallback { border-radius:0; }
.template-2 .home-slider .slider-slide { border-radius:2px; }
.template-2 .home-slider .overlay-card h1,.template-2 .home-slider .overlay-card h2 { font-size:clamp(30px,4vw,50px); }
.template-2 .slider-controls>button { border-radius:0; }
@media (max-width:768px){.template-2 .hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}.template-2 .hero .overlay-card:first-child,.template-2 .hero .overlay-card:nth-child(2),.template-2 .hero .overlay-card:nth-child(3){grid-column:1;grid-row:auto}.template-2 .news-ticker .container{grid-template-columns:auto minmax(0,1fr)}.template-2 .news-ticker span{display:none}.template-2 .category-links{grid-template-columns:minmax(0,1fr)}.template-2 .category-links a{border-right:0}}
@media (max-width:680px){.template-2 .main .container{height:56px}.template-2 .hero{gap:5px;padding-top:8px}.template-2 .overlay-card:first-child{min-height:360px}.template-2 .overlay-card:not(:first-child){min-height:220px}.template-2 .overlay-card__body{padding:18px}.template-2 .news-ticker strong{margin-left:-16px;padding-inline:16px}.template-2 .news-ticker a{padding-inline:12px}.template-2 .section{padding-top:30px}.template-2 .cat-hero{min-height:260px}.template-2 .cat-hero__body{padding:28px 22px}.template-2 .pagination{grid-template-columns:minmax(0,1fr)}.template-2 .pagination a,.template-2 .pagination span,.template-2 .pagination .pagination__all{grid-column:1;margin:0}}

/* 2026 · newsroom: szybkie skanowanie, mocne reguły i szeroki lead */
.template-2 .category-links a{grid-template-columns:30px minmax(0,1fr) auto 20px}.template-2 .category-links a em{color:var(--ink-soft);font-size:10px;font-style:normal}.template-2 .cat-hero{align-items:stretch;min-height:380px}.template-2 .cat-hero__body{justify-content:flex-end;max-width:900px}.template-2 .cat-hero__eyebrow{background:var(--accent);color:#fff;align-self:flex-start;padding:5px 8px}.template-2 .category-feed__head{border-bottom:5px solid var(--ink);padding-bottom:10px}.template-2 .category-feed__head h2{font-family:"Arial Narrow",var(--font-display);font-size:clamp(28px,4vw,46px);text-transform:uppercase}.template-2 .category-page .grid2{gap:12px}.template-2 .category-page .card--featured{border-top:5px solid var(--accent)}.template-2 .story{border-top:6px solid var(--ink);margin-top:22px}.template-2 .story .post-head{margin-top:0;max-width:none;padding:34px 0 26px}.template-2 .story .post-head__kicker{align-self:flex-start;background:var(--accent);color:#fff;padding:5px 9px}.template-2 .story .post-head h1{font-family:"Arial Narrow",var(--font-display);font-size:clamp(42px,6.8vw,82px);line-height:.94;max-width:18ch;text-transform:uppercase}.template-2 .story .post-head .excerpt{font-size:18px;max-width:54ch}.template-2 .story .byline{border-bottom:2px solid var(--ink);border-top:1px solid var(--ink)}.template-2 .story .post-hero{border-radius:0;box-shadow:none;margin-top:0;max-width:none}.template-2 .story .post-hero img{aspect-ratio:2/1}.template-2 .story .post-layout{grid-template-columns:minmax(0,800px) 220px;gap:38px}.template-2 .story .toc{border-top:4px solid var(--ink);padding-top:14px}.template-2 .story .prose h2,.template-2 .story .prose h3{font-family:"Arial Narrow",var(--font-display);text-transform:uppercase}.template-2 .story .author-card{border-radius:0;border-top:5px solid var(--accent);box-shadow:none}
@media(max-width:680px){.template-2 .story .post-head{padding-top:24px}.template-2 .story .post-head h1{font-size:clamp(36px,11vw,58px)}.template-2 .story .post-hero img{aspect-ratio:4/3}}
.template-2 .category-links a{grid-template-columns:30px minmax(0,1fr) 20px}
