/* Requested header split and compact story cards only. */
.store-header .header-browse-search{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);flex:1;min-width:0;gap:8px;direction:rtl;align-items:stretch}
.store-header .header-browse-search .all-categories{position:relative;min-width:0;display:block;background:var(--surface,#fff);color:var(--ink,#202534);border:1px solid var(--line,#e0e5ec);border-radius:8px}
.store-header .header-browse-search .all-categories summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:0 14px;cursor:pointer;font-size:14px;white-space:nowrap;list-style:none;color:inherit}
.store-header .header-browse-search summary::-webkit-details-marker{display:none}
.store-header .header-browse-search .all-categories nav{position:absolute;top:calc(100% + 8px);right:0;left:auto;width:260px;max-width:calc(100vw - 24px);max-height:60dvh;overflow:auto;padding:8px;background:var(--surface,#fff);color:var(--ink,#202534);border:1px solid var(--line,#e0e5ec);border-radius:10px;box-shadow:0 8px 24px #0002;z-index:110}
.store-header .header-browse-search .all-categories nav a{display:block;padding:11px 12px;color:inherit;border-radius:6px}
.store-header .header-browse-search .all-categories nav a:hover{background:var(--surface-soft,#f5f7fa)}
.store-header .header-browse-search .header-search{width:100%;min-width:0;margin:0;min-height:44px;order:initial;flex-basis:auto;border-radius:8px}
.store-header .header-browse-search .header-search input{width:100%;min-width:0;padding-inline:10px;font-size:12px}
.store-header .header-browse-search .header-search button{flex-shrink:0;padding:0 10px}
#main-content .story-strip{gap:9px;padding-block:12px;align-items:start}
#main-content .story-strip .story-bubble{position:relative;flex:0 0 74px;width:74px;min-width:74px;height:96px;padding:3px;border-radius:12px;overflow:hidden;background:var(--surface,#fff);border:1px solid var(--line,#e0e5ec);box-shadow:0 2px 5px #0000000a}
#main-content .story-bubble .story-ring{display:block;width:100%;height:100%;padding:0;border-radius:9px;background:var(--surface-soft,#f5f7fa)}
#main-content .story-bubble .story-thumb{display:block;width:100%;height:100%;border:0;border-radius:9px;overflow:hidden}
#main-content .story-bubble .story-thumb img{width:100%;height:100%;object-fit:cover}
#main-content .story-strip .story-bubble b{position:absolute;inset:auto 3px 3px;margin:0;padding:16px 5px 6px;background:linear-gradient(transparent,#000c);color:#fff!important;font-size:10px;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-radius:0 0 9px 9px}
@media(max-width:800px){.store-header .header-browse-search{order:3;flex:0 0 100%;width:100%;grid-column:1/-1}.store-header .header-browse-search .all-categories summary{font-size:13px}#main-content .story-strip .story-bubble{flex-basis:66px;width:66px;min-width:66px;height:86px}}
html[data-theme="dark"] .store-header .header-browse-search :is(.all-categories,.all-categories nav,.header-search){background:#1b2230!important;color:#f1f5fa!important;border-color:#3b475a!important}
#main-content .story-strip .story-bubble .story-ring,#main-content .story-strip .story-bubble .story-thumb{width:100%!important;height:100%!important;border-radius:9px!important;padding:0!important;border:0!important;margin:0!important}
#main-content .story-strip .story-bubble{height:96px!important;border-radius:12px!important}
@media(max-width:800px){#main-content .story-strip .story-bubble{height:86px!important}}

/* Keep mobile form controls at the native no-auto-zoom font size. */
@media(max-width:800px),(hover:none) and (pointer:coarse){
html body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),html body select,html body textarea,html body [contenteditable=true],html body .store-header .header-browse-search .header-search input{font-size:16px!important}
}
/* Colourful story-card frame; keep the compact dimensions. */
#main-content .story-strip .story-bubble{padding:3px!important;border:0!important;background:linear-gradient(140deg,#ffb800 0%,#ff6536 35%,#dd3d91 68%,#7756e8 100%)!important;box-shadow:0 2px 7px #d94c6824}
#main-content .story-strip .story-bubble .story-ring{background:var(--surface,#fff)!important;padding:2px!important;border-radius:9px!important}
#main-content .story-strip .story-bubble .story-thumb{border-radius:7px!important}
#main-content .story-strip .story-bubble b{inset-inline:5px;bottom:5px;border-radius:0 0 7px 7px;text-shadow:0 1px 2px #0008}
#main-content .story-strip .story-bubble:focus-visible{outline:2px solid var(--action,#2455c7);outline-offset:3px}

/* Slightly smaller story cards. */
#main-content .story-strip .story-bubble{flex-basis:70px;width:70px;min-width:70px;height:92px!important}
@media(max-width:800px){#main-content .story-strip .story-bubble{flex-basis:62px;width:62px;min-width:62px;height:82px!important}}

/* Small round stories with a colourful ring and a separate caption. */
#main-content .story-strip .story-bubble{flex:0 0 64px!important;width:64px!important;min-width:64px!important;height:auto!important;padding:0!important;border:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important}
#main-content .story-strip .story-bubble .story-ring{width:64px!important;height:64px!important;border-radius:50%!important;padding:3px!important;background:conic-gradient(#f8b52b,#f36a43,#dd3c99,#7858eb,#f8b52b)!important;box-shadow:0 2px 7px #a6468120}
#main-content .story-strip .story-bubble .story-thumb{width:100%!important;height:100%!important;padding:0!important;border:2px solid var(--surface,#fff)!important;border-radius:50%!important;background:var(--surface-soft,#f5f7fa)!important;overflow:hidden!important}
#main-content .story-strip .story-bubble .story-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;filter:none!important;mix-blend-mode:normal!important}
#main-content .story-strip .story-bubble b{position:static!important;display:block!important;margin:6px 0 0!important;padding:0!important;background:none!important;color:var(--ink,#202534)!important;text-shadow:none!important;font-size:10px!important;line-height:1.5!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:0!important}
html[data-theme="dark"] #main-content .story-strip .story-bubble b{color:#eef3fa!important}
@media(max-width:800px){#main-content .story-strip .story-bubble{flex-basis:58px!important;width:58px!important;min-width:58px!important}#main-content .story-strip .story-bubble .story-ring{width:58px!important;height:58px!important}}