/* why: sticky section menu; top follows --mast-off so it rides the mast auto-hide */
:root{--lpm-h:48px}
/* why: ad mode hides the mast, so the bar sits at the top edge */
html.mf-ad{--mast-off:0px}
.lp-menu{position:sticky;top:var(--mast-off);z-index:40;background:var(--bg);border-bottom:1px solid var(--line);transition:top var(--panel) var(--ease)}
.lp-menu .wrap{display:flex;align-items:center;gap:var(--s-24)}
.lp-menu__lead{display:none;flex:none;font-size:var(--t-14);color:var(--ink-3)}
.lp-menu ul{display:flex;gap:var(--s-32);list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}
.lp-menu ul::-webkit-scrollbar{display:none}
.lp-menu li{flex:none;margin:0}
.lp-menu a{display:flex;align-items:center;height:var(--lpm-h);font-size:var(--t-14);color:var(--ink-2);text-decoration:none;white-space:nowrap;box-shadow:inset 0 -2px 0 transparent}
.lp-menu a:hover{color:var(--ink)}
.lp-menu a.is-active{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent-ink)}
/* trap: group top borders replace car.css .band+.band, which the wrapper divs break */
.lp-main>.band+.lp-group>.band:first-child,.lp-main>.lp-group+.lp-group>.band:first-child{border-top:1px solid var(--line)}
.lp-group{scroll-margin-top:var(--lpm-h)}
@media(max-width:700px){
:root{--lpm-h:44px}
.lp-menu .wrap{gap:var(--s-12)}
.lp-menu__lead{display:block}
.lp-menu ul{gap:var(--s-24);padding-right:var(--s-24)}
.lp-menu.is-more ul{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}
}
@media(prefers-reduced-motion:reduce){.lp-menu{transition:none}}