/* Browser navigation only; the installed app retains its existing layout. */
.website-searchbar{display:contents}#series-open{display:none}
html[data-experience=website] .layout{display:grid;grid-template-columns:244px minmax(0,1fr);align-items:start}
html[data-experience=website] .sidebar{display:block;position:sticky;top:12px;min-height:0;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:14px;margin-top:26px;padding:20px 14px;scrollbar-width:thin}
html[data-experience=website] .aside-title{padding:0 12px 18px}
html[data-experience=website] .category{min-height:44px;font-size:15px}
html[data-experience=website] .category.active{background:color-mix(in srgb,var(--green) 12%,var(--card-bg,#fff));box-shadow:inset -3px 0 var(--green)}
html[data-experience=website] .controls{display:contents}
html[data-experience=website] .website-searchbar{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:9;max-width:900px;margin:0 auto;padding:10px 0;background:var(--page-bg,#f0f5f9)}
html[data-experience=website] .website-searchbar .searchbox{flex:1;min-width:0}
html[data-experience=website] .colorbar,html[data-experience=website] .mobile-category{max-width:900px;margin-inline:auto}
html[data-experience=website] .results-head{scroll-margin-top:92px}
html[data-experience=website] .mobile-category{display:none}
#series-dialog{width:min(340px,90vw);max-height:100dvh;height:100dvh;margin:0 0 0 auto;border-radius:0;padding:16px;overflow-y:auto}
#series-dialog .dialog-head{position:sticky;top:-16px;background:var(--card-bg,#fff);z-index:1;padding-top:16px}
html[data-experience=website] #series-dialog .sidebar{position:static;max-height:none;margin:0;padding:0;border:0;overflow:visible}
.cart-row small{font-weight:700}
@media(max-width:1120px) and (min-width:761px){html[data-experience=website] .layout{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:760px){html[data-experience=website] .layout{display:block}html[data-experience=website] #series-open{display:block;flex-shrink:0;min-height:56px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card-bg,#fff);color:var(--body-text,#142e45)}html[data-experience=website] .website-searchbar{padding-top:max(8px,env(safe-area-inset-top));gap:8px}html[data-experience=website] .website-searchbar .searchbox{padding-inline:10px}}
