/* v205 mobile-only corrections. No map-coordinate or marker rules. */
@media(max-width:850px){
  .mobile-detail .grid{grid-template-columns:minmax(0,1fr)}
  .mobile-detail .shell,.mobile-detail .grid>*,.mobile-detail .panel,
  .mobile-detail .top-col,.mobile-detail .row-main,.mobile-detail .media-stage,
  .mobile-detail .record,.mobile-detail .source-grid>a,
  .mobile-detail .nearby-card>div{min-width:0}
  .mobile-detail .panel,.mobile-detail .hero{overflow-wrap:anywhere}
  .mobile-detail .record.record-top{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mobile-detail .record textarea{width:100%;min-width:0;max-width:100%;font-size:16px;box-sizing:border-box}
  .mobile-detail .record button{min-width:0;white-space:normal;overflow-wrap:anywhere}
  .mobile-detail .actions>a,.mobile-detail .actions>button,.mobile-detail .quick-link,
  .mobile-detail .media-tab{max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .mobile-detail .media-tabs,.mobile-detail .info-head{min-width:0}
  .mobile-detail .media-card{max-width:100%}
  .mobile-detail .source-grid b{min-width:0;overflow-wrap:anywhere}
  .mobile-detail .source-grid a{flex-wrap:wrap}
  .mobile-detail .map-box{min-width:0;grid-template-columns:minmax(0,1fr)}
  .mobile-detail .nearby-card{flex-wrap:wrap;align-items:flex-start}
  .mobile-detail .nearby-card>div{flex:1 1 180px}
  .mobile-detail .nearby-card>a{max-width:100%;overflow-wrap:anywhere}
  .mobile-detail .record-top-head>*{min-width:0;max-width:100%}
}
@media(max-width:760px){
  .mobile-seoul .district-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mobile-seoul .district-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:12px!important;min-width:0!important}
  .mobile-seoul .district-card>div{flex:1 1 auto!important;min-width:0!important}
  .mobile-seoul .district-card>div>b,.mobile-seoul .district-card>div>small{
    white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.4!important;
  }
  .mobile-seoul .district-card>div>b{font-size:16px!important}
  .mobile-seoul .district-card>span{position:static!important;transform:none!important;flex:0 0 auto!important}
}
@media(max-width:640px){
  .mobile-home .top{height:auto;min-height:66px;flex-wrap:wrap;gap:12px;padding:12px 16px}
  .mobile-home .top nav{flex-wrap:wrap;gap:12px}
  .mobile-home .brand{min-width:0}.mobile-home .mark{flex-shrink:0}
  .mobile-home .search{min-width:0;width:100%}
  .mobile-home .search input{min-width:0;width:0;font-size:16px}
  .mobile-home .search button{flex-shrink:0;padding:0 16px}
  .mobile-home .hero,.mobile-home .feature,.mobile-home .menu-card,.mobile-home .quick{min-width:0;overflow-wrap:anywhere}
  .mobile-detail .panel{padding:16px}
  .mobile-detail .hero{padding-left:18px;padding-right:18px}
  .mobile-detail .record.record-top textarea{grid-column:1/-1!important;grid-row:auto;width:100%}
  .mobile-detail .info-head .quick-link{flex:1 1 100%;min-width:0}
  .mobile-detail .media-caption>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
  .mobile-detail .nearby-sections{grid-template-columns:minmax(0,1fr)}
  .mobile-detail .source-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:420px){
  .mobile-detail .record.record-top{grid-template-columns:minmax(0,1fr)!important}
  .mobile-detail .record.record-top button{width:100%}
}
@media(max-width:360px){
  .mobile-seoul .district-cards{grid-template-columns:minmax(0,1fr)!important}
}