/* 근접성: 항목 내부 4~8px, 같은 기능 12px, 다른 기능 24~32px.
   유사성: 조작 가능한 필터/버튼과 읽기 전용 음식 종류를 구분한다.
   전경·배경: 흰 카드와 중립 배경, 주요 행동·선택 상태만 파란색. */
:root{--ui-ink:#20283b;--ui-muted:#667086;--ui-line:#e2e6ef;--ui-surface:#fff;--ui-canvas:#f5f6fa;--ui-accent:#4268ea;--ui-selected:#edf1ff;--ui-radius:14px}
.results-pane{background:var(--ui-canvas);color:var(--ui-ink)}
.results-head{background:var(--ui-surface);padding:24px;border:0}
.results-head .eyebrow{color:var(--ui-muted);font-weight:600;letter-spacing:0}
.results-head h1{font-size:23px;line-height:1.35;margin:6px 0}
.results-head p{font-size:12px;color:var(--ui-muted);margin:0 0 20px;line-height:1.6}
.search-wrap{height:48px;border-color:#ccd4e2;box-shadow:none;background:#fff}
.controls{margin-top:10px;gap:8px;padding:10px;background:var(--ui-canvas);border-radius:12px}
.city-tabs{gap:4px}
.city-tabs button{background:#fff;color:#4b566b;border-color:var(--ui-line);font-weight:600}
.city-tabs button.active{background:var(--ui-selected);border-color:var(--ui-accent);color:#2949bd;box-shadow:inset 0 0 0 1px var(--ui-accent)}
.controls select{background:#fff;color:#4b566b;border-color:var(--ui-line)}
.list-toolbar{padding:24px 24px 6px;gap:12px}
.list-toolbar strong{font-size:14px;font-weight:750}
.list-toolbar .quiet-button{background:transparent;border:1px solid var(--ui-line);border-radius:10px;padding:8px 12px;color:#4b566b}
.list-toolbar .quiet-button.active{border-color:var(--ui-accent);color:#2949bd;background:var(--ui-selected)}
#saved-status{margin:0 24px 16px;padding:0;font-size:11px;color:var(--ui-muted)}
.result-list{display:grid;gap:10px;padding:0 20px}
.result-card{padding:16px;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);gap:12px;align-items:center}
.result-card:hover{background:#fafbff;border-color:#adbce9}
.result-card:focus-visible{outline:3px solid var(--ui-accent);outline-offset:2px;background:#fff}
.card-name{font-size:15px;line-height:1.45;font-weight:750;white-space:normal;overflow-wrap:anywhere}
.card-top{gap:10px;align-items:center}
.card-meta{font-size:12px;line-height:1.5;color:var(--ui-muted);margin-top:5px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-pill{background:transparent;border-radius:0;padding:0;margin-top:7px;font-size:11px;color:#566178;font-weight:500}
.card-arrow{font-size:24px;line-height:1;color:#8a94a7;flex:none}
.card-save{font-size:16px;flex:none}
.contribution-section{margin:0;padding:8px 24px 0;display:flex;justify-content:flex-end}
.contribution-section>.propose-button{width:auto;margin:0;padding:8px 0;background:transparent;border:0;color:#4b566b;font-weight:600;font-size:12px}
.contribution-section+.list-toolbar{padding-top:4px}
.data-disclaimer{color:var(--ui-muted);padding:12px 24px 24px;line-height:1.6}
.detail-dialog{border:1px solid var(--ui-line);border-radius:20px;box-shadow:0 24px 70px #18243c33}
.detail-dialog::backdrop{background:#18243c70}
.dialog-head{padding:12px 20px;color:var(--ui-muted)}
.dialog-body{padding:24px 20px}
.dialog-body h2{margin:6px 0 8px;font-size:24px;line-height:1.35;overflow-wrap:anywhere}
.dialog-body>.eyebrow{color:var(--ui-muted);letter-spacing:0;font-weight:600}
#detail-address{margin:0;line-height:1.6;color:var(--ui-muted)}
.detail-note{background:var(--ui-canvas);border:0;color:var(--ui-muted);margin:20px 0;padding:12px;font-size:12px!important}
.detail-actions{gap:8px;margin-top:16px}
.detail-actions button{color:#4b566b;background:white;border-color:#cdd5e4}
.detail-actions a{background:var(--ui-accent);border-color:var(--ui-accent)}
.community{margin-top:28px;padding-top:24px;border-color:var(--ui-line)}
.community h3{margin:0 0 12px;font-size:18px}
.community details summary{margin-top:16px;padding:12px 14px;border:1px solid #cdd5e4;border-radius:10px;color:#3b4c70;background:white}
.community details[open] summary{margin-bottom:16px;background:var(--ui-selected);border-color:#b9c7ed}
.community-form{gap:24px}
.community-form label{gap:8px;color:var(--ui-ink)}
.community-form fieldset{padding:16px;background:var(--ui-canvas);border-radius:var(--ui-radius)}
.community-form legend{float:left;width:100%;margin-bottom:4px;color:var(--ui-ink)}
.community-form fieldset>p{clear:both;margin:4px 0 12px;line-height:1.6;color:var(--ui-muted)}
.tag-group{margin:20px 0 0}.tag-group h4{margin:0 0 8px;color:#4e596e}
.tag-options{gap:6px}.tag-options span{color:#4e596e;border-color:#d5dce8;font-size:12px}
.star-options{gap:5px;flex-wrap:wrap}.star-options span{padding:10px;color:#4e596e}
#tag-count{position:static;margin:12px 0;padding:8px 10px;background:#e9edf6;color:#44526d;border-radius:8px}
.review-tag-count{background:var(--ui-canvas);color:#536078}
.review-card{padding:16px 0;border-color:var(--ui-line)}
@media(max-width:760px){
 .results-pane{box-shadow:0 -6px 20px #23325112;border-top:1px solid #e5e9f0}
 .results-head{padding:22px 18px 18px}.results-head h1{font-size:22px}
 .list-toolbar{padding:20px 18px 6px}#saved-status{margin:0 18px 14px}
 .result-list{padding:0 14px;gap:10px}.result-card{padding:14px}
 .contribution-section{margin:0;padding:6px 18px 0}.data-disclaimer{padding:12px 18px 24px}
 .controls{padding:8px}.controls select{width:110px}.city-tabs button{padding:7px 9px}
 .dialog-body{padding:20px 16px}.community-form fieldset{padding:12px}
}