:root{
  --red:#c8102e;--red-dark:#a50d25;--amber:#f2b705;--light:#f4f4f5;
  --dark:#17181c;--ink:#24252b;--muted:#5b5c63;--line:#e3e3e6;
  --white:#fff;--wrap:1200px;--page-padding:clamp(1rem,4vw,2rem);
  --radius:14px;--sans:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#d7d7db}
body{margin:0;background:var(--light);color:var(--ink);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:var(--red-dark);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{margin:0;color:var(--dark);font-weight:800;letter-spacing:-.01em;line-height:1.12}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--page-padding)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:1rem;top:.6rem;z-index:100;background:#fff;color:#000;padding:.5rem .8rem;border-radius:6px}

/* Header and navigation */
.site-header{position:sticky;top:0;z-index:50;background:rgba(23,24,28,.96);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px)}
.header-inner{display:flex;align-items:center;gap:1rem;height:64px}
.brand{display:flex;align-items:center;gap:.6rem;flex:none;color:#fff;font-weight:800;letter-spacing:.02em}
.brand:hover{text-decoration:none}
.brand svg{width:34px;height:34px;flex:none}
.brand small{display:block;color:#c9cace;font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:1.25rem;margin-left:auto}
.nav>a,.nav summary{display:inline-flex;align-items:center;min-height:44px;color:#e8e8ea;font-size:.95rem;font-weight:600;cursor:pointer}
.nav a:hover,.nav summary:hover{color:#fff;text-decoration:none}
.nav .tel{gap:.4rem;padding:.5rem .9rem;border-radius:999px;background:var(--red);color:#fff;font-weight:700}
.nav .tel:hover{background:var(--red-dark)}
.nav-dropdown{position:relative}
.nav-dropdown summary{gap:.4rem;list-style:none}
.nav-dropdown summary::-webkit-details-marker{display:none}
.nav-dropdown-chevron{display:block;width:.7rem;height:auto;flex:none;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.nav-dropdown[open] .nav-dropdown-chevron{transform:rotate(180deg)}
.nav-submenu{position:absolute;top:calc(100% + 8px);left:50%;display:grid;width:210px;padding:.45rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:var(--dark);box-shadow:0 16px 40px rgba(0,0,0,.3);transform:translateX(-50%)}
.nav-submenu::before{content:"";position:absolute;inset:-9px 0 auto;height:9px}
.nav-submenu a{padding:.65rem .75rem;border-radius:8px;color:#e8e8ea;font-size:.92rem;font-weight:600}
.nav-submenu a:hover{background:rgba(255,255,255,.08);color:#fff;text-decoration:none}
.nav-toggle{display:none;margin-left:auto;padding:.4rem;border:0;background:none;color:#fff;cursor:pointer;min-width:44px;min-height:44px;place-items:center}
.nav-toggle-lines{display:grid;gap:6px;width:28px}
.nav-toggle-lines i{display:block;height:2px;border-radius:2px;background:#fff}
@media(min-width:1041px){
  .nav-dropdown:not([open]) .nav-submenu{display:none}
  .nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu{display:grid}
}
@media(max-width:1040px){
  .nav-toggle{display:grid}
  .nav{position:fixed;inset:64px 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:.5rem 0;background:var(--dark);border-bottom:1px solid rgba(255,255,255,.1);transform:translateY(-120%);visibility:hidden;pointer-events:none;transition:transform .25s ease,visibility 0s linear .25s}
  .nav[data-open="true"]{transform:translateY(0);visibility:visible;pointer-events:auto;transition-delay:0s}
  .nav>a,.nav summary{padding:.75rem var(--page-padding)}
  .nav .tel{justify-content:center;margin:.6rem var(--page-padding)}
  .nav-dropdown{width:100%}
  .nav-dropdown summary{justify-content:space-between}
  .nav-submenu{position:static;width:auto;margin:0 var(--page-padding);padding:0 0 .5rem 1rem;border:0;border-left:2px solid rgba(255,255,255,.15);border-radius:0;background:none;box-shadow:none;transform:none}
  .nav-submenu a{padding:.55rem .75rem}
}

/* Listing pages */
.page-hero{padding:clamp(2.5rem,5vw,4rem) 0;background:linear-gradient(135deg,#17181c,#30313a);color:#fff}
.page-hero .eyebrow{display:block;margin-bottom:.65rem;color:var(--amber);font-size:.78rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.page-hero h1{color:#fff;font-size:clamp(2.45rem,5vw,3.8rem)}
.page-hero p{max-width:62ch;margin:.8rem 0 0;color:#d7d7db;font-size:clamp(1rem,2vw,1.12rem)}
.listing-tabs{position:sticky;top:64px;z-index:30;border-bottom:1px solid var(--line);background:rgba(244,244,245,.94);backdrop-filter:blur(12px)}
.filter-nav{display:flex;gap:.5rem;overflow-x:auto;padding:.75rem 0;scrollbar-width:none}
.filter-nav::-webkit-scrollbar{display:none}
.filter-nav a{display:inline-flex;flex:none;align-items:center;justify-content:center;min-height:44px;padding:.5rem 1rem;border:1px solid #d3d3d8;border-radius:999px;background:#fff;color:var(--ink);font-size:.92rem;font-weight:750;white-space:nowrap}
.filter-nav a:hover{border-color:#b7b7bd;background:#f9f9fa;text-decoration:none}
.filter-nav a[aria-current="page"]{border-color:var(--red);background:var(--red);color:#fff}
.overview-section,.archive-section,.incident-section{padding:clamp(2rem,5vw,4rem) 0}
.badge{display:inline-flex;width:max-content;align-items:center;padding:.24rem .55rem;border-radius:999px;background:#fde7eb;color:var(--red-dark);font-size:.71rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.badge--vycvik{background:#fff0c2;color:#725400}
.badge--novinka{background:#e4f1ed;color:#285a50}
.eyebrow--dark{display:block;margin-bottom:.35rem;color:var(--red-dark);font-size:.74rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.empty-state{padding:3rem 1.5rem;border:1px dashed #c6c6cb;border-radius:var(--radius);background:#fff;text-align:center}
.empty-state h2{font-size:1.4rem}
.empty-state p{margin:.5rem 0 0;color:var(--muted)}

/* Featured article */
.featured-story{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);min-height:390px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 16px 44px rgba(20,20,25,.08)}
.featured-story-media{display:block;min-height:100%;overflow:hidden;background:#292a30}
.featured-story-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.featured-story:hover .featured-story-media img{transform:scale(1.025)}
.featured-story-placeholder{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(135deg,#24252b,#3d3f49)}
.featured-story-placeholder svg{width:76px;fill:var(--amber)}
.featured-story-body{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.7rem,4vw,3rem)}
.featured-story-meta,.story-row-meta{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.8rem}
.featured-story h2{margin-top:1rem;font-size:clamp(1.8rem,3.2vw,2.7rem)}
.featured-story h2 a{color:var(--dark)}
.featured-story h2 a:hover{color:var(--red-dark)}
.featured-story-place{margin:.9rem 0 0;color:var(--ink);font-size:.88rem;font-weight:800}
.featured-story-excerpt{display:-webkit-box;margin:.7rem 0 0;overflow:hidden;color:var(--muted);font-size:1.03rem;-webkit-box-orient:vertical;-webkit-line-clamp:3}

/* Editorial overview */
.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:clamp(2rem,5vw,4rem);align-items:start;margin-top:clamp(2.8rem,6vw,4.5rem)}
.overview-grid--no-feature{margin-top:0}
.overview-heading,.archive-heading{margin-bottom:1rem}
.overview-heading h2,.archive-heading h2{font-size:clamp(1.75rem,3vw,2.25rem)}
.story-list{margin:0;padding:0;border-top:1px solid var(--line);list-style:none}
.story-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:1.25rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}
.story-row--no-media{grid-template-columns:1fr}
.story-row-media{display:block;align-self:start;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:#ddd}
.story-row-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.story-row:hover .story-row-media img{transform:scale(1.035)}
.story-row-body{align-self:center;min-width:0}
.story-row-meta{justify-content:flex-start;margin-bottom:.55rem}
.story-row h3{font-size:clamp(1.15rem,2vw,1.35rem);line-height:1.24}
.story-row h3 a{color:var(--dark)}
.story-row h3 a:hover{color:var(--red-dark)}
.story-row-place{margin:.45rem 0 0;color:var(--ink);font-size:.82rem;font-weight:800}
.story-row-excerpt{display:-webkit-box;margin:.4rem 0 0;overflow:hidden;color:var(--muted);font-size:.92rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.overview-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.25rem}
.overview-actions a{display:inline-flex;align-items:center;min-height:44px;padding:.5rem .85rem;border:1px solid #d2d2d7;border-radius:999px;background:#fff;font-size:.86rem;font-weight:800}
.overview-actions a:hover{border-color:var(--red);text-decoration:none}

/* Compact incident panel */
.incident-panel{position:sticky;top:145px;overflow:hidden;border:1px solid var(--line);border-top:4px solid var(--red);border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(20,20,25,.05)}
.incident-panel-heading{padding:1.35rem 1.35rem 1.1rem}
.incident-panel-heading .eyebrow{margin-bottom:.35rem;color:var(--red)}
.incident-panel h2{font-size:1.55rem}
.incident-compact-list{margin:0;padding:0 1.35rem;list-style:none}
.incident-compact-item{border-top:1px solid var(--line)}
.incident-compact-link{display:block;margin:0 -.6rem;padding:1rem .6rem;border-radius:10px;color:inherit;transition:background .2s}
.incident-compact-link:hover{background:#f6f6f8;text-decoration:none}
.incident-compact-meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem .7rem;color:var(--muted);font-size:.72rem}
.incident-compact-meta span{color:var(--red-dark);font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.incident-compact-item p{margin:.35rem 0 0;color:var(--ink);font-size:.91rem;line-height:1.45}
.incident-compact-item p strong{font-weight:850}
.incident-compact-arrow{display:inline-block;margin-left:.2rem;color:var(--red);font-weight:900;transition:transform .2s}
.incident-compact-link:hover .incident-compact-arrow{transform:translateX(3px)}
.incident-panel-link{display:flex;align-items:center;min-height:48px;margin:.5rem 1.35rem 1.1rem;font-size:.88rem;font-weight:850}
.incident-panel-empty{margin:0;padding:0 1.35rem 1.35rem;color:var(--muted)}

/* Category archives */
.archive-wrap,.incident-section>.wrap{max-width:1000px}
.story-list--archive .story-row{grid-template-columns:220px minmax(0,1fr);padding:1.4rem 0}
.year-tabs{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.5rem;padding-bottom:1.1rem;border-bottom:1px solid var(--line)}
.year-tabs button{min-width:68px;min-height:46px;padding:.55rem .85rem;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-weight:800;cursor:pointer}
.year-tabs button:hover{background:#fff}
.year-tabs button[aria-selected="true"]{border-color:#d2d2d7;background:#fff;color:var(--red-dark);box-shadow:0 3px 12px rgba(20,20,25,.05)}
.incident-list{margin:0;padding:0;border-top:1px solid var(--line);list-style:none}
.incident-row{border-bottom:1px solid var(--line)}
.incident-row-link{display:grid;grid-template-columns:3.2rem 11.7rem minmax(0,1fr) 1.5rem;gap:0 1rem;align-items:baseline;margin:0 -.8rem;padding:1rem .8rem;border-radius:10px;color:inherit;transition:background .2s}
.incident-row-link:hover{background:#fff;text-decoration:none}
.incident-number{color:var(--red-dark);font-size:1.05rem;font-weight:900}
.incident-row time{color:var(--ink);font-size:.9rem;font-weight:750;white-space:nowrap}
.incident-row p{margin:0;color:var(--ink)}
.incident-row p strong{font-weight:850}
.incident-arrow{color:var(--red);font-weight:900;transition:transform .2s}
.incident-row-link:hover .incident-arrow{transform:translateX(3px)}

@media(max-width:900px){
  .overview-grid{grid-template-columns:1fr}
  .incident-panel{position:static}
}
@media(max-width:760px){
  .featured-story{grid-template-columns:1fr;min-height:0}
  .featured-story-media{aspect-ratio:16/9}
  .featured-story-body{justify-content:flex-start}
  .story-list--archive .story-row,.story-row{grid-template-columns:150px minmax(0,1fr)}
  .story-row--no-media{grid-template-columns:1fr}
  .incident-row-link{grid-template-columns:2.4rem minmax(0,1fr) 1rem;gap:.15rem .65rem;padding:.9rem .7rem}
  .incident-row time{grid-column:2;font-size:.82rem}
  .incident-row p{grid-column:2}
  .incident-number{grid-row:1/span 2}
  .incident-arrow{grid-column:3;grid-row:1/span 2;align-self:center}
}
@media(max-width:560px){
  .listing-tabs .wrap{padding-right:0}
  .filter-nav{padding-right:var(--page-padding)}
  .featured-story{border-radius:16px}
  .story-list--archive .story-row,.story-row{grid-template-columns:104px minmax(0,1fr);gap:.9rem;padding:1rem 0}
  .story-row--no-media{grid-template-columns:1fr}
  .story-row-meta{align-items:flex-start;flex-direction:column;gap:.3rem}
  .story-row-excerpt{display:none}
  .story-row-place{margin-top:.35rem}
  .year-tabs{display:grid;grid-template-columns:repeat(4,1fr)}
  .year-tabs button{min-width:0;padding-inline:.4rem}
}

/* Entry detail */
.article-hero{position:relative;padding:clamp(3rem,8vw,6.5rem) 0;background:linear-gradient(135deg,#17181c,#343640);isolation:isolate}
.article-hero--image::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--cover) center/cover no-repeat}
.article-hero--image::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(16,17,20,.92),rgba(16,17,20,.68))}
.article-hero-inner{display:flex;align-items:flex-start;flex-direction:column}
.back-link{margin-bottom:2rem;color:#fff;font-weight:700}
.article-hero h1{max-width:18ch;margin-top:.8rem;color:#fff;font-size:clamp(2.2rem,6vw,4rem)}
.article-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:1.1rem;color:#e4e4e7;font-weight:600}
.article-meta span::before{content:"•";margin-right:1.4rem;color:var(--amber)}
.article-grid{display:grid;grid-template-columns:minmax(0,780px);justify-content:center;padding-top:clamp(2.5rem,6vw,4.5rem);padding-bottom:clamp(2.5rem,6vw,4.5rem)}
.prose{font-size:1.06rem}
.prose .lead{margin-top:0;padding-bottom:1.5rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:1.2rem}
.prose h2{margin:2.2rem 0 .8rem;font-size:1.7rem}
.prose h3{margin:1.8rem 0 .65rem;font-size:1.3rem}
.prose p,.prose ul,.prose ol{margin:1rem 0}
.prose a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.prose blockquote{margin:1.5rem 0;padding:.6rem 1.25rem;border-left:4px solid var(--red);background:#fff;color:var(--muted)}
.prose img{margin:1.8rem auto;border-radius:var(--radius)}
.entry-gallery{padding-bottom:clamp(2.5rem,6vw,4.5rem)}
.entry-gallery-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}
.entry-gallery h2{font-size:1.8rem}
.entry-gallery-heading p{margin:0;color:var(--muted);font-size:.9rem}
.entry-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.entry-gallery-grid a{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:#ddd;box-shadow:0 5px 18px rgba(20,20,25,.08)}
.entry-gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.entry-gallery-grid a:hover img{transform:scale(1.04)}
.entry-gallery-grid a:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.lightbox{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:rgba(9,10,12,.96);color:#fff}
.lightbox::backdrop{background:rgba(9,10,12,.96)}
.lightbox[open]{display:block}
.lightbox-stage{position:relative;display:grid;width:100%;height:100%;padding:clamp(3.5rem,8vw,5rem) clamp(1rem,8vw,6rem) 2.75rem;place-items:center}
.lightbox-figure{display:grid;max-width:100%;max-height:100%;margin:0;place-items:center;touch-action:pan-y pinch-zoom}
.lightbox-figure img{display:block;max-width:100%;max-height:calc(100dvh - 8rem);object-fit:contain;box-shadow:0 18px 60px rgba(0,0,0,.38);user-select:none;-webkit-user-drag:none}
.lightbox-caption{margin-top:.8rem;color:#d6d6da;font-size:.9rem;font-variant-numeric:tabular-nums;text-align:center}
.lightbox-control{position:absolute;z-index:1;display:grid;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(20,21,25,.72);color:#fff;font:inherit;font-size:2.3rem;line-height:1;place-items:center;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.lightbox-control[hidden]{display:none}
.lightbox-control:hover{border-color:rgba(255,255,255,.5);background:rgba(45,46,52,.92)}
.lightbox-control:active{transform:scale(.94)}
.lightbox-control:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.lightbox-close{top:1rem;right:1rem;font-size:1.8rem}
.lightbox-previous{top:50%;left:clamp(.6rem,2.5vw,2rem);transform:translateY(-50%)}
.lightbox-next{top:50%;right:clamp(.6rem,2.5vw,2rem);transform:translateY(-50%)}
.lightbox-previous:active,.lightbox-next:active{transform:translateY(-50%) scale(.94)}
.article-bottom-nav{padding-bottom:4rem;text-align:center}
.button{display:inline-flex;padding:.78rem 1.3rem;border-radius:999px;background:var(--red);color:#fff;font-weight:800}
.button:hover{background:var(--red-dark);text-decoration:none}
@media(max-width:700px){
  .article-meta{display:grid;gap:.25rem}
  .article-meta span::before{display:none}
  .entry-gallery-grid{grid-template-columns:repeat(2,1fr)}
  .lightbox-stage{padding:4rem .75rem 4.5rem}
  .lightbox-figure img{max-height:calc(100dvh - 9rem)}
  .lightbox-previous,.lightbox-next{top:auto;bottom:.7rem;transform:none}
  .lightbox-previous{left:calc(50% - 58px)}
  .lightbox-next{right:calc(50% - 58px)}
  .lightbox-previous:active,.lightbox-next:active{transform:scale(.94)}
}

/* Footer */
.site-footer{padding:3rem 0 2rem;background:var(--dark);color:#aaaab1;font-size:.94rem}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem}
.footer-brand{width:max-content;margin-bottom:.8rem}
.site-footer p{max-width:44ch;margin:.5rem 0 0}
.site-footer h2{margin-bottom:.7rem;color:#fff;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}
.site-footer ul{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}
.site-footer a{color:#e8e8ea}
.legal{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:2rem;padding-top:1.3rem;border-top:1px solid rgba(255,255,255,.1);color:#85868e;font-size:.82rem}
@media(max-width:620px){.footer-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
