/* Shared mobile reading rules. Desktop layouts and source documents stay intact. */
.common-menu-toggle{display:none}
.site-nav .nav-links>.common-menu-toggle{display:none}
@media(max-width:720px){
 html{scroll-padding-bottom:84px}
 body.mobile-readable{font-size:16px;line-height:1.65;padding-bottom:calc(68px + env(safe-area-inset-bottom))}
 body.age-check-page{margin:0;padding:24px 16px;font-family:system-ui,'Malgun Gothic',sans-serif;color:#243d50;background:#fff}
 body.age-check-page main{max-width:560px;margin:auto}
 body.mobile-document-page main{margin:0;padding:20px 16px;max-width:100%;box-sizing:border-box}
 body.mobile-document-page code{overflow-wrap:anywhere}
 body.age-check-page form{display:grid;gap:20px}
 body.mobile-readable :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea){font-size:16px;min-width:0;max-width:100%;min-height:44px}
 body.mobile-readable :is(input[type=checkbox],input[type=radio]){display:inline-block;width:20px;height:20px;min-height:0;flex:none;vertical-align:middle;margin:0 6px 0 0}
 body.mobile-readable :is(button,.login-button,.write-button,.platform-actions>a,.catalog-more,.shop-actions>a){min-height:44px;font-size:14px}
 body.mobile-readable :is(p,li,dd,.post-body,.post-excerpt,.comment-body,.platform-card details,.shop-card details,.content-copy){font-size:16px;line-height:1.7;overflow-wrap:anywhere}
 body.mobile-readable :is(.platform-note,.platform-bottom,.platform-tags,.post-meta,.content-meta,.rules-muted,.rule-note,.rule-card details,.form-note,.saved-place small,.result-summary,.sidebar-footer,.notice,.check,label){font-size:14px;line-height:1.6}
 body.mobile-readable :is(h1,h2,h3){overflow-wrap:anywhere;line-height:1.4}
 body.mobile-readable :is(.platform-shell,.rules-shell,.content-shell,.fishing-tools,.rights-page main){min-width:0;max-width:100%;padding-left:16px;padding-right:16px}
 body.mobile-readable :is(.board-filters,.post-meta,.platform-actions,.shop-actions,.platform-filters){flex-wrap:wrap;gap:8px;min-width:0}
 body.mobile-readable :is(.board-filters,.post-meta,.platform-filters)>*{min-width:0;max-width:100%}
 body.mobile-readable .post-meta button{min-height:44px;font-size:14px;padding:8px 10px}
 body.mobile-readable img{max-width:100%}
 body.mobile-readable :is(.platform-card,.shop-card,.post-card,.rule-card){min-width:0}
 body.mobile-readable .platform-hero{padding:16px;border-radius:8px}
 body.mobile-readable .platform-hero h1{font-size:25px;margin:0 0 8px}
 body.mobile-readable .platform-hero p{margin:8px 0;font-size:15px;line-height:1.6}
 body.mobile-readable .platform-hero>span{font-size:14px}
 body.mobile-readable .site-nav{height:calc(68px + env(safe-area-inset-bottom));padding:4px 4px calc(4px + env(safe-area-inset-bottom));background:#fff;z-index:1100}
 body.mobile-readable .site-nav .nav-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:59px;gap:0;overflow:visible;position:static;padding:0;border:0;box-shadow:none}
 body.mobile-readable .site-nav .nav-links>a,body.mobile-readable .site-nav .nav-links>button{display:none!important;min-width:0;min-height:56px;white-space:normal;text-align:center;font-size:12px;line-height:1.3;padding:2px 0;gap:3px}
 body.mobile-readable .site-nav .nav-links>.menu-home,body.mobile-readable .site-nav .nav-links>.menu-map,body.mobile-readable .site-nav .nav-links>.menu-places,body.mobile-readable .site-nav .nav-links>.menu-weather,body.mobile-readable .site-nav .nav-links>.common-menu-toggle{display:flex!important;flex-direction:column;justify-content:center}
 body.mobile-readable .site-nav .nav-links>.menu-home{grid-column:1;grid-row:1}
 body.mobile-readable .site-nav .nav-links>.menu-map{grid-column:2;grid-row:1}
 body.mobile-readable .site-nav .nav-links>.menu-places{grid-column:3;grid-row:1}
 body.mobile-readable .site-nav .nav-links>.menu-weather{grid-column:4;grid-row:1}
 body.mobile-readable .site-nav .nav-links>.common-menu-toggle{grid-column:5;grid-row:1;color:#164d73;font-weight:700}
 html body.mobile-readable dialog{box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(var(--mobile-viewport-height,100dvh) * .8);overflow:auto;overscroll-behavior:contain;padding:20px;border-radius:12px;color:#243d50}
 body.mobile-readable dialog::backdrop{background:#19354b66}
 body.mobile-readable :is(#point-dialog,#point-list,#board-editor,#board-blocks,#rule-photo-dialog,.privacy-location-dialog){max-height:calc(var(--mobile-viewport-height,100dvh) * .8)}
 body.mobile-readable :is(.wx-dialog-close,#wx-detail-close,#location-close,#blocks-close){position:sticky;top:0;float:right;z-index:25;width:48px;min-width:48px;height:48px;min-height:48px;margin:0 0 8px 10px;padding:0;background:#fff;border:1px solid #bdcdda;border-radius:8px;color:#243d50;font-size:26px}
 body.mobile-readable #blocks-close{width:auto;padding:0 12px;font-size:15px}
 body.mobile-readable .privacy-location-dialog p{font-size:15px;line-height:1.65}
 body.mobile-readable #privacy-location-stop{bottom:calc(76px + env(safe-area-inset-bottom));font-size:14px;max-width:calc(100vw - 32px)}
 body.mobile-readable #point-list .page-brand{clear:both;--brand-height:30px}
 body.mobile-readable :is(#point-form input,#point-form textarea,#point-form select){font-size:16px}
 body.mobile-readable .map-stage .detail{max-height:57%;padding:16px}
 body.mobile-readable .sidebar{max-height:calc(100% - 76px);bottom:8px}
 body.mobile-readable .sidebar :is(.results,.hydro-results){max-height:none;overflow:visible}
 body.mobile-readable .sidebar :is(select,input){font-size:16px}
 body.mobile-readable .sidebar :is(.badge,.restriction){font-size:13px;line-height:1.45}
 body.mobile-readable .map-stage .layer-panel[open]{max-height:calc(100% - var(--map-toolbar-height,44px) - 90px)}
 body.mobile-readable .wx-app{height:calc(100dvh - 68px - env(safe-area-inset-bottom))}
 body.mobile-readable .wx-detail{max-height:58%;padding:0}
 body.mobile-readable #wx-about .wx-legend:not([hidden]){display:block;position:static;width:auto;margin:16px 0;box-shadow:none}
 @media(min-height:600px){
  body.mobile-readable .wx-layers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}
  body.mobile-readable .wx-layers button{min-width:0;padding:4px;font-size:13px}
  body.mobile-readable :is(.wx-map-tools,.wx-more-tools){top:132px}
  body.mobile-readable .wx-status{top:114px}
 }
 body.mobile-readable :is(.wx-metrics dt,.wx-kind,.wx-source-note,.wx-detail small,.wx-detail-time){font-size:14px!important;line-height:1.6!important}
 body.mobile-readable .wx-metrics{grid-template-columns:1fr 1fr}
 body.mobile-readable .wx-chart{height:124px}
 body.mobile-readable .wx-chart :is(button,b,span){font-size:12px}
 body.mobile-readable .mobile-table-scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain;margin:12px 0;border:1px solid #dce5eb;border-radius:6px}
 body.mobile-readable .mobile-table-scroll>table{margin:0;font-size:14px}
 body.mobile-readable #mobile-site-menu{width:calc(100vw - 24px);padding:0;background:#fff;border:1px solid #bdcdda}
 .mobile-menu-heading{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid #dce5eb}
 .mobile-menu-heading h2{font-size:20px;margin:0}
 .mobile-menu-heading button{min-width:64px;color:#164d73;background:#f2f7fb;border:1px solid #bdcdda;border-radius:6px}
 .mobile-menu-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px}
 .mobile-menu-links :is(a,button){display:flex;align-items:center;gap:8px;min-height:56px;text-decoration:none;text-align:left;color:#243d50;background:#f5f8fb;border:1px solid #dce5eb;border-radius:6px;padding:10px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
 .mobile-menu-links .menu-icon{flex:none;width:28px;height:28px;display:grid;place-items:center}
 .mobile-menu-links .menu-icon :is(img,svg){width:28px;height:28px}
 .mobile-menu-links [aria-current]{background:#e2eff9;border-color:#0875c9;color:#0969b1}
 body.mobile-readable .tools-jumps{position:static;flex-wrap:wrap;overflow:visible}
 body.mobile-readable .tools-jumps a{flex:1 0 45%;min-height:44px;font-size:14px;white-space:normal}
}

/* Mobile reading and touch targets; desktop styles remain unchanged. */
@media(max-width:720px){
 body.mobile-readable .site-nav .nav-links>a,body.mobile-readable .site-nav .nav-links>button{font-size:14px}
 body.mobile-readable .home-naver-login{min-height:44px;font-size:14px}
 body.mobile-readable #landing .nm-suggestions{gap:8px}
 body.mobile-readable #landing .nm-suggestions a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:6px 12px;font-size:15px;border:1px solid #bdcdda;border-radius:6px;background:#f5f8fb}
 body.mobile-readable .area-board-regions a,body.mobile-readable .area-board-other-regions summary{min-height:44px;font-size:15px;box-sizing:border-box}
 body.mobile-readable .area-board-other-regions summary{padding:10px 0}
 body.mobile-readable .area-board-row small{font-size:14px;line-height:1.5}
 body.mobile-readable :is(.shop-status p,.shop-status span,.shop-map-caption,#shop-map-message){font-size:14px;line-height:1.5}
 body.mobile-readable .shop-map .leaflet-control-zoom a,body.mobile-readable #shop-map .leaflet-control-zoom a{width:44px;height:44px;line-height:44px}
}