:root{
--sbl-red:#C70000;
--sbl-dark:#151515;
--sbl-grey:#54595F;
--sbl-muted:#7A7A7A;
--sbl-line:#E6E6E6;
--sbl-light:#F7F7F7;
}
.sbl-wrap,.sbl-wrap *{box-sizing:border-box}
.sbl-wrap{font-family:inherit;color:var(--sbl-dark);width:100%;max-width:none}
.sbl-header{text-align:center;padding:20px 20px 72px}
.sbl-header h1{font-size:clamp(36px,4vw,52px);line-height:1.08;margin:0 0 14px;font-weight:700;color:var(--sbl-dark)}
.sbl-header p{max-width:860px;margin:0 auto;color:var(--sbl-grey);font-size:16px;line-height:1.65}

.sbl-main{
display:grid;
grid-template-columns:260px minmax(0,1fr);
gap:52px;
align-items:start;
width:100%;
max-width:1360px;
margin:0 auto;
padding:0 28px 90px;
}
.sbl-side{
display:block;
width:100%;
position:relative;
border-top:1px solid var(--sbl-line);
}
.sbl-sidehead{
display:flex;
align-items:center;
justify-content:space-between;
min-height:48px;
border-bottom:1px solid var(--sbl-line);
font-size:13px;
font-weight:600;
letter-spacing:.02em;
}
.sbl-close{display:none}
.sbl-side h3{
font-size:13px;
font-weight:700;
letter-spacing:.04em;
margin:18px 0 14px;
padding:0;
}
.sbl-side label{
display:flex;
align-items:center;
gap:10px;
margin:0;
padding:10px 0;
font-size:14px;
line-height:1.4;
color:var(--sbl-grey);
cursor:pointer;
}
.sbl-side input[type=radio],
.sbl-side input[type=checkbox]{
width:20px;
height:20px;
margin:0;
accent-color:var(--sbl-red);
flex:0 0 auto;
}
.sbl-clear{
margin-top:12px;
padding:11px 0;
border:0;
background:transparent;
color:var(--sbl-red);
font-size:12px;
font-weight:700;
cursor:pointer;
}
.sbl-resultsarea{min-width:0;width:100%}
.sbl-resultsarea.sbl-full{grid-column:1/-1}
.sbl-sortrow{
display:flex;
justify-content:flex-end;
align-items:center;
gap:8px;
min-height:49px;
font-size:12px;
font-weight:500;
}
.sbl-sort{
min-width:108px;
border:0;
border-bottom:1px solid transparent;
background:transparent;
font:inherit;
font-weight:700;
padding:8px 26px 8px 8px;
cursor:pointer;
color:var(--sbl-dark);
}

.sbl-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:48px 20px;
width:100%;
}
.sbl-card{min-width:0}
.sbl-img{
display:block;
width:100%;
aspect-ratio:16/9;
overflow:hidden;
background:#eee;
text-decoration:none;
}
.sbl-img img,.sbl-placeholder{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.sbl-img img{transition:transform .25s ease}
.sbl-card:hover .sbl-img img{transform:scale(1.018)}
.sbl-cat{
margin:14px 0 0;
color:var(--sbl-red);
font-size:11px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.035em;
}
.sbl-card h2{
margin:7px 0 5px;
font-size:18px;
line-height:1.35;
font-weight:700;
}
.sbl-card h2 a{color:var(--sbl-dark);text-decoration:none}
.sbl-meta{font-size:12px;line-height:1.45;color:var(--sbl-grey)}
.sbl-card p{font-size:14px;line-height:1.6;color:var(--sbl-grey);margin:10px 0}
.sbl-read{
display:inline-block;
margin-top:9px;
color:var(--sbl-red);
font-size:13px;
font-weight:700;
text-decoration:none;
}
.sbl-pages{display:flex;justify-content:center;gap:7px;margin-top:50px}
.sbl-pages button{
width:38px;height:38px;border:1px solid var(--sbl-line);background:#fff;color:var(--sbl-dark);cursor:pointer
}
.sbl-pages button.active{background:var(--sbl-red);border-color:var(--sbl-red);color:#fff}
.sbl-results.loading{opacity:.38;pointer-events:none}
.sbl-empty{padding:50px 24px;text-align:center;background:var(--sbl-light)}

.sbl-mobilebar{display:none}
.sbl-overlay{display:none}

/* Elementor editor/preview: do not collapse into mobile just because the editor panel narrows the preview slightly */
.elementor-editor-active .sbl-main{max-width:1360px}

@media (max-width:1100px){
.sbl-main{grid-template-columns:220px minmax(0,1fr);gap:32px;padding-left:22px;padding-right:22px}
.sbl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:767px){
.sbl-header{padding:16px 18px 38px}
.sbl-header h1{font-size:34px}
.sbl-main{display:block;padding:0 18px 60px}
.sbl-sortrow{display:none}
.sbl-mobilebar{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:11px 18px;
margin:0 0 22px;
border-top:1px solid var(--sbl-line);
border-bottom:1px solid var(--sbl-line);
}
.sbl-open{border:0;background:transparent;color:var(--sbl-dark);font-weight:700;padding:8px 0}
.sbl-side{
position:fixed;
z-index:99999;
left:0;
top:0;
bottom:0;
width:min(88vw,360px);
padding:20px 24px 34px;
overflow:auto;
background:#fff;
transform:translateX(-105%);
transition:transform .25s ease;
box-shadow:0 0 30px rgba(0,0,0,.12);
}
.sbl-wrap.open .sbl-side{transform:translateX(0)}
.sbl-close{display:block;border:0;background:transparent;font-size:26px;line-height:1}
.sbl-wrap.open .sbl-overlay{
display:block;
position:fixed;
z-index:99998;
inset:0;
background:rgba(0,0,0,.35);
}
.sbl-grid{grid-template-columns:1fr;gap:38px}
.sbl-img{aspect-ratio:16/9}
}

.sbl-single{
--sbl-article-max:1180px;
font-family:inherit;
background:#fff;
color:var(--sbl-dark);
}
.sbl-single *{box-sizing:border-box}
.sbl-single-hero{
width:100%;
height:clamp(320px,48vw,590px);
overflow:hidden;
background:#f3f0ec;
}
.sbl-single-hero-img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.sbl-single-shell{
display:grid;
grid-template-columns:minmax(0,760px) 320px;
gap:48px;
align-items:start;
max-width:var(--sbl-article-max);
margin:0 auto;
padding:54px 28px 72px;
}
.sbl-single-article{min-width:0}
.sbl-single-head{
padding-bottom:26px;
border-bottom:1px solid var(--sbl-line);
}
.sbl-single-kicker{
display:inline-block;
margin:0 0 15px;
color:var(--sbl-red);
font-size:12px;
font-weight:800;
letter-spacing:.08em;
line-height:1;
text-decoration:none;
text-transform:uppercase;
}
.sbl-single-head h1{
max-width:760px;
margin:0;
font-size:clamp(38px,5vw,68px);
line-height:.98;
font-weight:800;
letter-spacing:0;
color:var(--sbl-dark);
}
.sbl-single-meta{
display:flex;
flex-wrap:wrap;
gap:10px 18px;
margin-top:20px;
color:var(--sbl-grey);
font-size:12px;
font-weight:700;
letter-spacing:.04em;
text-transform:uppercase;
}
.sbl-single-dek{
max-width:680px;
margin:22px 0 0;
color:#3f4754;
font-size:18px;
line-height:1.7;
}
.sbl-single-inline-cover{
margin:34px 0 40px;
overflow:hidden;
background:#f3f0ec;
}
.sbl-single-inline-cover img{
display:block;
width:100%;
aspect-ratio:16/9;
height:auto;
object-fit:cover;
}
.sbl-single-content{
font-size:17px;
line-height:1.82;
color:#2f3742;
}
.sbl-single-content > *:first-child{margin-top:0}
.sbl-single-content p{margin:0 0 22px}
.sbl-single-content h2{
margin:42px 0 14px;
font-size:30px;
line-height:1.16;
font-weight:800;
color:var(--sbl-dark);
}
.sbl-single-content h3{
margin:30px 0 10px;
font-size:22px;
line-height:1.22;
font-weight:800;
color:var(--sbl-dark);
}
.sbl-single-content ul,
.sbl-single-content ol{
margin:0 0 28px;
padding-left:24px;
}
.sbl-single-content li{margin:8px 0}
.sbl-single-content img{
max-width:100%;
height:auto;
margin:14px 0 22px;
}
.sbl-single-content blockquote{
margin:34px 0;
padding:26px 30px;
border-left:4px solid var(--sbl-red);
background:#f6f3f0;
font-size:20px;
line-height:1.58;
font-weight:600;
color:var(--sbl-dark);
}
.sbl-single-aside{
position:sticky;
top:28px;
display:grid;
gap:22px;
}
.sbl-advice-card,
.sbl-toc-card{
border:1px solid var(--sbl-line);
background:#f7f4ef;
padding:24px;
}
.sbl-advice-card span{
display:block;
margin-bottom:10px;
color:var(--sbl-red);
font-size:11px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
}
.sbl-advice-card h2,
.sbl-toc-card h2{
margin:0 0 12px;
font-size:22px;
line-height:1.15;
font-weight:800;
color:var(--sbl-dark);
}
.sbl-advice-card p,
.sbl-toc-card p{
margin:0 0 18px;
color:#4a5563;
font-size:14px;
line-height:1.6;
}
.sbl-advice-card a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:0 18px;
background:var(--sbl-red);
color:#fff;
font-size:13px;
font-weight:800;
text-decoration:none;
text-transform:uppercase;
}
.sbl-toc-card{background:#fff}
.sbl-toc-card ol{
margin:0;
padding-left:19px;
color:#4a5563;
font-size:14px;
line-height:1.5;
}
.sbl-toc-card li{margin:0 0 12px}
.sbl-related{
padding:56px 28px 86px;
background:#f7f4ef;
}
.sbl-related-inner{
max-width:var(--sbl-article-max);
margin:0 auto;
}
.sbl-related-inner > p{
margin:0 0 8px;
color:var(--sbl-red);
font-size:11px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
}
.sbl-related-inner > h2{
margin:0 0 24px;
font-size:32px;
line-height:1.1;
font-weight:800;
}
.sbl-related-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px;
}
.sbl-related article a{
display:block;
color:var(--sbl-dark);
text-decoration:none;
}
.sbl-related img{
display:block;
width:100%;
aspect-ratio:16/9;
height:auto;
object-fit:cover;
margin:0 0 13px;
}
.sbl-related span{
display:block;
font-size:16px;
line-height:1.35;
font-weight:800;
}

.sbl-related-widget,
.sbl-related-widget *{box-sizing:border-box}
.sbl-related-widget{
width:100%;
font-family:inherit;
color:var(--sbl-dark);
}
.sbl-related-widget h2{
margin:0 0 26px;
font-size:30px;
line-height:1.15;
font-weight:800;
letter-spacing:0;
color:var(--sbl-dark);
}
.sbl-related-widget-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:32px;
}
.sbl-related-cols-1 .sbl-related-widget-grid{grid-template-columns:1fr}
.sbl-related-cols-2 .sbl-related-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sbl-related-cols-4 .sbl-related-widget-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.sbl-related-widget-card{min-width:0}
.sbl-related-widget-img{
display:block;
width:100%;
height:var(--sbl-related-image-height,135px);
overflow:hidden;
background:#eee;
text-decoration:none;
}
.sbl-related-widget-img img,
.sbl-related-widget-img .sbl-placeholder{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.sbl-related-widget h3{
margin:14px 0 4px;
font-size:14px;
line-height:1.28;
font-weight:800;
letter-spacing:0;
}
.sbl-related-widget h3 a{
color:var(--sbl-red);
text-decoration:none;
}
.sbl-related-widget time{
display:block;
color:var(--sbl-dark);
font-size:12px;
line-height:1.35;
font-weight:600;
}
.sbl-empty-note{
grid-column:1/-1;
margin:0;
color:var(--sbl-grey);
font-size:14px;
}

@media (max-width:1024px){
.sbl-single-shell{grid-template-columns:1fr;gap:34px}
.sbl-single-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:767px){
.sbl-single-hero{height:260px}
.sbl-single-shell{padding:34px 18px 52px}
.sbl-single-head h1{font-size:38px;line-height:1.04}
.sbl-single-content{font-size:16px;line-height:1.75}
.sbl-single-content h2{font-size:26px}
.sbl-single-aside{grid-template-columns:1fr}
.sbl-related{padding:42px 18px 60px}
.sbl-related-grid{grid-template-columns:1fr}
.sbl-related-widget-grid,
.sbl-related-cols-2 .sbl-related-widget-grid,
.sbl-related-cols-3 .sbl-related-widget-grid,
.sbl-related-cols-4 .sbl-related-widget-grid{grid-template-columns:1fr}
}