.layout-toggle{display:inline-flex;gap:2px;padding:3px;background:var(--background);border:1px solid var(--border);border-radius:8px}.layout-toggle__btn{display:flex;align-items:center;justify-content:center;width:32px;height:30px;border:none;background:0 0;border-radius:6px;color:var(--on-surface-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.layout-toggle__btn:hover{background:var(--surface);color:var(--on-surface)}.layout-toggle__btn.is-active{background:var(--surface);color:var(--primary);box-shadow:0 1px 2px rgba(16,24,40,.08)}.layout-toggle__btn svg{pointer-events:none}.is-layout-list{display:flex!important;flex-direction:column;gap:12px!important}.is-layout-list .blog-card{display:flex;flex-direction:row;align-items:stretch}.is-layout-list .blog-card__thumb{flex-shrink:0;width:180px;aspect-ratio:auto}.is-layout-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px!important}.is-layout-large{display:grid!important;grid-template-columns:1fr!important;gap:28px!important}.is-layout-large .blog-card__thumb{aspect-ratio:16/8}.is-layout-large .blog-card__body h2,.is-layout-large .update-card h2{font-size:20px!important}@media (min-width:640px){.is-layout-large{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:860px){.is-layout-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:560px){.is-layout-grid{grid-template-columns:1fr!important}}