/* ===========================================
   CS 검색 스타일
   =========================================== */

/* SEARCH */
.search-input-wrap{position:relative;margin-bottom:1rem;}
.search-icon-abs{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text3);pointer-events:none;}
.search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:inherit;background:var(--surface);color:var(--text);outline:none;box-shadow:var(--shadow);}
.search-input:focus{border-color:var(--accent);}
.cat-scroll{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:1rem;scrollbar-width:none;}
.cat-scroll::-webkit-scrollbar{display:none;}
.cat-chip{padding:5px 14px;border-radius:99px;border:1px solid var(--border);background:var(--surface);color:var(--text2);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0;}
.cat-chip.active{background:var(--accent);border-color:var(--accent);color:#fff;}
.result-meta{font-size:12px;color:var(--text3);margin-bottom:10px;}
.result-list{display:flex;flex-direction:column;gap:6px;}
.result-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;box-shadow:var(--shadow);}
.result-card:hover{border-color:var(--border2);}
.result-card.open{border-color:var(--accent);}
.result-header{padding:12px 14px;display:flex;align-items:flex-start;gap:10px;}
.result-header-left{flex:1;min-width:0;}
.result-tags{display:flex;align-items:center;gap:6px;margin-bottom:5px;flex-wrap:wrap;}
.result-q{font-size:14px;font-weight:500;color:var(--text);}
.result-product{font-size:12px;color:var(--text3);}
.result-chevron{color:var(--text3);font-size:18px;transition:transform .2s;flex-shrink:0;margin-top:1px;}
.result-card.open .result-chevron{transform:rotate(180deg);}
.result-body{display:none;border-top:1px solid var(--border);padding:14px;}
.result-card.open .result-body{display:block;}
.result-answer{font-size:14px;color:var(--text);line-height:1.75;white-space:pre-wrap;word-break:break-all;}
mark.hl{background:#FFE066;color:inherit;border-radius:2px;padding:0 1px;}
.result-images{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;}
.result-img{width:120px;height:90px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;}
.empty-state{text-align:center;padding:4rem 1rem;color:var(--text3);}
.empty-icon{font-size:36px;margin-bottom:.75rem;}
.empty-title{font-size:15px;font-weight:500;color:var(--text2);margin-bottom:.25rem;}

/* ===========================================
   용어사전 스타일
   =========================================== */

/* GLOSSARY */
.gloss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;}
.gloss-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);}
.gloss-term{font-size:15px;font-weight:700;margin-bottom:6px;}
.gloss-desc{font-size:13px;color:var(--text2);line-height:1.7;margin-bottom:8px;word-break:break-all;}
.gloss-meta{font-size:11px;color:var(--text3);}
.gloss-images{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;}
.gloss-img{width:80px;height:60px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;}