/** Copyright since 2026 SEO Total, AFL-3.0 (see LICENSE.txt). */
/* Optional blog sidebar. Main content precedes the rail in reading order. */
.seototal-blog-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:start;--stb-sidebar-width:18rem}
.seototal-blog-layout__main{min-width:0}
.seototal-blog-layout__main>.seototal-blog-post{max-width:none;margin-inline:0}
.seototal-blog-sidebar{min-width:0;display:grid;gap:1.25rem;overflow-wrap:anywhere}
.seototal-blog-sidebar *{box-sizing:border-box}
.seototal-blog-sidebar__block{padding:1.25rem;background:var(--stb-bg);border:1px solid var(--stb-border);border-radius:var(--stb-radius)}
.seototal-blog-sidebar__title{margin:0 0 1rem;font-size:1.05rem;font-weight:700;line-height:1.4}
.seototal-blog-sidebar__items{list-style:none;padding:0;margin:0;display:grid;gap:.9rem}
.seototal-blog-sidebar__items>li+li{border-top:1px solid var(--stb-border);padding-top:.9rem}
.seototal-blog-sidebar__items ul{padding-inline-start:1rem;margin:.5rem 0 0;font-size:.9em}
.seototal-blog-sidebar a{color:inherit;text-decoration:none;line-height:1.5}
.seototal-blog-sidebar a:hover{text-decoration:underline;color:var(--stb-accent)}
.seototal-blog-sidebar a:focus-visible,.seototal-blog-sidebar input:focus-visible,.seototal-blog-sidebar button:focus-visible{outline:2px solid var(--stb-accent);outline-offset:3px}
.seototal-blog-sidebar__link,.seototal-blog-sidebar__person{display:flex;align-items:center;gap:.75rem}
.seototal-blog-sidebar__link img{width:4rem;height:4rem;flex:0 0 4rem;object-fit:cover;border-radius:calc(var(--stb-radius)/2)}
.seototal-blog-sidebar--products img{object-fit:contain}
.seototal-blog-sidebar__person img{width:3rem;height:3rem;object-fit:cover;border-radius:50%;flex:0 0 3rem}
.seototal-blog-sidebar small{display:block;color:var(--stb-muted);font-size:.85em;margin-top:.25rem}
.seototal-blog-sidebar .seototal-blog-search{margin:0;gap:.5rem}
.seototal-blog-sidebar .seototal-blog-search__input{width:100%;min-width:0;flex:1 1 100%}
.seototal-blog-sidebar .seototal-blog-search__button{width:100%}
.seototal-blog-layout--mobile-hidden>.seototal-blog-sidebar{display:none}
@media(min-width:1024px){
 .seototal-blog-layout{grid-template-columns:minmax(0,1fr) minmax(0,var(--stb-sidebar-width))}
 .seototal-blog-layout--narrow{--stb-sidebar-width:15rem}
 .seototal-blog-layout--wide{--stb-sidebar-width:21rem}
 .seototal-blog-layout--left{grid-template-columns:minmax(0,var(--stb-sidebar-width)) minmax(0,1fr)}
 .seototal-blog-layout--left>.seototal-blog-layout__main{grid-column:2;grid-row:1}
 .seototal-blog-layout--left>.seototal-blog-sidebar{grid-column:1;grid-row:1}
 .seototal-blog-layout--mobile-hidden>.seototal-blog-sidebar{display:grid}
 .seototal-blog-layout--sticky>.seototal-blog-sidebar{position:sticky;top:var(--stb-sidebar-offset,24px);max-height:calc(100dvh - var(--stb-sidebar-offset,24px) - 1rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
 .seototal-blog-search--mobile-only{display:none}
}

.seototal-blog-layout{--stb-accent:var(--bs-primary,#24b9d7);--stb-text:var(--bs-body-color,#232323);--stb-muted:var(--bs-secondary-color,#6c757d);--stb-border:var(--bs-border-color,#dee2e6);--stb-bg:var(--bs-body-bg,#fff);--stb-soft:var(--bs-tertiary-bg,#f6f6f6);--stb-radius:var(--bs-border-radius,.375rem);--stb-gap:1.25rem;color:var(--stb-text)}