/* Dining guide (/dining, dining.js). Builds on styles.css tokens plus bw.css (segmented buttons, rows) and deals.css (lead form). */
.dn-toc{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 22px}
.dn-toc a{font-size:14px;font-weight:600;padding:6px 14px;border:1px solid var(--rule,#ddd);border-radius:999px;background:var(--card,#fff);color:var(--ink,#0a0a0a);text-decoration:none}
.dn-toc a:hover{border-color:var(--ink,#0a0a0a)}
.dn-sec{margin:0 0 40px;scroll-margin-top:90px}
.dn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}
.dn-card{background:var(--card,#fff);border:1px solid var(--rule,#e3e3e3);border-radius:var(--r,16px);padding:18px 20px;box-shadow:var(--sh-sm,none);transition:box-shadow .2s,border-color .2s}
.dn-card h3{margin:0 0 8px;font-size:19px;line-height:1.3}
.dn-card p,.dn-card li{font-size:15px;line-height:1.6}
.dn-card ol,.dn-card ul{padding-left:20px;margin:6px 0}
.dn-tip{background:var(--paper,#fafafa);border-left:4px solid var(--ink,#0a0a0a);padding:8px 12px;border-radius:8px}
.dn-list{display:grid;gap:10px;padding-left:20px}
.dn-list li{line-height:1.6;padding:4px 8px;border-radius:10px;transition:background .2s}
.dn-hit{border-color:var(--ink,#0a0a0a)!important;box-shadow:0 0 0 3px rgba(21,101,216,.25)}
li.dn-hit{background:#eef4ff;box-shadow:none}
.dn-chips{display:flex;flex-wrap:wrap;gap:8px}
.dn-chips button{font:inherit;font-size:14px;font-weight:600;min-height:44px;padding:8px 16px;border:1px solid var(--ink,#0a0a0a);border-radius:999px;background:var(--card,#fff);color:var(--ink,#0a0a0a);cursor:pointer}
.dn-chips button[aria-pressed=true]{background:var(--ink,#0a0a0a);color:var(--paper,#fff)}
.dn-chips button:focus-visible{outline:2px solid var(--ink,#0a0a0a);outline-offset:2px}
.dn-res{min-height:150px;margin-top:8px}
.dn-out{padding:18px 20px;border:1px solid var(--rule,#e3e3e3);border-left:5px solid #1565d8;border-radius:var(--r,16px);background:var(--card,#fff)}
.dn-big{font-family:var(--display,inherit);font-size:26px;font-weight:600;margin:0 0 6px;display:flex;flex-direction:column}
.dn-big span{font-family:inherit;font-size:14px;font-weight:600;color:var(--muted,#555)}
.dn-unv{display:inline-block;font-size:12px;font-weight:700;padding:1px 8px;border-radius:999px;background:#fff4e5;color:#8a4b00;border:1px solid #f0c27a;vertical-align:middle}
.dn-c{font-size:11px;margin-left:1px}.dn-c a{text-decoration:none}
.dn-tbl{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0}
.dn-tbl th,.dn-tbl td{border-bottom:1px solid var(--rule,#e3e3e3);padding:6px 8px;text-align:center}
.dn-tbl tbody th,.dn-tbl thead th:first-child{text-align:left}
.dn-wide{grid-column:1/-1}
.dn-wide textarea{font:inherit;padding:8px 12px;border:1px solid var(--rule,#ccc);border-radius:12px;width:100%;box-sizing:border-box}
#dnLead select{font:inherit;min-height:44px;padding:8px 12px;border:1px solid var(--rule,#ccc);border-radius:12px;background:var(--card,#fff)}
.dn-srcs{font-size:14px;line-height:1.7;padding-left:22px}
.dn-srcs li:target{background:#fff4e5}
@media (max-width:600px){.dn-big{font-size:22px}.dn-card{padding:16px}.bw-row input[type=date]{min-width:0;width:100%}}