/* Shared header: keep the existing height while allowing the seventh menu item. */
.hcf-site-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.hcf-site-header .logo { flex-shrink: 0; }
.hcf-site-header .logo img { display: block; width: auto; max-width: 100%; max-height: 50px; }
.hcf-site-header nav ul li { margin-left: 20px; font-size: 14px; }
.hcf-site-header nav a[aria-current="page"] { color: #c7380d; }
.hcf-site-header .hcf-menu-new { display: inline-block; padding: 1px 5px; border-radius: 8px; background: #c7380d; color: #fff; font-size: 10px; line-height: 1.4; vertical-align: middle; }
@media (max-width: 1279px) {
    .hcf-site-header .sp-none { display: none; }
    .hcf-site-header .pc-none { display: block; }
    .hcf-site-header .menu-checkbox { display: block; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); }
    .hcf-site-header .menu-button { display: block; position: fixed; top: 20px; right: 20px; z-index: 202; width: 36px; height: 28px; cursor: pointer; }
    .hcf-site-header .menu-checkbox:focus-visible + .menu-button { outline: 3px solid #0390fc; outline-offset: 6px; }
    .hcf-site-header .menu-button::before, .hcf-site-header .menu-button::after, .hcf-site-header .menu-button span { content: ''; display: block; position: absolute; left: 0; width: 100%; height: 2px; margin: 0; background: #333; transition: transform .2s; }
    .hcf-site-header .menu-button::before { top: 0; }
    .hcf-site-header .menu-button::after { bottom: 0; }
    .hcf-site-header .menu-button span { top: 50%; }
    .hcf-site-header .menu-checkbox:checked ~ .menu-button::before { top: 50%; transform: rotate(45deg); }
    .hcf-site-header .menu-checkbox:checked ~ .menu-button::after { top: 50%; bottom: auto; transform: rotate(-45deg); }
    .hcf-site-header .menu-checkbox:checked ~ .menu-button span { display: none; }
    .hcf-site-header .drawer-menu { position: fixed; inset: 0 auto 0 0; width: min(80%, 400px); height: 100%; overflow-y: auto; background: #fff; z-index: 201; transform: translateX(-100%); visibility: hidden; transition: transform .2s; }
    .hcf-site-header .drawer-menu ul { margin: 0; padding: 0; list-style: none; }
    .hcf-site-header .drawer-menu li { display: block; margin: 0; line-height: 1.6; border-bottom: 1px dotted #ccc; }
    .hcf-site-header .drawer-menu a { display: block; padding: 18px 20px; color: #333; text-decoration: none; }
    .hcf-site-header .menu-checkbox:checked ~ .drawer-menu { transform: none; visibility: visible; }
    .hcf-site-header .menu-background { display: none; position: fixed; inset: 0; width: 100%; height: 100%; background: #0008; z-index: 200; cursor: pointer; }
    .hcf-site-header .menu-checkbox:checked ~ .menu-background { display: block; }
    .admin-bar .hcf-site-header .drawer-menu { top: 32px; height: calc(100% - 32px); }
    .admin-bar .hcf-site-header .menu-button { top: 52px; }
}
@media (max-width: 782px) {
    .admin-bar .hcf-site-header { margin-top: 46px; }
    .admin-bar .hcf-site-header .drawer-menu { top: 46px; height: calc(100% - 46px); }
    .admin-bar .hcf-site-header .menu-button { top: 66px; }
}
@media (prefers-reduced-motion: reduce) {
    .hcf-site-header .drawer-menu, .hcf-site-header .menu-button::before, .hcf-site-header .menu-button::after { transition: none; }
}