/* Original inline cards are the fallback. Desktop uses one playful right rail. */
[data-article-rails] .inhoud-blok,
[data-article-rails] .weetje-blok{float:none;clear:none;width:auto;max-width:100%;margin:24px 0 30px;position:relative;inset:auto;transform:none}
[data-article-rails] .inhoud-links{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-article-rails] .inhoud-links a{line-height:1.45}
[data-article-rails] .inhoud-links a[aria-current="location"]{background:#edf5e0;border-left:3px solid var(--lime);color:var(--groen-d);padding-left:13px}
.article-rail{position:fixed;left:var(--rail-left);top:var(--rail-top);width:270px;max-height:var(--rail-max-height);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b2c987 transparent;z-index:45;padding:12px 10px 20px;display:flex;flex-direction:column;gap:28px}
.article-rail[hidden]{display:none}
[data-article-rails] .article-rail .inhoud-blok,
[data-article-rails] .article-rail .weetje-blok{width:100%;flex:none;margin:0;padding:20px 18px;box-shadow:0 5px 0 #c5d7c166,0 12px 20px -9px #153b2830}
[data-article-rails] .article-rail .inhoud-blok{border:1px solid #d4e0cd;border-radius:18px 22px 18px 22px;background:#fffef9}
.article-rail .inhoud-links{grid-template-columns:1fr;gap:3px}
.article-rail h5{display:flex;justify-content:space-between;align-items:center;font-size:1.17rem;margin-bottom:13px}
.article-rail h5::after{content:'';width:31px;height:22px;border:1px solid #92b264;border-radius:3px;background:linear-gradient(90deg,transparent 48%,#92b264 48%,#92b264 52%,transparent 52%),linear-gradient(transparent 47%,#92b264 47%,#92b264 53%,transparent 53%);rotate:8deg}
[data-article-rails] .article-rail .inhoud-links{grid-template-columns:1fr;counter-reset:guide}
.article-rail .inhoud-links a{counter-increment:guide;display:flex;align-items:baseline;gap:9px;font-size:.84rem;padding:8px 7px}
.article-rail .inhoud-links a::before{content:counter(guide,decimal-leading-zero);font-size:.65rem;font-weight:600;color:#82946b;flex:none}
.article-rail .inhoud-links a[aria-current]::before{color:#416326}
.article-rail .mini-cta{display:block;text-align:center;font-size:.84rem;padding:10px 9px;margin-top:13px}
[data-article-rails] .article-rail .weetje-blok{border:2px solid #c8e86c;border-radius:23px 15px 23px 15px;background:linear-gradient(145deg,#fffef3,#edf5d6);rotate:-1.5deg;transition:rotate .3s ease}
.article-rail .weetje-blok::before{content:'';position:absolute;top:-10px;left:calc(50% - 24px);width:48px;height:19px;background:#c8e86ca8;border:1px solid #a6c86666;rotate:5deg}
.article-rail .weetje-blok h6{font-size:1.3rem;margin:3px 0 12px;gap:10px}
[data-article-rails] .article-rail .wbal{position:relative;width:23px;height:23px;background:radial-gradient(circle at 30% 25%,#efffa4,#c7e75c 65%,#91b434);box-shadow:0 3px 5px #5274312b;overflow:hidden;transition:translate .3s ease}
.article-rail .wbal::before,.article-rail .wbal::after{content:'';position:absolute;top:-2px;width:19px;height:27px;border:1.5px solid #fff9;border-radius:50%}
.article-rail .wbal::before{left:-12px}.article-rail .wbal::after{right:-12px}
.article-rail .weetje-blok p{font-size:.9rem;line-height:1.6;min-height:116px}
.article-rail .wdots{margin:12px 0 14px}
.article-rail .weetje-cta{font-size:.83rem;padding:11px 9px;line-height:1.4}
.article-rail .weetje-blok:focus-within{rotate:0deg}
@media(hover:hover) and (pointer:fine){
 [data-article-rails] .article-rail .weetje-blok:hover{rotate:0deg}
 .article-rail .weetje-blok:hover .wbal{translate:0 -3px}
}
@media(max-width:640px){[data-article-rails] .inhoud-links{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
 [data-article-rails] .article-rail .weetje-blok{rotate:0deg;transition:none}
 [data-article-rails] .article-rail .wbal{translate:none;transition:none}
}
@media print{.article-rail{position:static;max-height:none;width:auto;overflow:visible}.article-rail .weetje-blok{rotate:0deg}}