.blog-toolbar{justify-content:space-between;gap:var(--space-lg);flex-wrap:nowrap;margin-bottom:var(--space-xl);padding:var(--space-md) var(--space-lg);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 1px 2px rgba(28,25,23,.04),0 6px 16px rgba(28,25,23,.05)}.blog-tags,.blog-toolbar{display:flex;align-items:center}.blog-tags{flex-wrap:wrap;gap:var(--space-sm);flex:1 1 auto;min-width:0}.blog-toolbar .searchbar{flex:0 0 320px;max-width:320px}.blog-tag{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--background);border-radius:var(--radius-full);padding:9px 16px;font-size:14px;font-weight:500;color:var(--text);cursor:pointer;transition:border-color .2s,background .2s,color .2s,box-shadow .2s}.blog-tag svg{flex-shrink:0}.blog-tag-hash{font-weight:700;color:var(--secondary)}.blog-tag:hover{border-color:var(--secondary);color:var(--secondary)}.blog-tag-active{background:linear-gradient(135deg,var(--secondary),var(--secondary-dark));border-color:transparent;color:#fff;font-weight:600;box-shadow:0 6px 16px rgba(15,118,110,.28)}.blog-tag-active .blog-tag-hash,.blog-tag-active:hover{color:#fff}.blog-clear{display:inline-flex;align-items:center;gap:6px;border:none;background:none;padding:9px 10px;font-size:13.5px;font-weight:600;color:var(--text-light);cursor:pointer;transition:color .2s}.blog-clear:hover{color:var(--secondary)}@media (max-width:980px){.blog-toolbar{flex-direction:column;align-items:stretch;padding:var(--space-md)}.blog-toolbar .searchbar{flex:1 1 auto;max-width:100%}}.blog-clear-mobile,.blog-tag-select{display:none}@media (max-width:768px){.blog-toolbar{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-sm);padding:0;background:none;border:none;border-radius:0;box-shadow:none;margin-bottom:var(--space-md)}.blog-tags{display:none}.blog-tag-select{position:relative;display:block;flex:1 1;min-width:0}.blog-tag-select-trigger{display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--border);background:var(--background);border-radius:var(--radius-full);padding:12px 30px 12px 16px;font-size:13.5px;font-weight:500;color:var(--text);cursor:pointer;box-shadow:0 1px 2px rgba(28,25,23,.04),0 6px 16px rgba(28,25,23,.05);transition:border-color .2s}.blog-tag-select-trigger svg:first-child{flex-shrink:0;color:var(--secondary)}.blog-tag-select-trigger span{flex:1 1 auto;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-tag-select-trigger:hover,.blog-tag-select-trigger[aria-expanded=true]{outline:none;border-color:var(--secondary)}.blog-tag-select-chevron{flex-shrink:0;color:var(--text-light);transition:transform .2s}.blog-tag-select-chevron-open{transform:rotate(180deg)}.blog-tag-select-menu{position:absolute;top:calc(100% + 8px);left:0;right:auto;min-width:100%;width:max-content;max-width:min(280px,calc(100vw - 2 * var(--mobile-gutter, 12px)));z-index:20;margin:0;padding:6px;list-style:none;max-height:280px;overflow-y:auto;overflow-x:hidden;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 10px rgba(28,25,23,.06),0 12px 28px rgba(28,25,23,.12);animation:blog-tag-select-menu-in .15s ease}@keyframes blog-tag-select-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.blog-tag-select-option{display:flex;align-items:center;gap:9px;width:100%;border:none;background:none;border-radius:var(--radius-sm);padding:10px 12px;font-size:13.5px;font-weight:500;color:var(--text);text-align:left;cursor:pointer;transition:background .15s,color .15s}.blog-tag-select-option span{overflow-wrap:anywhere;word-break:break-word}.blog-tag-select-option svg{flex-shrink:0}.blog-tag-select-option-active,.blog-tag-select-option:hover{background:var(--secondary-soft,rgba(15,118,110,.08));color:var(--secondary)}.blog-tag-select-option-active{font-weight:600}.blog-toolbar .searchbar{flex:1 1;min-width:0;max-width:none;padding-left:40px}.blog-toolbar .searchbar-icon{left:12px}.blog-toolbar .searchbar-input{font-size:13.5px}.blog-toolbar .searchbar-button{padding:0;width:38px;height:38px;font-size:0}.blog-toolbar .searchbar-button:after{content:"";display:block;width:15px;height:15px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") center /contain no-repeat;background:#fff;margin:auto}.blog-clear-mobile{display:inline-flex;flex:1 0 100%;padding:6px 2px 0}}