/* 補齊模板有用到、但正式站預編譯的 tailwind.min.css 沒有的工具類別（2026-10-25 審查：550 個 class 缺 22 個）。
   新增類別前先 grep tailwind.min.css；沒有就加在這裡，照 Tailwind 的值寫，不要在模板裡發明新名字。 */
.leading-7 { line-height: 1.75rem; }
.mx-1 { margin-left: .25rem; margin-right: .25rem; }
.bottom-2 { bottom: .5rem; }
.right-3 { right: .75rem; }
.text-red-200 { color: rgb(254 202 202); }
.bg-amber-50 { background-color: rgb(255 251 235); }
.border-amber-200 { border-color: rgb(253 230 138); }
.border-amber-300 { border-color: rgb(252 211 77); }
.text-amber-900 { color: rgb(120 53 15); }
.hover\:bg-amber-100:hover { background-color: rgb(254 243 199); }
.focus-within\:ring-2:focus-within { box-shadow: 0 0 0 2px rgb(184 144 21); }
.focus-within\:ring-offset-2:focus-within { box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(184 144 21); }
.focus-within\:ring-primary-500:focus-within { box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(184 144 21); }
/* 舊 tailwind.config 的自訂值：accent 色與 glow 陰影，用品牌色重現 */
.to-accent-50 { --tw-gradient-to: rgb(254 252 232) var(--tw-gradient-to-position); }
.shadow-glow { box-shadow: 0 0 20px rgb(184 144 21 / .25); }
.hover\:shadow-glow-lg:hover { box-shadow: 0 0 32px rgb(184 144 21 / .35); }
/* 餐廳介紹文章：沒有 @tailwindcss/typography，只給基本行距與段距 */
.prose { font-size: 1rem; line-height: 1.8; }
.prose p { margin-bottom: 1rem; }
@media (min-width: 640px) {
  .sm\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
  .sm\:leading-8 { line-height: 2rem; }
  .sm\:gap-6 { gap: 1.5rem; }
}