/* Persistent page links and compact destination buttons. */
.site-header.site-header,.header.header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:0 20px;height:auto;min-height:0;padding:12px 4vw 0;background:#fffffff5}
.site-header>.brand,.header>.logo{grid-column:1;grid-row:1}
.site-header>.brand img,.header>.logo img{width:190px;height:auto}
.header-destinations{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;align-items:stretch;gap:8px;min-width:0;margin:0}
.header-destinations>a{display:block;align-content:center;border:1px solid #007fa9;border-radius:4px;background:#edf7fb;color:#006789;padding:7px 14px;min-height:44px;font-size:14px;line-height:1.45;font-weight:600;text-align:center;text-decoration:none}
.header-destinations>a:nth-child(2){background:#007fa9;color:#fff}
.header-destinations>a:nth-child(3){background:#173f54;border-color:#173f54;color:#fff}
.header-destinations>a:hover{filter:brightness(.92);text-decoration:none}
.brochure-shortcut small{display:block;margin-top:3px;font-size:10px;font-weight:400;letter-spacing:.02em;opacity:.8}
.brochure-shortcut .sp-br{display:none}
.site-header>.menu-button,.header>.menu{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:8px 12px;border:1px solid #cbd7dc;border-radius:4px;background:#fff;color:#173f54;font-size:13px;letter-spacing:.05em;white-space:nowrap}
.site-header>.menu-button[hidden]{display:none}
.site-header>.menu-button span,.header>.menu span{margin:0;font-size:21px}
.site-header.site-header>.desktop-nav,.header.header>nav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 32px;margin-top:12px;border-top:1px solid #d9e5e9;min-width:0;font-size:14px;letter-spacing:.03em}
.site-header.site-header>.desktop-nav>a,.header.header>nav>a{display:block;position:relative;padding:13px 0;line-height:1.5;white-space:nowrap}
.site-header.site-header>.desktop-nav>a:after,.header.header>nav>a:after{bottom:8px}
.site-header>.desktop-nav>.recruit-menu,.header>nav>.recruit-menu{position:relative;align-self:stretch}
.site-header>.desktop-nav>.recruit-menu summary,.header>nav>.recruit-menu summary{display:flex;align-items:center;gap:7px;height:100%;padding:13px 0;line-height:1.5;white-space:nowrap;list-style:none;cursor:pointer}
.recruit-menu summary::-webkit-details-marker{display:none}.recruit-menu summary span{color:#007fa9;font-size:16px;line-height:1;transition:transform .2s}.recruit-menu[open]>summary span{transform:rotate(45deg)}
.site-header>.desktop-nav>.recruit-menu .recruit-menu-links,.header>nav>.recruit-menu .recruit-menu-links{position:absolute;z-index:60;top:100%;left:50%;display:grid;width:max-content;min-width:230px;padding:8px;background:#fff;border:1px solid #d4dfe3;box-shadow:0 14px 34px rgba(23,63,84,.16);transform:translateX(-50%)}
.site-header>.desktop-nav>.recruit-menu .recruit-menu-links a,.header>nav>.recruit-menu .recruit-menu-links a{display:flex;justify-content:space-between;gap:18px;padding:12px 14px;color:#173f54;font-size:13px;line-height:1.5;text-align:left;white-space:nowrap}
.site-header>.desktop-nav>.recruit-menu .recruit-menu-links a:hover,.header>nav>.recruit-menu .recruit-menu-links a:hover{background:#edf7fb;color:#007fa9}
dialog .recruit-menu{border-bottom:1px solid #d9e1e4}dialog .recruit-menu summary{display:flex;justify-content:space-between;align-items:center;padding:17px 0;font-size:17px;list-style:none;cursor:pointer}dialog .recruit-menu-links{display:grid;padding:0 0 12px 18px}dialog .recruit-menu-links a{padding:10px 0;border-bottom:0;font-size:14px}
html{scroll-padding-top:150px}.letter-index{top:150px}
@media(max-width:900px){.site-header.site-header,.header.header{padding:12px 20px 0;gap:0 12px}.site-header>.brand img,.header>.logo img{width:160px}.header-destinations>a{font-size:13px;padding:7px 10px}.site-header.site-header>.desktop-nav,.header.header>nav{gap:0 24px}}
@media(max-width:700px){
.site-header.site-header,.header.header{position:relative;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;padding:10px 16px 0;gap:10px 12px}
.site-header>.brand img,.header>.logo img{width:145px}
.site-header>.menu-button,.header>.menu{grid-column:2;grid-row:1}
.header-destinations{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}
.header-destinations>a{font-size:12px;padding:7px 5px;min-height:48px;white-space:normal;overflow-wrap:anywhere}
.brochure-shortcut small{font-size:9px;margin-top:2px}.brochure-shortcut .sp-br{display:inline}
.site-header.site-header>.desktop-nav,.header.header>nav{grid-row:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 6px;margin:0;padding:4px 0 6px;font-size:13px;text-align:center}
.site-header.site-header>.desktop-nav>a,.header.header>nav>a{padding:10px 0;white-space:normal;overflow-wrap:anywhere}
.site-header>.desktop-nav>.recruit-menu summary,.header>nav>.recruit-menu summary{justify-content:center;padding:10px 0;white-space:normal}
.site-header>.desktop-nav>.recruit-menu .recruit-menu-links,.header>nav>.recruit-menu .recruit-menu-links{right:0;left:auto;transform:none}
html{scroll-padding-top:24px}.letter-index{position:static}
}