/* Packaging Guide menu: two columns, matching the site's existing header. */
.hcb-header .hcb-guide-nav { position: relative; }
.hcb-header .hcb-guide-toggle { min-height:58px; display:inline-flex; align-items:center; gap:6px; padding:0 14px; border:0; border-radius:14px; background:transparent; box-shadow:none; color:var(--hcb-dark,#15304d); font:inherit; font-size:15px; font-weight:600; line-height:1.4; text-transform:none; letter-spacing:normal; cursor:pointer; }
.hcb-header .hcb-guide-toggle:hover,.hcb-header .hcb-guide-toggle[aria-expanded=true] { color:var(--hcb-primary,#005e9e); background:#eaf4fc; }
.hcb-header .hcb-guide-toggle svg { width:15px; height:15px; display:block; fill:currentColor; }
.hcb-header .hcb-guide-toggle:focus-visible,.hcb-header .hcb-guide-menu-card:focus-visible { outline:3px solid #e79a37; outline-offset:3px; }
.hcb-header .hcb-guide-panel { position:absolute; top:calc(100% + 10px); left:50%; transform:translateX(-50%); width:min(650px,calc(100vw - 40px)); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 16px; padding:20px; border:1px solid #d9e4ee; border-radius:16px; background:#fff; box-shadow:0 15px 40px #102b4b20; z-index:10010; }
.hcb-header .hcb-guide-panel::before { content:''; position:absolute; left:0; right:0; top:-12px; height:12px; }
.hcb-header .hcb-guide-panel[hidden],.hcb-accordion-panel[hidden] { display:none!important; }
.hcb-header .hcb-guide-menu-card { display:flex; align-items:flex-start; gap:13px; padding:13px 10px; border-radius:9px; text-decoration:none!important; background:#fff; color:#263a50; }
.hcb-header .hcb-guide-menu-card:hover { background:#f2f8fe; }
.hcb-header .hcb-guide-menu-icon { display:grid; place-items:center; flex:0 0 40px; height:40px; border-radius:10px; background:#edf6ff; color:#0873d9; }
.hcb-header .hcb-guide-menu-icon svg { width:23px; height:23px; fill:none; stroke:currentColor; }
.hcb-header .hcb-guide-menu-card strong { display:block; font-size:13px; font-weight:600; line-height:1.4; margin:0 0 4px; }
.hcb-header .hcb-guide-menu-card small { display:block; color:#718198; font-size:11px; line-height:1.5; }
.hcb-guide-mobile-list small { display:block; font-size:10px; line-height:1.5; font-weight:400; color:#748296; margin-top:3px; }
.hcb-mobile-drawer,.hcb-mobile-drawer * { box-sizing:border-box; }
.hcb-mobile-drawer { overflow-x:hidden; max-width:100vw; }
@media(min-width:1101px) and (max-width:1280px) { .hcb-header .hcb-nav-list>li>a,.hcb-header .hcb-guide-toggle { padding-left:10px; padding-right:10px; font-size:13px; } }
@media(max-width:1100px) { .hcb-header .hcb-guide-panel { display:none; } }