/* HARU Guide — 휴대폰 전용 화면 (body.m-app 일 때만 적용) · 토큰은 extras.css */
.m-home,.m-nav,.m-brand{display:none}
body.m-app{background:var(--h-bg);color:var(--h-ink);font-family:var(--h-font);padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;font-size:16px;-webkit-font-smoothing:antialiased}
body.m-app .m-off{display:none!important}

/* 머리글: 숙소 이름 + 언어 */
body.m-app header{position:sticky;top:0;z-index:30;background:rgba(250,248,244,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--h-line);box-shadow:none}
body.m-app header .head{min-height:56px;padding-block:6px!important;gap:10px;display:flex;align-items:center}
body.m-app header .logo,body.m-app header .nav,body.m-app header .header-guide{display:none!important}
body.m-app .m-brand{display:flex;align-items:center;gap:8px;margin-right:auto;min-width:0}
.m-brand-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}
.m-brand-name{font-weight:800;font-size:17px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.m-app header .lang-picker{border:1px solid var(--h-line);border-radius:12px;background:#fff;padding:0 6px;min-height:40px}
body.m-app header .lang-picker select{min-height:38px;font:600 14px var(--h-font);border:0;background:transparent;color:var(--h-ink)}

/* 홈 */
body.m-app .m-home{display:block;padding:14px 16px 4px}
.m-hero{position:relative;overflow:hidden;background:var(--m-theme);color:#fff;border-radius:24px;padding:22px 20px 20px}
.m-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.08)}
.m-kicker{position:relative;font-size:13px;font-weight:700;opacity:.85}
.m-title{position:relative;margin:4px 0 2px;font-size:36px;line-height:1.12;font-weight:900;letter-spacing:-.025em;color:#fff;word-break:keep-all}
.m-tag{position:relative;margin:0;font-size:16px;opacity:.9}
.m-back{position:relative;margin-top:18px;width:100%;min-height:58px;border:0;border-radius:16px;background:#fff;color:var(--m-theme);font:800 18px/1 var(--h-font);display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}
.m-back .h-ico{width:22px;height:22px}
.m-wifi{margin-top:12px;background:#fff;border:1px solid var(--h-line);border-radius:var(--h-radius);padding:12px 12px 12px 14px;display:flex;align-items:center;gap:12px}
.m-wifi-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#E9F4F0;color:var(--h-ok);flex:0 0 auto}
.m-wifi-ico .h-ico{width:24px;height:24px}
.m-wifi-tx{flex:1;min-width:0}
.m-wifi-ssid{font-size:13.5px;color:var(--h-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-wifi-pw{font-size:20px;font-weight:800;letter-spacing:.01em;overflow-wrap:anywhere;user-select:all}
.m-wifi-copy{flex:0 0 auto;min-height:48px;padding:0 16px;border:0;border-radius:14px;background:var(--h-brand);color:#fff;font:700 15px var(--h-font);cursor:pointer}
.m-block{margin-top:18px}
.m-block-h{font-size:14px;font-weight:800;color:var(--h-muted);margin:0 2px 8px;letter-spacing:.02em}
.m-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.m-tile{min-height:100px;border:1px solid var(--h-line);border-radius:var(--h-radius);background:#fff;color:var(--h-ink);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:14px;text-align:left;cursor:pointer}
.m-tile .m-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--h-soft);color:var(--h-brand)}
.m-tile .h-ico{width:22px;height:22px}
.m-tile .m-lbl{font-size:16.5px;font-weight:800;line-height:1.25}
.m-list{margin-top:10px;background:#fff;border:1px solid var(--h-line);border-radius:var(--h-radius);overflow:hidden}
.m-row{width:100%;min-height:58px;border:0;border-bottom:1px solid var(--h-line);background:#fff;display:flex;align-items:center;gap:12px;padding:0 14px;color:var(--h-ink);font:700 16px var(--h-font);text-align:left;cursor:pointer}
.m-row:last-child{border-bottom:0}
.m-row .m-ico{color:var(--h-brand);display:grid;place-items:center}
.m-row .m-lbl{flex:1}
.m-chev{color:#A9B3B5;font-size:22px}
.m-tile:active,.m-back:active,.m-row:active,.h-amen-btn:active{transform:scale(.985)}
.m-emerg{display:flex;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;border-radius:var(--h-radius);background:#FDF0EC;border:1px solid #F4D2C8}
.m-emerg-l{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:800;color:var(--h-danger);margin-right:auto}
.m-emerg a{min-height:44px;min-width:56px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:999px;background:#fff;border:1px solid #EFC3B6;color:var(--h-danger);font:800 16px var(--h-font);text-decoration:none}

/* 아래 메뉴 */
body.m-app .m-nav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-top:1px solid var(--h-line);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))}
.m-nav button{border:0;background:none;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#7D8A8D;font:700 12.5px var(--h-font);border-radius:14px;cursor:pointer}
.m-nav button .h-ico{width:24px;height:24px}
.m-nav button.on{color:var(--h-brand)}
.m-nav button.on .m-ico{background:#E6F0EE;border-radius:999px;padding:2px 14px}

/* 각 탭 화면: 경고·설명은 줄이고 글자·버튼은 크게, 이모지 대신 선 아이콘 */
body.m-app .section{padding-top:18px!important;padding-bottom:18px!important;background:transparent}
body.m-app .overline,body.m-app .tinyTag,body.m-app .v6-kicker,body.m-app .subtext{display:none!important}
body.m-app .section h2,body.m-app .v6-section h2,.m-sec-title{font-size:24px;line-height:1.2;margin:4px 0 12px;font-weight:800;letter-spacing:-.01em}
.m-sec-title{display:none}
body.m-app .m-sec-title{display:block}
body.m-app #nearby h2:not(.m-sec-title),body.m-app #nearby .v6-sub{display:none!important}
body.m-app .v6-badge.warn,body.m-app #nearby .v6-alert,body.m-app #nearby .v6-chips,body.m-app #nearby .v6-row:has(.v6-chips),body.m-app #v6WalkNote,body.m-app #nearby > .wrap > .v6-note,body.m-app #nearby .v6-staychooser,body.m-app #transport .v6-note{display:none!important}
body.m-app .v6-tierhead{font-size:14px;font-weight:800;color:var(--h-muted);margin:18px 0 8px}
body.m-app .v6-place-ico{display:none}
body.m-app .v6-grid{display:grid;grid-template-columns:1fr;gap:10px}
body.m-app .v6-card{border-radius:var(--h-radius);padding:16px;border:1px solid var(--h-line);box-shadow:none;background:#fff}
body.m-app .v6-place h3{font-size:19px;margin:0}
body.m-app .v6-place .v6-row:empty{display:none}
body.m-app .v6-place .v6-row:last-child{display:grid;grid-template-columns:1.4fr 1fr;gap:8px;margin-top:12px}
body.m-app .v6-btn{min-height:50px;font:700 15.5px var(--h-font);border-radius:14px;justify-content:center}
body.m-app #food .filterTools{gap:8px}
body.m-app #food .searchbox input{font-size:16px;min-height:44px}
body.m-app #areaFilters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}
body.m-app #areaFilters::-webkit-scrollbar{display:none}
body.m-app #areaFilters > *{flex:0 0 auto}
body.m-app .map-shell{margin-top:12px}
body.m-app #guide .v6-addr{font-size:20px;font-weight:800}
body.m-app[data-mtab=help] #help{min-height:calc(100vh - 130px)}
body.m-app .h-section .h-h2{font-size:22px}