/* One continuous, scroll-driven orange gauge with bevelled casing. No idle loop. */
.story-progress{--story-progress:0;display:none;position:relative;flex:0 0 clamp(126px,14vw,188px);height:15px;padding:3px;border:1px solid #b26c3b70;border-top-color:#dca97688;border-bottom-color:#281910;border-radius:9px;background:linear-gradient(180deg,#685040 0%,#241d19 23%,#0e0b0b 70%,#493025 100%);box-shadow:inset 0 1px 0 #ffe2c529,0 2px 0 #060506,0 4px 10px #0006;isolation:isolate}
.is-enhanced .story-progress{display:block}
.story-progress-channel{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:5px;background:linear-gradient(#080606,#20130e);box-shadow:inset 0 1px 3px #000,inset 0 -1px 0 #e6ae6c20}
.story-progress-fill{position:absolute;inset:0;border-radius:4px;transform-origin:left;transform:scaleX(var(--story-progress));background:linear-gradient(180deg,#fff0ba 0%,#ffb24c 16%,#ff8529 38%,#f56012 68%,#a83a0c 100%);box-shadow:inset 0 1px 0 #fff6dc9c,inset 0 -1px 0 #81250d,0 0 10px #ff751f9c}
.story-progress-channel::after{content:'';position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(90deg,transparent 0 18px,#07030122 18px 19px);box-shadow:inset 0 1px 2px #0006;pointer-events:none}
.story-progress-glint{position:absolute;inset:0;transform:translateX(calc((var(--story-progress) - 1) * 100%));background:linear-gradient(110deg,transparent 83%,#ffe4a44d 90%,#fff3d9d9 96%,#ffb45d 98%,transparent 100%);opacity:clamp(0,calc(var(--story-progress) * 12),1);pointer-events:none}
@media(max-width:760px){.story-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:11px 12px}.story-meta>span:last-child{text-align:right}.story-progress{grid-column:1/-1;grid-row:2;width:100%;height:13px;padding:2px;flex-basis:auto;max-width:none}.story-meta>span:first-child{min-width:0}}