/* Phone-only layout. Captions deliberately keep their existing font sizes. */
.menu-toggle{display:none}
@media(max-width:760px){
  body{font-size:12.8px}
  .site-shell{padding:0 22px}
  .site-header{min-height:70px;padding:14px 0;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:0;position:relative}
  .brand{font-size:38.4px;letter-spacing:-2.4px}
  .menu-toggle:not([hidden]){display:flex;margin-left:auto;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:none;border:0;color:inherit;cursor:pointer}
  .menu-toggle span{display:block;width:24px;height:2px;background:currentColor}
  .site-header nav{width:100%;margin:0;gap:0;flex-direction:column;align-items:stretch}
  .site-header.menu-ready nav{display:none}
  .site-header.menu-open nav{display:flex;padding:8px 0 4px}
  .site-header nav a{font-size:15px;min-height:44px;padding:11px 0}
  .detail-back{margin:14px 0}
  .breadcrumbs{display:flex;align-items:center;gap:10px}
  .breadcrumbs .breadcrumb-current{display:none}
  .breadcrumbs .breadcrumb-divider{font-size:0;border-left:1px solid #999;height:13px}
  .underlink{font-size:10.4px}
  .destination-title{font-size:clamp(27.2px,6.64vw,46.4px);margin:10px 0 18px}
  .destination-geography{gap:10px;padding:12px 0}
  .destination-facts>div{grid-template-columns:90px 1fr;padding:6px 0;gap:10px}
  .destination-facts dt,.fact-label{font-size:8px;margin-bottom:4px}
  .destination-facts dd{font-size:16.8px}
  .destination-map{max-width:none;width:calc(100% + 44px);margin:0 -22px}
  .destination-statistics{gap:16px;padding:18px 0}
  .destination-statistics strong{font-size:28.8px}
  .destination-statistics p{font-size:9.6px;margin:6px 0 4px}
  .fact-source{font-size:8.8px}
  .personal-content{width:calc(100% + 44px);max-width:none;margin-left:-22px;margin-right:-22px}
  .personal-content .block{margin-top:16px;margin-bottom:16px}
  .personal-content .block-inner{max-width:none;padding:0}
  .personal-content :is(.block-T1,.block-T2,.block-T3,.block-TB,.block-TI,.block-TC,.block-TH){padding-left:22px;padding-right:22px}
  .personal-content .text{font-size:13.6px;line-height:1.6}
  .personal-content .block-title{padding-top:4px}
  .personal-content .block-title .block-inner{padding:0 22px;margin-bottom:18px}
  .personal-content .block-title .title{font-size:28.8px;line-height:1.12}
  .personal-content .block-title .big-text{font-size:12px;margin-top:12px}
  .personal-content :is(.block-TG,.block-H1){max-width:none;width:100%;padding:18px 22px;background:#f0f0ec;margin:12px 0 24px;height:auto}
  .personal-content .block-TG .text{font-size:13.6px;padding:0;margin:0;background:none}
  .personal-content .block-T2,.destination-content .destination-section{margin-top:28px;margin-bottom:16px}
  .personal-content .block-T2 .text,.destination-section-title{font-size:clamp(22.4px,2.48vw,33.6px)}
  .personal-content .destination-section{padding-left:22px;padding-right:22px}
  .personal-content :is(.block-P1,.block-P2,.block-P3,.block-P4,.block-P5,.block-PS,.block-PT){width:100%;max-width:none;padding:0}
  .personal-content .block-PT{display:grid;grid-template-columns:1fr;gap:14px}
  .personal-content .block-PT .column{width:100%;height:auto;margin:0}
  .personal-content .block-PT .column:has(>.text){padding:0 22px}
  .personal-content .block-PT .text{font-size:13.6px;margin:0}
  .personal-content .block-P2{gap:14px}
  .personal-content .block-TI .text{font-size:10.4px}
  .personal-content .trip-info hr{margin:18px 0!important}
  .personal-content .video-alternatives nav{padding:0 22px;margin-top:8px!important}
  .destination-photo-caption{padding-left:22px;padding-right:22px}
  .related-travel{margin:28px 0 20px;padding-top:16px}
  .related-travel h2{font-size:19.2px}
  .related-travel ul{gap:10px 18px}
  .section-heading{padding:22px 0 18px}
  .section-heading h1{font-size:42.4px;letter-spacing:-1.6px;margin-top:8px}
  .section-heading .micro,.micro{font-size:8px}
  .home-work{padding:18px 0 20px}
  .home-work-row{margin-top:18px;min-height:60px;gap:22px}
  .home-work-row p{font-size:13.6px}
  .home-heading{font-size:16px}
  .home-interest{padding:18px 0 20px}
  .home-interest>.home-heading,.home-section-label{margin-bottom:16px}
  .home-video{padding-top:18px}
  .home-grid,.project-grid{grid-template-columns:1fr;gap:20px}
  .home-card-image,.video-preview,.card-photo,.feature-photo,.now-note{width:calc(100% + 44px);max-width:none;margin-left:-22px;margin-right:-22px}
  .home-card h3{font-size:16.8px}
  .home-card-category{font-size:8.8px;margin-top:8px}
  .home-section-label>a{font-size:10.4px}
  .video-card h3{font-size:13.6px;margin:8px 0 4px}
  .video-card>p{font-size:10.4px}
  .video-duration{font-size:9.6px}
  .project-card h2{font-size:19.2px;margin-top:10px}
  .project-card p{font-size:10.4px}
  .article-list article{gap:10px;padding:18px 0}
  .article-list article h2{font-size:22.4px}
  .article-list article time{font-size:10.4px}
  .article-list article p{margin-top:10px}
  .about-layout{padding:20px 0}.about-name{font-size:46.4px;margin-bottom:18px}.about-copy{font-size:18.4px}.about-copy p{margin-bottom:18px}
  .site-footer{margin-top:28px;padding:18px 0}.footer-bottom{font-size:9.6px}.socials{gap:16px}.socials a{font-size:12px}.socials:not(:empty){margin-bottom:16px}
  .pagination{gap:24px;margin-top:24px}
  #travel-map-preview .travel-product{font-size:11.2px;padding:12px 0 18px}
  #travel-map-preview .map-heading{margin-bottom:12px;gap:8px}
  #travel-map-preview .map-canvas{width:calc(100% + 44px);margin:0 -22px;border-radius:0}
  #travel-map-preview .place-name{font-size:12px}
  #travel-map-preview .place-evidence{font-size:8.8px}
  #travel-map-preview .place-year{font-size:20px}
  #travel-map-preview .trip-list{margin-top:18px;padding-top:12px}
  #travel-map-preview .trip-list a span{font-size:18.4px}
  #travel-map-preview .mode-switch .mode-toggle{font-size:12.8px}
  #travel-map-preview .map-switch button{font-size:9.6px;min-height:36px}
  #travel-map-preview .chronology .legend-caption{font-size:9.6px}
  #travel-map-preview .year-legend button{font-size:9.6px;min-height:28px}
  #travel-map-preview .country-toggle{font-size:14.4px;padding:6px 0;min-height:44px}
  #travel-map-preview .country-toggle>span:last-child{font-size:16px}
  #travel-map-preview .cities{font-size:12.8px;padding-bottom:10px}
  #travel-map-preview .more-trips{font-size:10.4px;min-height:44px;margin-top:16px}
}