.stories-main{gap:var(--between)}
.stories-nav{display:flex;justify-content:flex-end;align-items:center;min-height:58px}
.home-link{position:relative;display:block;width:62px;height:58px;-webkit-tap-highlight-color:transparent}
.home-icon{position:absolute;right:6px;bottom:3px;width:42px;height:34px;background:var(--blue)}
.home-icon::before{content:'';position:absolute;left:-7px;top:-22px;border-right:28px solid transparent;border-bottom:24px solid var(--blue);border-left:28px solid transparent}
.home-link:hover .home-icon{transform:scale(1.06)}
.stories-intro h1{margin:0 0 30px}
.story-search{margin-top:30px}
.story-search label{display:block;margin-bottom:8px;font-weight:700}
.search-row{display:grid;grid-template-columns:1fr 64px;gap:12px}
.search-input-wrap{position:relative;min-width:0}
.search-row input{width:100%;min-width:0;height:64px;border:0;border-radius:0;padding:10px 64px 10px 16px;background:#eee;color:var(--black);font:inherit}
.search-row input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.search-row input:focus{outline:5px solid var(--blue);outline-offset:0}
.search-submit{position:relative;width:64px;height:64px;border:0;background:var(--yellow);cursor:pointer}
.search-submit::before{content:'';position:absolute;left:15px;top:11px;width:20px;height:20px;border:7px solid var(--black);border-radius:50%}
.search-submit::after{content:'';position:absolute;left:37px;top:37px;width:22px;height:7px;background:var(--black);transform:rotate(45deg);transform-origin:left center}
.clear-search{position:absolute;right:7px;top:7px;width:50px;height:50px;border:0;background:var(--blue);color:var(--white);cursor:pointer}
.clear-search[hidden]{display:none}.clear-search span{display:block;font:400 46px/42px Arial,sans-serif;transform:translateY(-2px)}
.stories-grid{display:grid;grid-template-columns:1fr;gap:var(--between)}
.story-card{min-width:0;overflow:hidden;background:var(--white);border-radius:var(--radius);box-shadow:0 10px 28px -6px rgb(0 0 0 / .16)}
.story-card a{display:block;padding:18px 18px 0;color:var(--turquoise)}
.story-image{display:block;width:90.25%;height:auto;aspect-ratio:1;margin:0 auto;background:var(--turquoise);object-fit:contain;clip-path:inset(1px 1px 3px)}
.story-number{display:block;padding:16px 0 19px;font-family:'Futura Bold BT','Futura','Century Gothic',sans-serif;font-size:max(18px,3.2cqw);line-height:1.1;text-align:center}
.stories-status{display:flex;align-items:center;justify-content:center;gap:14px;min-height:76px;padding:14px 20px;background:var(--white);border-radius:999px;font-weight:700;text-align:center}
.stories-status.done{background:transparent;color:var(--white)}
.loading-dots{display:flex;gap:7px}.loading-dots i{display:block;width:12px;height:12px;border-radius:50%;background:var(--turquoise);animation:story-pulse .9s infinite alternate}.loading-dots i:nth-child(2){animation-delay:.18s}.loading-dots i:nth-child(3){animation-delay:.36s}
.stories-status:not(.loading) .loading-dots{display:none}.retry{border:0;padding:12px 18px;background:var(--yellow);color:var(--black);font:inherit;font-weight:700;cursor:pointer}
.stories-sentinel{height:1px}.no-script{margin:0}
.back-to-top{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:10;width:68px;height:68px;border-radius:50%;background:var(--yellow);box-shadow:0 10px 28px -6px rgb(0 0 0 / .28);opacity:0;pointer-events:none;transform:translateY(18px);transition:opacity .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}
.back-to-top.zichtbaar{opacity:1;pointer-events:auto;transform:none}
.back-to-top span{position:absolute;left:21px;top:25px;width:26px;height:26px;border-top:9px solid var(--blue);border-left:9px solid var(--blue);transform:rotate(45deg)}
@keyframes story-pulse{to{opacity:.25;transform:scale(.7)}}
@media(max-width:599px){.story-card a{padding:12px 12px 0}.story-number{padding:13px 2px 16px;font-size:18px}}
@media(hover:none){.home-link:hover .home-icon{transform:none}}
@media(prefers-reduced-motion:reduce){.loading-dots i{animation:none}.back-to-top{transition:none}}