.ds-blog-page{background:var(--ds-bg-soft);padding-bottom:48px}.ds-blog-breadcrumb{color:var(--ds-text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:20px;font-size:12px;display:flex}.ds-blog-breadcrumb a{color:var(--ds-text-muted);text-decoration:none}.ds-blog-breadcrumb a:hover{color:var(--ds-brand)}.ds-blog-breadcrumb-sep{opacity:.5}.ds-blog-breadcrumb-current{color:var(--ds-text-secondary);font-weight:500}.ds-blog-hero{background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);margin-bottom:24px;padding:24px 20px}.ds-blog-hero h1{color:var(--ds-text);margin:0 0 8px;font-size:22px;font-weight:800}.ds-blog-hero p{color:var(--ds-text-muted);margin:0;font-size:14px;line-height:1.6}@media (min-width:768px){.ds-blog-hero{padding:32px 28px}.ds-blog-hero h1{font-size:28px}}.ds-blog-toolbar{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}@media (min-width:768px){.ds-blog-toolbar{flex-direction:row;justify-content:space-between;align-items:center}}.ds-blog-search{background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:var(--ds-radius);align-items:center;gap:10px;max-width:100%;padding:10px 14px;display:flex}@media (min-width:768px){.ds-blog-search{flex:1;max-width:320px}}.ds-blog-search input{color:var(--ds-text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.ds-blog-filters{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.ds-blog-filters::-webkit-scrollbar{display:none}.ds-blog-filter-chip{border:1px solid var(--ds-border);background:var(--ds-bg);color:var(--ds-text-secondary);cursor:pointer;border-radius:999px;flex-shrink:0;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .2s,color .2s,background .2s}.ds-blog-filter-chip:hover{border-color:var(--ds-brand);color:var(--ds-brand)}.ds-blog-filter-chip.is-active{background:var(--ds-brand);border-color:var(--ds-brand);color:#fff}.ds-blog-featured{color:inherit;background:var(--ds-bg);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border);grid-template-columns:1fr;gap:20px;margin-bottom:28px;text-decoration:none;transition:box-shadow .2s,transform .2s;display:grid;overflow:hidden}.ds-blog-featured:hover{box-shadow:var(--ds-shadow-lg);transform:translateY(-2px)}@media (min-width:768px){.ds-blog-featured{grid-template-columns:1.2fr 1fr;align-items:start}}.ds-blog-featured-img{aspect-ratio:16/10;background:linear-gradient(135deg, #fff5f6 0%, var(--ds-bg-soft) 100%);justify-content:center;align-items:center;font-size:5rem;display:flex}.ds-blog-featured-body{flex-direction:column;justify-content:flex-start;align-self:start;align-items:flex-start;gap:10px;height:auto;padding:20px;display:flex}.ds-blog-featured-badge{color:var(--ds-brand);background:#ffebee;border-radius:4px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.ds-blog-featured-title{color:var(--ds-text);margin:0;font-size:18px;font-weight:700;line-height:1.4}.ds-blog-excerpt{color:var(--ds-text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:none;width:100%;max-width:100%;margin:0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.ds-blog-meta{color:var(--ds-text-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.ds-blog-meta-item{align-items:center;gap:4px;display:inline-flex}.ds-blog-category-badge{color:var(--ds-brand);background:#ffebee;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.ds-blog-grid-extended{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.ds-blog-grid-extended{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.ds-blog-grid-extended{grid-template-columns:repeat(3,1fr)}}.ds-blog-card-extended{background:var(--ds-bg);border-radius:var(--ds-radius-lg);color:inherit;border:1px solid var(--ds-border);flex-direction:column;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.ds-blog-card-extended:hover{box-shadow:var(--ds-shadow-lg);transform:translateY(-2px)}.ds-blog-card-extended .ds-blog-img{aspect-ratio:16/10;background:var(--ds-bg-soft);justify-content:center;align-items:center;font-size:3.5rem;display:flex}.ds-blog-card-extended .ds-blog-body{flex-direction:column;flex:1;align-items:flex-start;gap:8px;padding:14px 16px 16px;display:flex}.ds-blog-card-extended .ds-blog-title,.ds-blog-card-extended .ds-blog-excerpt{flex:none}.ds-blog-card-extended .ds-blog-meta{margin-top:auto}.ds-blog-empty{text-align:center;background:var(--ds-bg);border-radius:var(--ds-radius-lg);border:1px dashed var(--ds-border);padding:48px 24px}.ds-blog-empty h3{color:var(--ds-text-secondary);margin:0 0 8px;font-size:16px}.ds-blog-empty p{color:var(--ds-text-muted);margin:0 0 16px;font-size:14px}.ds-blog-empty a{color:var(--ds-brand);font-weight:600;text-decoration:none}.ds-blog-article-page{background:var(--ds-bg-soft);padding-bottom:48px}.ds-blog-article{max-width:800px;margin:0 auto}.ds-blog-article-header{background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);margin-bottom:20px;padding:24px 20px}.ds-blog-article-header h1{color:var(--ds-text);margin:12px 0 0;font-size:22px;font-weight:800;line-height:1.4}@media (min-width:768px){.ds-blog-article-header h1{font-size:28px}}.ds-blog-article-cover{aspect-ratio:16/9;background:linear-gradient(135deg, #fff5f6 0%, var(--ds-bg-soft) 100%);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border);justify-content:center;align-items:center;margin-bottom:24px;font-size:6rem;display:flex}.ds-blog-prose{background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);margin-bottom:20px;padding:24px 20px}.ds-blog-prose p{color:var(--ds-text-secondary);margin:0 0 16px;font-size:15px;line-height:1.9}.ds-blog-prose p:last-child{margin-bottom:0}.ds-blog-tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.ds-blog-tag{background:var(--ds-bg-soft);border:1px solid var(--ds-border);color:var(--ds-text-secondary);border-radius:999px;padding:6px 12px;font-size:12px}.ds-blog-share-row{background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;padding:16px 20px;display:flex}.ds-blog-share-btn{border:1px solid var(--ds-brand);border-radius:var(--ds-radius);background:var(--ds-brand);color:#fff;cursor:pointer;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:filter .2s;display:inline-flex}.ds-blog-share-btn:hover{filter:brightness(.92)}.ds-blog-related{background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow);margin-top:24px;padding:24px 20px 28px}.ds-blog-related-title{color:var(--ds-text);margin:0 0 16px;font-size:18px;font-weight:700}.ds-blog-not-found{text-align:center;background:var(--ds-bg);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border);padding:64px 24px}.ds-blog-not-found h2{margin:0 0 12px;font-size:20px}.ds-blog-not-found p{color:var(--ds-text-muted);margin:0 0 20px}.ds-blog-not-found a{background:var(--ds-brand);color:#fff;border-radius:var(--ds-radius);padding:10px 24px;font-weight:600;text-decoration:none;display:inline-block}.ds-blog-comments{background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);max-width:800px;margin:32px auto 0;padding:24px 20px}.ds-blog-article-page .ds-blog-related{max-width:800px;margin-left:auto;margin-right:auto}.ds-blog-comments h2{margin:0 0 16px;font-size:16px;font-weight:700}.ds-blog-comment{border-bottom:1px solid var(--ds-border);padding:16px 0}.ds-blog-comment:last-child{border-bottom:none;padding-bottom:0}.ds-blog-comment-head{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.ds-blog-comment-name{color:var(--ds-text);font-weight:600}.ds-blog-comment-date{color:var(--ds-text-muted);font-size:12px}.ds-blog-comment-text{color:var(--ds-text-secondary);margin:0;font-size:14px;line-height:1.6}.ds-page .ds-nav-link[href=blog\.html]{color:var(--ds-brand);font-weight:700}
.ds-page .ds-nav-link[href$=\/blog],.ds-page .ds-nav-link[href$="/blog/"]{color:var(--ds-brand);font-weight:700}