/* KRYPTA editorial category archive — v0.4 */
.krypta-category{padding-top:28px}
.krypta-category .breadcrumbs{margin-bottom:26px}
.category-intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(285px,1fr);gap:30px;align-items:stretch;margin:0 0 42px;padding-bottom:34px;border-bottom:1px solid var(--line)}
.category-intro h1{font-size:clamp(2.15rem,4.5vw,4.25rem);margin:11px 0 13px}
.category-intro-text{max-width:760px;font-size:1.07rem;color:var(--muted)}
.category-intro-text p{margin:0 0 12px}
.category-context{padding:25px 26px;background:var(--paper);border:1px solid var(--line);border-radius:16px;align-self:stretch}
.category-context h2{font-size:1.3rem;margin:10px 0}
.category-context p{color:var(--muted);margin:0}
.category-section{margin-bottom:64px}
.category-section .section-heading{margin:0 0 19px}
.category-section .section-heading h2{margin:0}
.category-section .section-heading a{font-weight:700;text-decoration:none}
.category-section .section-heading a:hover{text-decoration:underline}
.category-small-note{font-size:.8rem;color:var(--muted)}
.category-hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:17px}
.category-hero-grid--single{grid-template-columns:minmax(0,1fr)}
.category-hero-primary,.category-hero-secondary{min-width:0}
.category-hero-secondary{display:grid;grid-template-rows:repeat(2,1fr);gap:17px}
.story-card--category-lead{background:#101820;color:white;border:0;position:relative;min-height:380px;isolation:isolate;display:flex}
.story-card--category-lead .story-media{position:absolute;inset:0;aspect-ratio:auto;opacity:.72}
.story-card--category-lead .story-media img{width:100%;height:100%;object-fit:cover}
.story-card--category-lead .story-body{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:end;width:100%;padding:clamp(21px,3vw,40px);background:linear-gradient(180deg,transparent 5%,rgba(16,24,32,.8) 57%,#101820 100%)}
.story-card--category-lead h3{font-size:clamp(1.55rem,2.7vw,2.55rem);margin:11px 0}
.story-card--category-lead h3 a,.story-card--category-lead .eyebrow{color:#b9ff66}
.story-card--category-lead .story-body p,.story-card--category-lead .story-meta{color:#e4edf4}
.story-card--category-side{display:flex;min-height:180px}
.story-card--category-side .story-media{width:39%;flex:0 0 39%;aspect-ratio:auto}
.story-card--category-side .story-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:17px}
.story-card--category-side h3{font-size:1.2rem;margin:4px 0 8px}
.story-card--category-side p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.category-filters{display:flex;flex-wrap:wrap;align-items:end;gap:13px;padding:19px;margin:0 0 22px;background:var(--paper);border:1px solid var(--line);border-radius:14px}
.category-filters label{display:flex;flex-direction:column;gap:6px;flex:1 1 150px;min-width:150px;font-size:.77rem;font-weight:750;color:var(--muted)}
.category-filters select{width:100%;min-height:42px;padding:9px 12px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;font-size:.87rem}
.category-filters select:focus-visible{outline:2px solid #77ad3a;outline-offset:2px}
.category-filter-actions{display:flex;gap:12px;align-items:center;min-height:42px}
.category-filter-actions button{padding:10px 16px;background:var(--ink);color:#b9ff66;border:0;border-radius:8px;font-weight:800;cursor:pointer;min-height:42px}
.category-filter-actions a{font-size:.82rem}
.category-story-grid{row-gap:22px}
.category-empty{padding:25px;background:var(--paper);border:1px solid var(--line);border-radius:12px;color:var(--muted)}
.category-pager{display:flex;justify-content:center;margin-top:38px}
.category-pager .nav-links{justify-content:center}
.category-pager .current{background:var(--ink);color:#b9ff66}
.category-guides{padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}
.category-guides .story-card{border-color:var(--line)}
.category-seo-copy{max-width:850px;margin-inline:auto;padding:28px 30px;background:var(--paper);border:1px solid var(--line);border-radius:16px}
.category-seo-copy h2{font-size:1.55rem;margin:0 0 18px}
.category-seo-copy .article-body{font-size:1rem;color:var(--text)}
@media(max-width:980px){
 .category-intro{grid-template-columns:1fr}
 .category-context{max-width:none}
 .category-hero-grid{grid-template-columns:1fr}
 .category-hero-secondary{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
 .story-card--category-side{display:block}
 .story-card--category-side .story-media{width:100%;aspect-ratio:16/8}
}
@media(max-width:650px){
 .category-intro{gap:22px;margin-bottom:30px}
 .category-hero-secondary{grid-template-columns:1fr}
 .story-card--category-side{display:flex;min-height:145px}
 .story-card--category-side .story-media{width:35%;flex:0 0 35%;aspect-ratio:auto}
 .story-card--category-side .story-body{padding:12px}
 .story-card--category-side h3{font-size:1rem}
 .story-card--category-side p{display:none}
 .story-card--category-lead{min-height:320px}
 .story-card--category-lead .story-body p{display:none}
 .category-section{margin-bottom:42px}
 .category-filters{padding:13px;gap:10px}
 .category-filters label{flex:1 1 100%;min-width:0}
 .category-filter-actions{width:100%;justify-content:space-between}
 .category-guides,.category-seo-copy{padding:20px 16px}
}
