.srs-bl{--srs-bl-accent:#0d7c66;--srs-bl-accent-dark:#065f4e;--srs-bl-text:#1a1a2e;--srs-bl-muted:#6b7280;--srs-bl-border:#e8e8e8;--srs-bl-bg:#ffffff;--srs-bl-card-radius:16px;--srs-bl-img-radius:12px;max-width:1200px;margin:0 auto;font-family:inherit}.srs-bl__filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px;justify-content:center}.srs-bl__tab{all:unset;cursor:pointer;padding:9px 22px;border-radius:100px;font-size:14px;font-weight:500;color:var(--srs-bl-muted);border:1px solid var(--srs-bl-border);background:#fff0;transition:background 0.2s,color 0.2s,border-color 0.2s;line-height:1.4}.srs-bl__tab:hover{color:var(--srs-bl-accent);border-color:var(--srs-bl-accent)}.srs-bl__tab:focus-visible{outline:2px solid var(--srs-bl-accent);outline-offset:2px}.srs-bl__tab--active{background:var(--srs-bl-accent);color:#fff;border-color:var(--srs-bl-accent)}.srs-bl__grid{display:grid;gap:28px}.srs-bl__grid--cols-2{grid-template-columns:repeat(2,1fr)}.srs-bl__grid--cols-3{grid-template-columns:repeat(3,1fr)}.srs-bl__grid--cols-4{grid-template-columns:repeat(4,1fr)}.srs-bl__card{display:flex;flex-direction:column;background:var(--srs-bl-bg);border-radius:var(--srs-bl-card-radius);box-shadow:0 1px 4px rgb(0 0 0 / .06),0 4px 16px rgb(0 0 0 / .04);overflow:hidden;transition:box-shadow 0.25s}.srs-bl__card:hover{box-shadow:0 2px 8px rgb(0 0 0 / .08),0 8px 28px rgb(0 0 0 / .07)}.srs-bl__thumb-wrap{position:relative;margin:12px 12px 0 12px;border-radius:var(--srs-bl-img-radius);overflow:hidden}.srs-bl__thumb{display:block;aspect-ratio:16 / 10;line-height:0}.srs-bl__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.35s}.srs-bl__card:hover .srs-bl__img{transform:scale(1.03)}.srs-bl__cat-badge{position:absolute;top:10px;left:10px;background:var(--srs-bl-accent-dark);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:5px 12px;border-radius:6px;text-decoration:none;line-height:1.3;z-index:1;transition:background 0.2s}.srs-bl__cat-badge:hover{background:var(--srs-bl-accent);color:#fff;text-decoration:none}.srs-bl__body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:12px;flex:1}.srs-bl__title{font-size:17px;line-height:1.4;margin:0;font-weight:700;color:var(--srs-bl-text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.srs-bl__title a{color:inherit;text-decoration:none}.srs-bl__title a:hover{text-decoration:underline}.srs-bl__meta{display:flex;align-items:center;gap:6px;margin-top:auto;flex-wrap:wrap}.srs-bl__avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid var(--srs-bl-accent);flex-shrink:0}.srs-bl__author{font-size:13px;font-weight:600;color:var(--srs-bl-accent);text-decoration:none;line-height:1}.srs-bl__author:hover{text-decoration:underline}.srs-bl__sep{color:var(--srs-bl-muted);font-size:14px;line-height:1}.srs-bl__date{font-size:13px;color:var(--srs-bl-muted);line-height:1}.srs-bl__pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:40px;flex-wrap:wrap}.srs-bl__page-btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 6px;border-radius:10px;font-size:14px;font-weight:500;color:var(--srs-bl-text);background:var(--srs-bl-bg);border:1px solid var(--srs-bl-border);transition:background 0.2s,color 0.2s,border-color 0.2s;line-height:1}.srs-bl__page-btn:hover:not(:disabled){border-color:var(--srs-bl-accent);color:var(--srs-bl-accent)}.srs-bl__page-btn:focus-visible{outline:2px solid var(--srs-bl-accent);outline-offset:2px}.srs-bl__page-btn--active{background:var(--srs-bl-accent);color:#fff;border-color:var(--srs-bl-accent)}.srs-bl__page-btn--active:hover{background:var(--srs-bl-accent-dark);color:#fff;border-color:var(--srs-bl-accent-dark)}.srs-bl__page-btn:disabled{opacity:.35;cursor:not-allowed}.srs-bl__page-dots{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;font-size:14px;color:var(--srs-bl-muted);letter-spacing:2px;user-select:none}.srs-bl__empty{grid-column:1 / -1;text-align:center;padding:48px 16px;color:var(--srs-bl-muted);font-size:15px}.srs-bl__loader{text-align:center;padding:32px}.srs-bl__spinner{display:inline-block;width:28px;height:28px;border:3px solid var(--srs-bl-border);border-top-color:var(--srs-bl-accent);border-radius:50%;animation:srs-bl-spin 0.6s linear infinite}@keyframes srs-bl-spin{to{transform:rotate(360deg)}}.srs-bl__grid--loading{opacity:.35;pointer-events:none;transition:opacity 0.15s}@media (max-width:900px){.srs-bl__grid--cols-3,.srs-bl__grid--cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.srs-bl__grid--cols-2,.srs-bl__grid--cols-3,.srs-bl__grid--cols-4{grid-template-columns:1fr}.srs-bl__filters{gap:6px}.srs-bl__tab{padding:7px 16px;font-size:13px}.srs-bl__thumb-wrap{margin:10px 10px 0 10px}.srs-bl__body{padding:14px 14px 18px}}