.s-blog{gap:clamp(20px,2.4vw,32px);padding-top:clamp(32px,4vw,56px);display:grid}.s-blog-tools{gap:14px;display:grid}.s-blog-cats{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.s-blog-cats::-webkit-scrollbar{display:none}.site .s-blog-cat{border-radius:var(--s-radius-pill);background:var(--color-card);border:1px solid var(--color-divider);min-height:40px;color:var(--color-neutral-700);white-space:nowrap;align-items:center;gap:8px;padding:0 8px 0 16px;font-size:14.5px;font-weight:500;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.site .s-blog-cat:hover{border-color:var(--color-accent-300);background:var(--color-accent-50);color:var(--color-text)}.site .s-blog-cat[aria-current=page]{border-color:var(--s-selected-border);background:var(--s-selected-bg);color:var(--s-selected-text);box-shadow:var(--s-selected-shadow);font-weight:600}.s-blog-cat-count{border-radius:var(--s-radius-pill);background:var(--color-accent-100);min-width:24px;height:24px;color:var(--color-accent-800);place-items:center;padding:0 6px;font-size:12px;line-height:1;display:grid}.s-blog-cat[aria-current=page] .s-blog-cat-count{background:var(--s-selected-count-bg);color:var(--s-selected-text)}.s-blog-search{align-items:center;display:flex;position:relative}.s-blog-search svg{width:18px;height:18px;color:var(--color-neutral-500);pointer-events:none;position:absolute;inset-inline-start:16px}.s-blog-search input{border-radius:var(--s-radius-pill);border:1px solid var(--color-divider-strong);background:var(--color-card);width:100%;min-height:46px;color:var(--color-text);padding-inline:46px 16px;font-size:15px}.s-blog-search input:focus{outline:2px solid var(--color-accent-400);outline-offset:1px}.s-blog-result{color:var(--color-neutral-700);flex-wrap:wrap;gap:4px 14px;font-size:14.5px;display:flex}@media (min-width:900px){.s-blog-tools{grid-template-columns:minmax(0,1fr) 300px;align-items:center}}.s-blog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:clamp(16px,2vw,28px);display:grid}.site .s-post{border-radius:var(--s-radius-lg);background:var(--color-card);border:1px solid var(--color-divider);box-shadow:var(--s-shadow-sm);color:inherit;transition:transform .3s var(--ease), box-shadow .3s ease, border-color .3s ease;flex-direction:column;padding:10px;display:flex}.site .s-post:hover{color:inherit;border-color:var(--color-accent-300);box-shadow:var(--s-shadow-md);transform:translateY(-4px)}.s-post .s-plate{--plate-radius:14px}.s-post .s-plate-img{object-fit:cover;transition:transform .6s var(--ease)}.s-post:hover .s-plate-img{transform:scale(1.04)}.s-post-cat{top:12px;border-radius:var(--s-radius-pill);color:var(--color-accent-800);box-shadow:var(--s-shadow-sm);background:#fffdf8f0;padding:3px 12px;font-size:12.5px;font-weight:500;position:absolute;inset-inline-start:12px}.s-post-body{flex-direction:column;flex:1;gap:8px;padding:16px 10px 8px;display:flex}.s-post-title{font-size:20px;line-height:1.6;transition:color .2s}.s-post:hover .s-post-title{color:var(--color-accent-700)}.s-post-excerpt{-webkit-line-clamp:3;color:var(--color-neutral-600);-webkit-box-orient:vertical;font-size:14.5px;line-height:1.85;display:-webkit-box;overflow:hidden}.s-post-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;display:flex}.s-post-time{color:var(--color-neutral-600);align-items:center;gap:5px;font-size:13px;display:inline-flex}.s-post-time svg{width:14px;height:14px}.s-post-more{color:var(--color-accent-700);align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex}.s-post-more svg{width:16px;height:16px;transition:transform .25s var(--ease)}.s-post:hover .s-post-more svg{transform:translate(-4px)}@media (min-width:900px){.site .s-post-featured{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.s-post-featured .s-post-body{gap:14px;padding:20px 28px 20px 20px}.s-post-featured .s-post-title{font-size:clamp(26px,1.2vw + 14px,32px);line-height:1.5}.s-post-featured .s-post-excerpt{-webkit-line-clamp:4;font-size:16px}}.s-blog .s-empty{border-radius:var(--s-radius-lg);border:1px dashed var(--color-divider-strong);text-align:center;color:var(--color-neutral-600);justify-items:center;gap:14px;padding:clamp(40px,6vw,72px) 24px;display:grid}.s-pager{justify-content:space-between;align-items:center;gap:12px;padding-top:clamp(8px,2vw,24px);display:flex}.s-pager-pages{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.site .s-pager-page,.site .s-pager-step{border-radius:var(--s-radius-pill);border:1px solid var(--color-divider);background:var(--color-card);min-width:42px;min-height:42px;color:var(--color-neutral-800);justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:14.5px;font-weight:500;display:inline-flex}.site .s-pager-page:hover,.site .s-pager-step:hover{border-color:var(--color-accent-300);color:var(--color-text)}.site .s-pager-page[aria-current=page]{border-color:var(--s-selected-border);background:var(--s-selected-bg);color:var(--s-selected-text);box-shadow:var(--s-selected-shadow);font-weight:600}.s-pager-step svg{width:16px;height:16px}