@layer components{.blog-filters{border-radius:var(--radius-xl);grid-template-columns:minmax(0,1fr);gap:18px;padding:20px;display:grid}.blog-filters>*,.blog-panel>*{min-width:0}.blog-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;display:flex}.blog-search-wrap{flex:360px;min-width:0;max-width:560px}.blog-search{gap:8px;width:100%;display:flex}.blog-search-field{flex:1;min-width:0;position:relative}.blog-search-field .i{width:18px;height:18px;color:var(--muted-foreground);pointer-events:none;margin-top:-9px;position:absolute;top:50%;left:14px}.blog-search-field input{border:1px solid var(--input);background:var(--card);width:100%;height:48px;color:var(--foreground);font:inherit;border-radius:12px;padding:0 14px 0 42px;font-size:16px}.blog-search-field input::placeholder{color:var(--muted-foreground)}.blog-search .btn{height:48px}.blog-hint{color:var(--muted-foreground);margin-top:8px;font-size:14px}.blog-hint a{font-size:14px}.blog-toggle{border:1px solid var(--input);background:var(--card);height:48px;color:var(--foreground);font:inherit;cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;display:none}.blog-toggle .i{width:18px;height:18px}.blog-toggle .badge{font-variant-numeric:tabular-nums;background:var(--primary);min-width:20px;height:20px;color:var(--primary-foreground);border-radius:999px;place-items:center;padding:0 6px;font-size:12px;display:inline-grid}.blog-type-mobile{display:none}.blog-panel{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.blog-panel-actions{gap:8px;display:none}.blog-fw summary{cursor:pointer;min-height:32px;color:var(--muted-foreground);align-items:center;gap:8px;list-style:none;display:flex}.blog-fw summary::-webkit-details-marker{display:none}.blog-fw summary .f-label{margin:0}.blog-fw summary .caret{transition:transform .2s var(--ease);margin-left:auto}.blog-fw[open] summary .caret{transform:rotate(180deg)}.blog-fw .chips{margin-top:12px}.blog-fw .chip{height:32px;padding:0 12px;font-size:13px}.blog-fw summary .meta{font-size:13px}.blog-body{padding-bottom:72px}.blog-results{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:28px 0 8px;font-size:14px;display:flex}.blog-results b{color:var(--foreground);font-weight:500}.blog-results .links{flex-wrap:wrap;align-items:center;gap:6px 16px;display:inline-flex}.blog-results a,.blog-results button{color:var(--primary-strong);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:14px;text-decoration:none;display:inline-flex}.blog-results a:hover,.blog-results button:hover{text-decoration:underline}.blog-feature{border-radius:var(--radius-3xl);color:inherit;transition:box-shadow .25s var(--ease), transform .25s var(--ease);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);margin-top:20px;text-decoration:none;display:grid;overflow:hidden}.blog-feature:hover{color:inherit;box-shadow:var(--elev-lg);transform:translateY(-2px)}.blog-feature-art{background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 85%, transparent), color-mix(in srgb, var(--accent) 20%, transparent));border-right:1px solid var(--border);place-items:center;min-height:340px;display:grid;position:relative}.blog-feature-art img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.blog-feature-art img.contain{object-fit:contain;padding:8%}.blog-feature .body{flex-direction:column;justify-content:center;gap:14px;padding:36px 36px 32px;display:flex}.blog-feature h3{font-size:clamp(26px,2.8vw,34px);line-height:1.2}.blog-feature .dek{color:var(--muted-foreground);max-width:52ch;font-size:17px}.blog-feature .tags{flex-wrap:wrap;gap:6px;display:flex}.blog-feature .go{color:var(--primary-strong);align-items:center;gap:8px;margin-top:4px;font-weight:600;display:inline-flex}.blog-feature .meta>span{align-items:center;gap:5px;display:inline-flex}.blog-feature:hover .go{color:var(--primary-hover)}@media (max-width:1080px){.blog-feature{grid-template-columns:minmax(0,1fr)}.blog-feature-art{aspect-ratio:16/9;border-right:0;border-bottom:1px solid var(--border);min-height:0}}@media (max-width:720px){.blog-filters{gap:14px;padding:14px}.blog-top{flex-wrap:nowrap;gap:8px}.blog-search-wrap{flex:auto;max-width:none}.blog-type{display:none}.blog-type-mobile{display:block}.blog-search .btn{justify-content:center;width:48px;padding:0}.blog-search .btn span{display:none}.blog-toggle{flex:none;display:inline-flex}.blog-hint{display:none}.blog-topics{margin-inline:-14px}.blog-topics .f-label{padding-inline:14px}.blog-topics .chips,.blog-fw .chips{scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding:2px 14px 6px;overflow-x:auto}.blog-topics .chip,.blog-fw .chip{scroll-snap-align:start;flex:none;height:40px}.blog-fw{margin-inline:-14px}.blog-fw summary{padding-inline:14px}.blog-filters[data-open=false] .blog-panel{display:none}.blog-filters .seg{scrollbar-width:none;width:100%;display:flex;overflow-x:auto}.blog-filters .seg button{flex:1 0 auto;justify-content:center;height:42px}.blog-panel-actions{display:flex}.blog-panel-actions .btn{flex:1;justify-content:center}.blog-results{margin-top:20px}.blog-feature .body{padding:22px 20px 24px}.blog-feature .dek{font-size:16px}}@media (prefers-reduced-motion:reduce){.blog-feature,.blog-fw summary .caret{transition:none}.blog-feature:hover{transform:none}}}