/* 사이트 검색 — DESIGN.md 토큰만(그림자·블러·이탤릭 없음 · 주황은 포커스와 고른 결과의 왼쪽 선에만). 외부 요청 없음 */
.srch-btn{order:2;margin-left:auto;appearance:none;-webkit-appearance:none;background:none;border:0;padding:0;color:var(--ink);width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--r-s);transition:color var(--m-micro) ease,background-color var(--m-micro) ease}
.srch-btn[hidden]{display:none}
.srch-btn svg{width:22px;height:22px}
.srch-btn:hover{background:var(--surface)}
.srch-btn + .menu-btn{margin-left:0}
@media (min-width:1024px){.srch-btn{order:3;margin-left:0}}
html.srch-lock{overflow:hidden}
.srch{position:fixed;inset:0;z-index:70;display:flex;align-items:flex-start;justify-content:center;padding:var(--s4);background:rgba(45,33,24,.4)}
.srch[hidden]{display:none}
.srch-box{width:100%;max-width:640px;max-height:calc(100vh - 2 * var(--s4));max-height:calc(100dvh - 2 * var(--s4));display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;animation:srch-in var(--m-micro) var(--m-ease)}
@keyframes srch-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (min-width:768px){.srch{padding:var(--s9) var(--s6) var(--s6)}.srch-box{max-height:calc(100vh - var(--s9) - var(--s6));max-height:calc(100dvh - var(--s9) - var(--s6))}}
.srch-hd{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s2) var(--s2) 0 var(--s5)}
.srch-ttl{margin:0;font-size:15px;font-weight:700;line-height:1.4;letter-spacing:0}
.srch-x{appearance:none;-webkit-appearance:none;background:none;border:0;min-width:44px;min-height:44px;padding:0 var(--s3);font:inherit;font-size:14px;color:var(--ink-2);cursor:pointer;border-radius:var(--r-s);transition:color var(--m-micro) ease,background-color var(--m-micro) ease}
.srch-x:hover{color:var(--ink);background:var(--surface)}
.srch-field{display:flex;align-items:center;gap:var(--s3);margin:var(--s2) var(--s5) 0;border-bottom:1px solid var(--ink)}
.srch-field svg{flex:none;width:20px;height:20px;color:var(--ink-3)}
.srch-field input{flex:1;min-width:0;min-height:52px;padding:0;border:0;border-radius:0;background:transparent;font:inherit;font-size:18px;color:var(--ink);-webkit-appearance:none;appearance:none}
.srch-field input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.srch-field input::placeholder{color:var(--ink-3);opacity:1}
.srch-hint{margin:var(--s3) var(--s5) 0;font-size:13px;line-height:1.5;color:var(--ink-3)}
.srch-list{list-style:none;margin:var(--s3) 0 0;padding:0 0 var(--s3);overflow-y:auto;overscroll-behavior:contain}
.srch-list:empty{display:none}
.srch-list a{display:block;padding:var(--s3) var(--s5) var(--s3) calc(var(--s5) - 2px);border-left:2px solid transparent;text-decoration:none;color:var(--ink);transition:background-color var(--m-micro) ease}
.srch-list a:hover,.srch-list [aria-selected="true"] a{background:var(--cream)}
.srch-list [aria-selected="true"] a{border-left-color:var(--brand)}
.srch-t{display:block;font-size:16px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.srch-tag{display:inline-block;margin-right:var(--s2);padding:0 var(--s2);border-radius:var(--r-s);background:var(--surface);font-size:13px;font-weight:500;line-height:1.6;color:var(--ink-2);vertical-align:1px}
.srch-d{display:block;margin-top:var(--s1);font-size:14px;line-height:1.55;color:var(--ink-2);overflow-wrap:anywhere}
.srch-u{display:block;margin-top:var(--s1);font-size:12px;line-height:1.5;color:var(--ink-3);overflow-wrap:anywhere}
.srch-none,.srch-err{margin:var(--s4) var(--s5) var(--s5);font-size:15px;line-height:1.6;color:var(--ink-2)}
.srch-none p{margin:0 0 var(--s2)}
.srch-none-q{color:var(--ink);font-weight:600}
@media (prefers-reduced-motion:reduce){.srch-box{animation:none}.srch-btn,.srch-x,.srch-list a{transition:none}}