.category-overview { background:#f6f8fb; }
.overview-hero-index { width:min(100%,460px); justify-self:end; margin:0; padding:26px 30px 22px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.16); border-radius:14px; box-shadow:0 22px 50px rgba(2,7,20,.2); backdrop-filter:blur(8px); }
.overview-hero-index > p { margin:0 0 10px; padding-bottom:13px; border-bottom:1px solid rgba(255,255,255,.12); color:#79d7d0; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.overview-hero-index ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 26px; margin:0; padding:0; list-style:none; }
.overview-hero-index li { display:flex; gap:10px; align-items:flex-start; min-width:0; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.09); color:#f4f7fb; font-size:13px; font-weight:650; line-height:1.4; }
.overview-hero-index li span { flex:0 0 auto; color:#42c8d0; font-weight:900; }
.category-overview-intro { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(300px,.7fr); gap:64px; align-items:start; }
.category-overview-intro h2 { margin:14px 0 22px; font-size:clamp(34px,4vw,58px); line-height:1.05; color:var(--ink); }
.category-overview-intro h2 em { color:var(--blue); font-style:normal; }
.category-overview-intro .lead { margin:0; color:var(--muted); font-size:17px; line-height:1.8; }
.category-overview-note { padding:30px; background:#202633; color:#fff; border-radius:3px; box-shadow:inset 4px 0 0 var(--teal); }
.category-overview-note span { color:#79d7d0; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.category-overview-note p { margin:12px 0 0; color:#d8dde8; font-size:14px; line-height:1.75; }
.category-overview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:48px; }
.category-overview-card { position:relative; padding:30px 32px; background:#fff; border:1px solid #e1e6ee; box-shadow:0 12px 30px rgba(32,38,51,.05); }
.category-overview-card:before { content:""; position:absolute; top:0; left:0; width:4px; height:100%; background:var(--accent,var(--blue)); }
.category-overview-card > span { color:var(--accent,var(--blue)); font-size:11px; font-weight:800; letter-spacing:.12em; }
.category-overview-card h3 { margin:10px 0 12px; color:var(--ink); font-size:20px; }
.category-overview-card p { margin:0; color:var(--muted); font-size:14px; line-height:1.7; }
.category-overview-card a { display:inline-flex; gap:16px; margin-top:22px; color:var(--blue); font-size:12px; font-weight:800; text-decoration:none; }
.category-overview-card a span { color:var(--teal); }
.category-overview-card:focus-within,.category-overview-card:hover { transform:translateY(-2px); box-shadow:0 18px 38px rgba(32,38,51,.09); }
@media(max-width:1000px){.overview-hero-index{width:100%; padding:24px}.overview-hero-index ul{grid-template-columns:1fr}}
@media(max-width:760px){.page-hero:has(.overview-hero-index){padding-bottom:34px}.page-hero:has(.overview-hero-index) .page-hero-inner{gap:26px}.overview-hero-index{justify-self:stretch;padding:20px 22px 16px;border-radius:10px}.overview-hero-index ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.overview-hero-index li{padding:9px 0;font-size:12px}.category-overview-intro,.category-overview-grid{grid-template-columns:1fr}.category-overview-intro{gap:30px}.category-overview-grid{margin-top:34px}.category-overview-card{padding:26px 24px}}
@media(max-width:430px){.overview-hero-index ul{grid-template-columns:1fr}.overview-hero-index li:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){.category-overview-card{transition:none}.category-overview-card:hover{transform:none}}