/* 오늘의 기준가 (/ref) */
.ref-updated{font-size:12px;color:var(--gray-600);display:flex;align-items:center;gap:4px}
.ref-updated button{display:flex}
.ref-tools{display:flex;gap:8px;margin-top:22px;align-items:center;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-20px;margin-right:-20px;padding:0 20px}
.ref-tools::-webkit-scrollbar{display:none}
.ref-tools>*{flex:none}
.ref-mode{height:40px;padding:0 18px;border-radius:20px;background:#fff;border:1px solid var(--gray-200);font-size:14px;font-weight:500;color:var(--gray-700)}
.ref-mode.is-on{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:700}
.ref-brand{height:36px;padding:0 14px;border-radius:18px;background:var(--gray-100);font-size:14px;font-weight:500;color:var(--gray-700)}
.ref-brand.is-on{background:var(--ink);color:#fff;font-weight:700}
.ref-tools-gap{width:4px}
.ref-tools-fill{flex:1}
.ref-search{width:240px;position:relative;display:block}
.ref-search svg{position:absolute;left:14px;top:11px}
.ref-search input{height:40px;border-radius:20px;background:var(--gray-100);border:0;padding:0 14px 0 40px;font-size:14px;width:100%;outline:none}
.ref-search input:focus{box-shadow:inset 0 0 0 1.5px var(--ink)}
.ref-sub{display:flex;align-items:center;gap:8px;margin-top:12px}
.ref-sub small{font-size:12px;color:var(--gray-600)}
.ref-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:20px}
.ref-empty{grid-column:1/-1;padding:60px 0;text-align:center;color:var(--gray-500);font-size:15px}
.ref-foot{font-size:12px;color:var(--gray-500);margin-top:16px}
@media(min-width:769px){
  .ref-tools{margin:22px 0 0;padding:0;overflow:visible}
  .ref-grid{grid-template-columns:1fr 1fr;gap:20px}
}