/* r72.5.3 seemore (preview, js/seemore.js): one 'See more sections' button under Top 10; the rest waits behind it */
html.sm-fold #app>.rows>:not(#weekend):not(#bigshows):not(#top):not(#family),html.sm-fold #app>.rows~:not(#smMore),html.sm-fold #calendar{display:none!important}
/* open: same DOM, This weekend / Big shows / Top 10 first, then every other row in its usual order */
html.sm-fold #app>.rows,html.sm-open #app>.rows{display:flex;flex-direction:column}
/* r72.7.2b / Hater r42: flex-column children stretch full width (guards margin:auto shrink-wrap like #hot) */
:is(html.sm-fold,html.sm-open) #app>.rows>*{width:100%;box-sizing:border-box}
:is(html.sm-fold,html.sm-open) #app>.rows>#weekend{order:-3}:is(html.sm-fold,html.sm-open) #app>.rows>#bigshows{order:-2}:is(html.sm-fold,html.sm-open) #app>.rows>#top{order:-1}:is(html.sm-fold,html.sm-open) #app>.rows>#family{order:0}
.sm-more{position:relative;padding:30px var(--pad,20px) 0}
/* r72.7.2e / Hater r46: shared clearance for #smMore (.sm-more) and nested .hs-more — after shorthand so pb wins */
.tab-clear{padding-bottom:calc(var(--tab-h, 61px) + 12px)}
.tab-clear button{scroll-margin-bottom:calc(var(--tab-h, 61px) + 12px)}
.sm-more::before{content:"";position:absolute;top:0;left:var(--pad,20px);right:var(--pad,20px);height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--sec,#d9b26f) 55%,transparent) 50%,transparent)}
.sm-more button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:880px;min-height:56px;margin:0 auto;padding:14px 22px;border-radius:16px;border:1px solid color-mix(in srgb,var(--sec,#d9b26f) 42%,transparent);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));color:var(--fg,#f4f1ea);font:600 15px/1.2 Inter,system-ui,sans-serif;letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .2s,border-color .2s,transform .12s}
.sm-more button:hover{background:rgba(255,255,255,.09);border-color:color-mix(in srgb,var(--sec,#d9b26f) 70%,transparent)}
.sm-more button:active{transform:scale(.985)}
.sm-more button:focus-visible{outline:2px solid var(--sec,#d9b26f);outline-offset:3px}
.sm-more svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--sec,#d9b26f);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (prefers-reduced-motion:reduce){.sm-more button{transition:none}}
/* r2 (Hater r30): deep links and jump links land just under the fixed nav */
:is(html.sm-fold,html.sm-open) #app>.rows>*,:is(html.sm-fold,html.sm-open) #explore,:is(html.sm-fold,html.sm-open) #app .chips-bar{scroll-margin-top:var(--sm-aim-pad, calc(64px + var(--vbar-h, 0px)))} /* r72.7.2b: live nav+4 via --sm-aim-pad */