.sveta-bases-module {
  background: radial-gradient(circle at 86% 6%, rgba(190, 219, 232, .22), transparent 30rem), var(--color-bg, #eef0f0);
}
.sveta-bases-intro { display:flex; align-items:end; justify-content:space-between; gap:2rem; }
.sveta-bases-lead { max-width:760px; margin-top:1rem; }
.sveta-bases-category { margin-top:clamp(2.75rem,5vw,4.5rem); padding-top:1.25rem; border-top:1px solid var(--color-hairline,#cdd1d2); }
.sveta-bases-category-head { display:grid; grid-template-columns:minmax(12rem,.75fr) minmax(18rem,1.25fr); gap:2rem; align-items:baseline; }
.sveta-bases-category-head h3 { margin:0; font-size:clamp(1.3rem,2vw,1.75rem); }
.sveta-bases-category-head p { margin:0; color:var(--color-text-muted,#686d70); max-width:42rem; }
.sveta-bases-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.25rem; margin-top:2rem; }
.sveta-bases-card { display:flex; flex-direction:column; justify-content:space-between; min-width:0; padding:1rem; color:inherit; text-decoration:none; background:var(--color-surface,#f7f8f8); border:1px solid var(--color-hairline,#cdd1d2); transition:border-color .2s ease,background-color .2s ease,transform .2s ease; }
.sveta-bases-card:hover { border-color:var(--color-ice-blue,#9fc5d4); background:#fff; transform:translateY(-2px); }
.sveta-bases-card:focus-visible { outline:2px solid var(--color-electric-blue,#5477ff); outline-offset:3px; }
.sveta-bases-media { display:flex; align-items:center; justify-content:center; aspect-ratio:4/5; margin-bottom:1rem; overflow:hidden; background:var(--color-bg,#eef0f0); }
.sveta-bases-media img { width:100%; height:100%; object-fit:contain; transition:transform .3s ease; }
.sveta-bases-card:hover .sveta-bases-media img { transform:scale(1.025); }
.sveta-bases-placeholder { padding:1rem; font:600 .6875rem/1.4 var(--font-mono,monospace); letter-spacing:.08em; color:var(--color-text-muted,#686d70); text-align:center; }
.sveta-bases-meta { display:flex; flex-direction:column; gap:.25rem; }
.sveta-bases-code,.sveta-bases-options { font-family:var(--font-mono,monospace); font-size:.6875rem; }
.sveta-bases-code { font-weight:600; letter-spacing:.08em; color:var(--color-text-muted,#686d70); }
.sveta-bases-title { font-size:1.0625rem; font-weight:600; color:var(--color-text,#111); letter-spacing:-.01em; }
.sveta-bases-options { margin-top:.25rem; color:var(--color-text-graphite,#414548); }
.sveta-bases-footer { display:flex; align-items:center; justify-content:space-between; gap:2rem; margin-top:clamp(3rem,6vw,5rem); padding:clamp(1.5rem,3vw,2.5rem); border:1px solid var(--color-hairline,#cdd1d2); background:rgba(255,255,255,.72); }
.sveta-bases-footer p { max-width:48rem; margin:0; color:var(--color-text-graphite,#414548); }
.quote-reference-notice { margin:0 0 1.25rem; padding:.75rem 1rem; border-left:3px solid var(--color-electric-blue,#5477ff); background:rgba(184,216,255,.45); color:var(--color-text,#111); font:600 .75rem/1.4 var(--font-mono,monospace); letter-spacing:.06em; }
@media (max-width:991px){ .sveta-bases-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:767px){ .sveta-bases-intro,.sveta-bases-footer{align-items:flex-start;flex-direction:column;} .sveta-bases-category-head{grid-template-columns:1fr;gap:.5rem;} }
@media (max-width:480px){ .sveta-bases-grid{grid-template-columns:1fr;gap:1rem;} }