/* STEP05 | FINAL MOBILE COMMON CHROME | width <= 820px
   Only common footer/accessibility and four bottom shortcuts: NO per-page CSS changes. */
@media (max-width: 820px) {
  body .site-footer p { font-size: 11px !important; line-height: 1.65 !important; color: #aaa29c !important; }
  body .site-counter span { font-size: 10px !important; line-height: 1.25 !important; letter-spacing: .15px !important; color: #aaa09a !important; }
  body .site-counter strong { font-size: 17px !important; }
  body .site-footer nav a { font-size: 12px !important; line-height: 1.5 !important; color: #c5bab0 !important; }
  body .d2n-contact-shortcuts__link { min-height: 65px; }
  body .d2n-contact-shortcuts__link:focus-visible { outline: 2px solid #f2d28b; outline-offset: -2px; }
  .site-header .site-brand:focus-visible,
  .site-header .d2n-menu-toggle:focus-visible,
  .site-footer a:focus-visible { outline: 2px solid #e0bd75 !important; outline-offset: 3px; }
  /* Layout direction stays LTR for the familiar Kakao / Telegram / LINE / WhatsApp order. */
  html[dir="rtl"] .d2n-contact-shortcuts { direction: ltr; }
}
@media (max-width: 360px) {
  body .d2n-contact-shortcuts__link { min-height: 60px; }
}