@layer components{.la-blog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.la-blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.la-blog-card{background:var(--la-navy-mid);border:1px solid var(--la-border);border-radius:var(--la-radius-lg);flex-direction:column;gap:.6rem;padding:1.25rem;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.la-blog-card:hover{border-color:var(--la-sky);transform:translateY(-2px)}.la-blog-card-title{font-family:var(--font-display);color:var(--la-white);font-size:1.05rem;font-weight:700;line-height:1.35}.la-blog-card-summary{color:var(--la-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.55;display:-webkit-box;overflow:hidden}.la-blog-card-meta{color:var(--la-muted);align-items:center;gap:.5rem;margin-top:auto;font-size:.75rem;display:flex}.la-blog-card-tags{flex-wrap:wrap;gap:.35rem;display:flex}.la-blog-tag{border:1px solid var(--la-border);color:var(--la-sky-light);background:#3a7ca526;border-radius:20px;padding:.15rem .6rem;font-size:.7rem}.la-blog-visibility{letter-spacing:.02em;border:1px solid var(--la-border);border-radius:20px;align-items:center;gap:.3rem;padding:.15rem .55rem;font-size:.7rem;font-weight:600;display:inline-flex}.la-blog-visibility-public{color:#7fd88f;border-color:#7fd88f66}.la-blog-visibility-members{color:#f7c948;border-color:#f7c94866}.la-blog-visibility-private{color:#f0836b;border-color:#f0836b66}.la-blog-empty{text-align:center;color:var(--la-muted);padding:3rem 1rem}.la-blog-empty-icon{margin-bottom:.75rem;font-size:2rem;display:block}.la-blog-detail{max-width:760px;margin:0 auto}.la-blog-detail-cover{object-fit:cover;border-radius:var(--la-radius-lg);border:1px solid var(--la-border);width:100%;max-height:360px;margin-bottom:1.5rem}.la-blog-detail-header{margin-bottom:1.5rem}.la-blog-detail-meta{color:var(--la-muted);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.5rem;font-size:.8rem;display:flex}.la-blog-detail-actions{gap:.6rem;margin-top:1rem;display:flex}.la-blog-content{color:var(--la-white);font-size:.98rem;line-height:1.75}.la-blog-content h1,.la-blog-content h2,.la-blog-content h3{font-family:var(--font-display);color:var(--la-white);margin:1.5rem 0 .75rem}.la-blog-content h1{font-size:1.4rem}.la-blog-content h2{font-size:1.2rem}.la-blog-content h3{font-size:1.05rem}.la-blog-content p{margin:0 0 1rem}.la-blog-content ul{margin:0 0 1rem 1.25rem;padding:0}.la-blog-content li{margin-bottom:.4rem}.la-blog-content a{color:var(--la-sky-light);text-decoration:underline}.la-blog-content strong{color:var(--la-white)}.la-blog-editor{flex-direction:column;gap:1rem;max-width:720px;display:flex}.la-blog-visibility-picker{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.la-blog-visibility-option{border:1px solid var(--la-border);border-radius:var(--la-radius-lg);cursor:pointer;padding:.85rem;transition:border-color .15s,background .15s}.la-blog-visibility-option:hover{border-color:var(--la-sky)}.la-blog-visibility-option.active{border-color:var(--la-sky);background:#3a7ca51f}.la-blog-visibility-option-title{color:var(--la-white);align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;display:flex}.la-blog-visibility-option-desc{color:var(--la-muted);margin-top:.3rem;font-size:.75rem;line-height:1.4}.la-blog-textarea{border:1px solid var(--la-border);width:100%;min-height:320px;font-family:var(--font-mono);resize:vertical;background:var(--la-navy-mid);color:var(--la-white);border-radius:8px;padding:.75rem 1rem;font-size:.85rem;line-height:1.6}.la-blog-textarea:focus{border-color:var(--la-sky);outline:none}.la-blog-preview-toggle{gap:.5rem;margin-bottom:.5rem;display:flex}.la-blog-charcount{color:var(--la-muted);text-align:right;font-size:.7rem}}