/* Decorative geometry is confined to editorial surfaces, away from artwork and data tables.
   Variant positions change; reading order, card dimensions and interactions never do. */
:where(.visual-shortcut,.guide-index article,.news-entry,.featured-guide,.ln-visual-text,.ln-follow,.ln-history-copy){--motif-ink:#a8c8ee;--motif-x:112%;--motif-y:0%;position:relative;isolation:isolate}
:where(.ln-visual-text,.ln-follow,.ln-history-copy){--motif-ink:#f5759c}
:where(.visual-shortcut,.guide-index article,.news-entry,.featured-guide,.ln-visual-text,.ln-follow,.ln-history-copy)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:.16;background:radial-gradient(circle 110px at var(--motif-x) var(--motif-y),transparent 99px,var(--motif-ink) 100px,transparent 101px 133px,var(--motif-ink) 134px,transparent 135px);}
:where(.visual-shortcut,.guide-index article,.news-entry,.featured-guide,.ln-visual-text,.ln-follow,.ln-history-copy)::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:.06;background:repeating-linear-gradient(45deg,transparent 0 31px,var(--motif-ink) 32px,transparent 33px 58px);mask-image:linear-gradient(110deg,transparent 65%,#000);}
.visual-directory .visual-shortcut:nth-child(2n),.guide-index article:nth-child(2n),.news-feed .news-entry:nth-child(2n){--motif-x:100%;--motif-y:115%}
.visual-directory .visual-shortcut:nth-child(3n),.guide-index article:nth-child(3n){--motif-x:-8%;--motif-y:110%}
.visual-directory .visual-shortcut:nth-child(2n)::after,.guide-index article:nth-child(2n)::after,.news-entry:nth-child(2n)::after{transform:scaleY(-1)}
.ln-visual-slide:nth-child(2n) .ln-visual-text{--motif-x:104%;--motif-y:100%}
.ln-visual-slide:nth-child(3n) .ln-visual-text{--motif-x:0%;--motif-y:-8%}
.ln-history-card:nth-child(2n) .ln-history-copy{--motif-x:0%;--motif-y:115%}
.ln-history-copy::before,.ln-history-copy::after{opacity:.055}
.ln-follow{--motif-x:115%;--motif-y:110%}
/* Alternate banner corners without moving the date column or obscuring its artwork. */
.compact-history .banner-card:nth-of-type(2n)::before{top:auto;bottom:-125px;right:-85px}
.compact-history .banner-card:nth-of-type(2n)::after{bottom:auto;top:0;transform:scaleY(-1)}
.compact-history .banner-card:nth-of-type(3n)::before{right:auto;left:-180px;top:-130px;bottom:auto;opacity:.5}
@media(max-width:540px){:where(.visual-shortcut,.guide-index article,.news-entry,.featured-guide,.ln-visual-text)::before{opacity:.1}:where(.visual-shortcut,.guide-index article,.news-entry,.featured-guide,.ln-visual-text)::after{opacity:.035}}
