/* ค้นหา (ฟีเจอร์ "search") — โหลดเฉพาะตอนเปิดฟีเจอร์ */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.search-btn{display:inline-flex;align-items:center;gap:.4rem;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:.4rem .85rem;font-size:.92rem;flex:0 0 auto;order:3}
.search-btn:hover{background:rgba(255,255,255,.12);text-decoration:none}
.search-btn svg{display:block}
@media(min-width:760px){.top nav{order:2}.search-btn{margin-left:.6rem}}
@media(max-width:759px){
  .brand{width:auto;flex:1 1 auto}
  .search-btn{order:0;padding:.45rem;border:0;margin:-.2rem -.35rem .15rem 0}
  .search-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .top nav{order:4}
}
/* แผงค้นหาใต้ header (สร้างโดย app.js) */
.search-panel{background:var(--pitch-3);border-top:1px solid rgba(255,255,255,.1);padding:.6rem 0 .8rem}
.search-panel[hidden]{display:none}
.search-form{display:flex;gap:.5rem}
.search-form input{flex:1 1 auto;min-width:0;font:inherit;font-size:1rem;padding:.65rem .9rem;border-radius:10px;border:1px solid var(--rule);background:var(--paper);color:var(--ink)}
.search-form input:focus{outline:3px solid var(--focus);outline-offset:1px}
.search-form button{font:inherit;font-weight:600;padding:.6rem 1rem;border-radius:10px;border:0;background:var(--pitch-2);color:#fff;cursor:pointer}
.search-panel .search-results{margin-top:.6rem;max-height:65vh;overflow:auto;background:var(--paper);border-radius:10px}
.search-panel .search-results:empty{display:none}
.search-results{display:grid}
.search-results a{display:grid;gap:.15rem;padding:.65rem .9rem;border-top:1px solid var(--rule);color:var(--ink)}
.search-results a:first-child{border-top:0}
.search-results a:hover,.search-results a:focus{background:var(--surface);text-decoration:none}
.search-results b{font-weight:600}
.search-results small{color:var(--ink-2);font-size:.8rem}
.search-results .k{display:inline-block;font-size:.72rem;font-weight:600;color:var(--link);margin-right:.4rem}
.search-results .none{padding:.8rem .9rem;color:var(--ink-2)}
.search-browse{margin-top:1.6rem}
.search-browse h2{font-size:1.1rem;margin:1.2rem 0 .6rem}
.search-panel .wrap{display:block;min-height:0;padding-top:0}
.search-note{color:var(--ink-2);font-size:.92rem}
.search-form[hidden]{display:none}