/* Shared editorial modules; no framework, no extra frontend JavaScript. */
.sr-editorial-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:48px;align-items:start;padding-block:40px}
.sr-blog-no-sidebar .sr-editorial-layout{grid-template-columns:minmax(0,1fr)}
.sr-editorial-layout>.sr-article-content{width:100%;max-width:800px;margin-inline:auto;padding:0;min-width:0}
.sr-editorial-layout .sr-blog-sidebar,.sr-blog-sidebar{display:grid;gap:22px;position:static;min-width:0}
.sr-blog-sidebar .sr-sidebar-box{margin:0;padding:24px;border:1px solid var(--sr-line);border-radius:var(--sr-radius);box-shadow:var(--sr-shadow)}
.sr-blog-sidebar h2{font-size:1.15rem;line-height:1.35;margin:0 0 18px}
.sr-blog-sidebar ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.sr-blog-sidebar ul.children{padding:10px 0 0 14px}
.sr-blog-sidebar a{color:var(--sr-accent);overflow-wrap:anywhere}
.sr-blog-sidebar p,.sr-blog-sidebar small{color:var(--sr-muted)}
.sr-blog-sidebar .search-form{display:flex;flex-wrap:wrap;gap:10px}
.sr-blog-sidebar .search-form label{flex:1;min-width:0}
.sr-blog-sidebar input[type=search]{width:100%;min-height:44px;background:var(--sr-surface-2);color:var(--sr-text);border:1px solid var(--sr-line);border-radius:8px;padding:10px}
.sr-blog-sidebar .search-submit{min-height:44px;padding:10px 14px;border-radius:8px}
.sr-recent-list a{display:flex;align-items:center;gap:12px;text-decoration:none}
.sr-recent-list img{width:60px;height:60px;object-fit:cover;border-radius:10px;flex-shrink:0}
.sr-recent-list small{display:block;font-size:.75rem;margin-top:5px}
.sr-topic-cloud{display:flex;flex-wrap:wrap;gap:8px}
.sr-topic-cloud a{padding:7px 10px;background:var(--sr-soft);border:1px solid var(--sr-line);border-radius:999px}
.sr-article-content :is(img,video,iframe){max-width:100%}
.sr-article-content :is(pre,table){max-width:100%;overflow:auto}
html:is(.sr-light,.sr-dark) :is(.sr-post-card,.sr-card,.sr-course-card){background:var(--sr-surface);color:var(--sr-text);border-color:var(--sr-line)}
html:is(.sr-light,.sr-dark) .sr-post-body p{color:var(--sr-muted)}
html:is(.sr-light,.sr-dark) .sr-read-more{color:var(--sr-accent)}
@media(max-width:1000px){.sr-editorial-layout{grid-template-columns:minmax(0,1fr);gap:32px}.sr-blog-sidebar{width:100%}}