#km-article-search{box-sizing:border-box;clear:both;width:calc(100% - 32px);max-width:920px;margin:48px auto;padding:36px 28px;border:1px solid #dfd4bc;border-radius:16px;background:linear-gradient(130deg,#edf5f7,#fffdf7 65%,#faf4e4);color:#173b56;text-align:center;}
#km-article-search *{box-sizing:border-box;}
#km-article-search .km-search-title{margin:0 0 22px;padding:0;background:none;border:0;font-size:24px;font-weight:700;line-height:1.6;letter-spacing:.04em;color:#173b56;}
#km-article-search .km-search-title span{display:block;}
#km-article-search form{display:flex;align-items:stretch;gap:8px;width:100%;max-width:650px;margin:0 auto;padding:0;background:none;border:0;}
#km-article-search input[type="search"]{appearance:none;display:block;flex:1 1 auto;min-width:0;width:100%;height:50px;padding:12px 14px;border:1px solid #aabcc6;border-radius:8px;background:#fff;color:#173b56;font:400 16px/1.5 sans-serif;box-shadow:none;}
#km-article-search input::placeholder{color:#64747e;opacity:1;}
#km-article-search button{appearance:none;display:block;flex:0 0 76px;width:76px;min-height:50px;padding:10px;border:0;border-radius:8px;background:#173b56;color:#fff;font:700 16px/1.5 sans-serif;cursor:pointer;white-space:nowrap;}
#km-article-search button:hover{background:#2b5872;}
#km-article-search :is(input,button):focus-visible{outline:3px solid #b9974e;outline-offset:3px;}
#km-article-search .km-search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
@media(max-width:767px){#km-article-search{margin:32px auto;padding:28px 16px;}#km-article-search .km-search-title{font-size:21px;}#km-article-search form{gap:6px;}#km-article-search button{flex-basis:64px;width:64px;}#km-article-search input[type="search"]{padding:12px 10px;}}