.cms-search-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#1e3a8a;min-width:44px;min-height:44px;cursor:pointer;flex-shrink:0}.cms-search-panel{max-width:1100px;margin:0 auto;padding:14px 20px;background:#fff;gap:10px}.cms-search-panel:not([hidden]){display:flex;align-items:center;flex-wrap:wrap}.cms-search-panel input{flex:1;min-width:160px;padding:10px;border:1px solid #cbd5e1;border-radius:6px}.cms-search-panel button,.cms-joins a,.cms-official{padding:10px 15px;background:#1e40af;color:white!important;border:0;border-radius:6px;text-decoration:none;display:inline-block;font-weight:600}.cms-footer-widgets{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;max-width:1100px;margin:0 auto 25px;padding:0 20px;text-align:left}.cms-footer-widgets h2{font-size:18px;margin-bottom:12px}.cms-footer-widgets ul{list-style:none;padding:0}.cms-footer-widgets li{margin:8px 0}.cms-joins{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:16px 0}.cms-joins a:nth-child(2){background:#087ba4}.cms-captcha{margin:18px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cms-captcha input{width:160px}.cms-captcha button{padding:10px;cursor:pointer}.cms-captcha img{width:160px;height:52px}.cms-official{margin:16px auto}@media(max-width:600px){.cms-footer-widgets{grid-template-columns:1fr}.cms-search-panel label{width:100%}.header-right{gap:5px!important}}

.cms-menu-button{display:none;border:0;background:transparent;font-size:24px;min-width:44px;min-height:44px;color:#1e3a8a;cursor:pointer}@media(max-width:768px){.cms-menu-button{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}header .header-inner{position:relative}.cms-navigation{display:none!important}.cms-navigation.cms-open{display:flex!important;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;padding:18px;border-bottom:1px solid #ddd;z-index:101}}

.cms-joins a{display:inline-flex;align-items:center;gap:8px}.cms-joins svg{flex-shrink:0}

.cms-joins button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:0;border-radius:8px;background:#475569;color:white;font:inherit;cursor:not-allowed}.cms-joins button svg{width:20px;height:20px;fill:currentColor}

/* 3.2: compact shared header, distinct footer and archive/search layout. */
body > header .header-inner{padding-top:4px;padding-bottom:4px;min-height:52px}
body > header .logo{line-height:1.25;margin:0}
body > header .nav-links{margin:0}
body > footer{background:#14263f;color:#dbe5f1;border-top:3px solid #2563eb}
body > footer h2{color:#fff}
body > footer a{color:#e0ecff}
body > footer a:hover{color:#fff;text-decoration:underline}
body > footer .cms-footer-widgets{margin-bottom:24px}
#cms-result-feedback:empty,#resultArea:empty{display:none}
#cms-result-feedback:not(:empty){margin:0 0 14px}
#cms-result-feedback .alert-box{margin:0}
#cms-failed-joins[hidden]{display:none}
.article-grid{grid-template-columns:repeat(auto-fill,minmax(min(310px,100%),1fr))}
.cms-archive-search{margin:0 0 24px;padding:18px;background:#fff;border:1px solid #dfdfdf;border-radius:8px}
.cms-archive-search label{display:block;font-weight:600;margin-bottom:8px}
.cms-archive-search > div{display:flex;gap:10px}
.cms-archive-search input{min-width:0;flex:1;width:100%;font:inherit;padding:10px 12px;border:1px solid #94a3b8;border-radius:6px}
.cms-archive-search button,.cms-archive-pagination a{font:inherit;background:#1e40af;color:#fff;padding:10px 16px;border:0;border-radius:6px;cursor:pointer}
.cms-archive-pagination{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin:28px 0}
@media(max-width:768px){
 body > header .header-inner{padding-top:2px;padding-bottom:2px;min-height:48px}
 body > header .nav-links{padding-top:8px;padding-bottom:8px;gap:8px}
 .article-grid .card-meta{gap:10px;flex-wrap:wrap}
 .cms-archive-search{padding:14px}
 .cms-archive-search > div{flex-wrap:wrap}
 .cms-archive-search input{flex-basis:180px}
}

/* 3.3: preserve the original vertical ABC2 card. */
#resultArea .cms-official-card{display:block;background:#ecfdf5;border:1px solid #a7f3d0;text-align:center;padding:32px;color:#065f46}
#resultArea .cms-official-icon{display:block;width:48px;height:48px;color:#10b981;margin:0 auto 16px}
#resultArea .cms-official-card h2{font-size:20px;line-height:1.4;font-weight:700;color:#065f46;margin:0 0 8px}
#resultArea .cms-official-message{color:#047857;font-weight:500;line-height:1.6;margin:0 0 24px;white-space:pre-line;overflow-wrap:anywhere}
#resultArea .cms-redirect-button{display:inline-block;width:100%;max-width:250px;margin:0 auto;background:#2563eb;color:#fff;text-decoration:none;overflow-wrap:anywhere}
#resultArea .cms-redirect-button:hover{background:#1d4ed8}
#resultArea .cms-official-note{margin:24px 0 0;color:#111827;line-height:1.6}
#resultArea .cms-official-note a{color:#1d4ed8}
#resultArea .cms-pending-card{display:block;text-align:center;padding:32px;background:#eff6ff;border:1px solid #bfdbfe}
@media(max-width:480px){#resultArea .cms-official-card,#resultArea .cms-pending-card{padding:24px 18px}}