.article-site-header{position:sticky;top:0;z-index:1000;background:#0f766e;color:#fff;box-shadow:0 8px 24px rgba(15,23,42,.14)}
.article-header-inner{max-width:960px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.article-site-header .article-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:20px;font-weight:800}
.article-site-header .article-brand-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:#ccfbf1;border-radius:12px;box-shadow:0 8px 20px rgba(15,23,42,.16)}
.article-site-header .article-brand-icon img{width:23px;height:23px;display:block}
.article-header-actions{display:flex;align-items:center;gap:8px}
.article-header-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:rgba(255,255,255,.12);color:#fff;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s}
.article-header-button:hover,.article-header-button:focus-visible{background:rgba(255,255,255,.24);transform:translateY(-1px);outline:2px solid #99f6e4;outline-offset:2px}
.article-header-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.article-search-dialog{width:min(560px,calc(100% - 32px));padding:0;border:0;border-radius:20px;box-shadow:0 24px 80px rgba(15,23,42,.35)}
.article-search-dialog::backdrop{background:rgba(15,23,42,.58);backdrop-filter:blur(3px)}
.article-search-panel{padding:24px;background:#fff;color:#0f172a}
.article-search-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.article-search-title{margin:0;font-size:22px;line-height:1.25}
.article-search-close{width:38px;height:38px;border:0;border-radius:10px;background:#f1f5f9;color:#0f172a;font-size:25px;line-height:1;cursor:pointer}
.article-search-form{display:flex;gap:10px}
.article-search-input{min-width:0;flex:1;border:1px solid #cbd5e1;border-radius:12px;padding:12px 14px;font:inherit;color:#0f172a}
.article-search-input:focus{border-color:#0f766e;outline:3px solid #ccfbf1}
.article-search-submit{border:0;border-radius:12px;padding:12px 18px;background:#0f766e;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.article-search-status{margin:14px 0 0;color:#64748b;font-size:14px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:520px){.article-header-inner{padding:10px 16px}.article-site-header .article-brand{font-size:18px}.article-header-button{width:40px;height:40px}.article-search-form{flex-direction:column}}