/* 搜尋欄位共用外觀：輸入區、清除按鈕及聚焦狀態。
   清除行為由既有 search-input.js 控制；不包含文章列表布局。 */.keyword-field{position:relative;display:flex;flex:1 1 0%;min-width:0}.keyword-field > input[name="keyword"]{width:100%;min-width:0;padding-right:2.5rem}.input-group > .keyword-field > .form-control{border-top-right-radius:0;border-bottom-right-radius:0}form#searchForm > .input-group{border-radius:0.25rem;position:relative;transition:box-shadow 0.2s ease}form#searchForm > .input-group:focus-within{box-shadow:0 0 0 1px #86b7fe,0 0 0 0.2rem rgba(13, 110, 253, 0.25);z-index:2}form#searchForm > .input-group:focus-within .form-control{border-color:#ced4da;box-shadow:none !important}.keyword-field > .keyword-clear{position:absolute;z-index:4;top:50%;right:0.25rem;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:0;border-radius:4px;background:transparent;color:#64748b;font:22px/1 Arial,sans-serif;cursor:pointer}.keyword-field > .keyword-clear[hidden]{display:none}.keyword-field > .keyword-clear:hover{color:#245b8f;background:#edf3fa}.keyword-field > .keyword-clear:focus-visible{outline:2px solid #86b7fe;outline-offset:-2px}/* 官網文章搜尋：銜接 article.css 的搜尋群組，不影響 input-group 欄位。 */.searchForm > .keyword-field{display:flex}.searchForm > .keyword-field > input[name="keyword"]{height:46px;padding-left:12px;border:0 !important;border-radius:0;outline:0;box-shadow:none !important}