/*
  Mobile (max-width: 760px)
  このファイル自体が media="(max-width: 760px)" で読み込まれるため、
  @media ラッパーは不要。
*/

html,
body {
    overflow-x: clip;
}

.site-sidebar {
    display: none;
}

:root {
    --mobile-edge: 12px;
    --mobile-header-h: 56px;
}

/* --- Mobile header ------------------------------------------------- */

/* Show hamburger button (display:none in style.css) */
.nav-toggle {
    display: flex;
}

/* Compact header bar */
.header-inner {
    padding: 0 16px;
    min-height: var(--mobile-header-h);
}

/* Smaller logo, remove desktop translateY offset */
.site-header .brand-logo {
    height: 36px;
    transform: none;
}

/* Divider inside nav drawer */
.nav-drawer hr {
    border: none;
    border-top: 1px solid var(--border);
    margin: 4px 2px;
}

/* --- Page spacing -------------------------------------------------- */

/* Push content below sticky header */
main {
    padding-top: calc(var(--mobile-header-h) + 8px);
    padding-bottom: calc(24px + env(safe-area-inset-bottom));
}

/* Hero has its own top padding — reduce to avoid double spacing */
.hero {
    padding-top: 16px;
}