/* 道の駅TRIP 2.0 — ベースリセット・レイアウトシェル。Mobile First(375〜430px基準)。 */
*{box-sizing:border-box}
html,body{
  margin:0;width:100%;min-height:100%;
  overflow-x:hidden;-webkit-text-size-adjust:100%;
  font-family:var(--font-body);color:var(--ink);
  background:var(--paper);
}
body{overscroll-behavior:none}
h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:600}
button,select{font:inherit}
button{cursor:pointer;-webkit-tap-highlight-color:transparent}
img{max-width:100%;display:block}
.hidden{display:none!important}
[hidden]{display:none!important}

#appShell{
  width:100%;max-width:480px;margin:0 auto;
  min-height:auto;
  display:flex;flex-direction:column;
  background:var(--paper);
  position:relative;
  overflow-x:hidden;
}

/* ブランドヘッダー：道の駅TRIP + サブコピー。全画面共通。 */
.v2-header{
  flex:0 0 var(--header-h);height:var(--header-h);
  display:flex;align-items:center;gap:11px;
  padding:0 16px;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:1000;
}
.v2-header .brand-mark{
  width:38px;height:38px;border-radius:11px;flex:0 0 auto;
  box-shadow:0 4px 14px rgba(11,42,107,.22);
  display:block;object-fit:cover;
}
.v2-header .brand-copy{min-width:0}
.v2-header .brand-name{
  font-family:var(--font-display);font-weight:700;
  font-size:18px;color:var(--night);letter-spacing:.01em;line-height:1.15;
}
.v2-header .brand-tagline{
  font-size:10px;color:var(--muted);font-weight:700;margin-top:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.v2-main{flex:0 0 auto;position:relative;min-height:0;width:100%}
.v2-view{display:none}
.v2-view.active{display:block}

/* Bottom Navigation: Journey Card直後に通常フローで配置 (safe-area-bottom維持) */
.v2-bottom-nav{
  position:static;
  margin:18px auto 0;
  width:100%;max-width:480px;height:calc(var(--nav-h) + var(--safe-b));
  padding:6px 12px calc(8px + var(--safe-b));
  display:grid;grid-template-columns:repeat(5,1fr);
  background:#FFFFFF;
  border-top:1px solid #ECE8E0;
  box-shadow:0 -2px 14px rgba(0,0,0,.03);
}
.v2-tab{
  border:0;background:transparent;color:#8F9BA8;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  padding:2px 0;
  transition:color .18s ease;
}
.v2-tab-icon{
  width:22px;height:22px;display:flex;align-items:center;justify-content:center;
}
.v2-tab-icon svg{width:20px;height:20px;display:block}
.v2-tab span:last-child{
  font-size:9.5px;font-weight:600;letter-spacing:.02em;line-height:1;
}
.v2-tab.active{
  color:#005AEB;
}
.v2-tab.active .v2-tab-icon svg{
  color:#005AEB;
  fill:#005AEB;
}
.v2-tab:disabled{opacity:.42}