/* ════════════════════════════════════════════════════════════════
   大象民宿 · 详情页共享响应式
   统一移动端断点样式
   适用于所有 routes/ 下的详情页
   ════════════════════════════════════════════════════════════════ */

@media(max-width:768px){
  .site-header .brand{font-size:32px;letter-spacing:3px}
  .site-header{top:max(env(safe-area-inset-top,0px) - 16px, 10px);padding-top:10px}
  .site-nav .nav-inner{padding:90px 20px 40px}
  .site-nav .nav-main a{font-size:clamp(24px,8vw,38px)}
  .lead-hero{height:48vh;min-height:260px;max-height:none}
  .lead-hero .cap{left:16px;right:16px;bottom:14px;max-width:none;font-size:10px;padding:0}
  .layout{width:100%;max-width:100%;padding:28px 14px 0;gap:24px;box-sizing:border-box}
  .title-col{width:100%;max-width:none;min-width:0}
  .article{width:100%;max-width:100%;min-width:0}
  .title-col h1{font-size:clamp(26px,7.6vw,34px);margin-bottom:14px}
  .title-col .kicker{margin-bottom:10px;font-size:11px}
  .title-col .meta{font-size:11.5px;padding-top:12px}
  .title-col .tag{font-size:9.5px;padding:2.5px 9px}
  .article .intro{font-size:clamp(16px,4.2vw,19px);margin-bottom:28px}
  .article p{font-size:1rem;line-height:1.8}
  .article h2{font-size:clamp(22px,5.5vw,28px);margin:28px 0 12px}
  .article h3{font-size:19px}
  .article .landscape{margin:4px 0 22px}
  .article .sidebyside{flex-direction:column;gap:20px}
  .article figure{margin:20px 0}
  .article figcaption{font-size:10.5px;margin-top:8px}
  .segment{margin:24px 0;padding:20px 0 0}
  .seg-block{padding:16px 16px}
  .seg-head h3{font-size:20px}
  .tilegrid{grid-template-columns:1fr;gap:10px}
  .tile{padding:14px 14px}
  .tips{padding:20px 20px}
  .tips h3{font-size:18px}
  .tips-grid{grid-template-columns:1fr;gap:14px}
  .cta{padding:48px 14px;margin-top:48px}
  .cta h2{font-size:clamp(22px,5.5vw,32px)}
  .cta p{font-size:16px}
  .cta .btn{padding:12px 24px;font-size:12px}
  .footer{padding:28px 14px;font-size:12.5px}
  .footer .inner{flex-direction:column;text-align:center;gap:14px}
}