/* Native scroll only: no Reno, Swiper, jQuery or frontend requests. */
body.mana-design .mana-native-stories{width:100%;max-width:100%;min-width:0;margin:0 auto 30px;padding:18px 8px 12px;box-sizing:border-box;border:1px solid #e3e6e0;border-radius:10px;background:#fff;overflow:hidden}
body.mana-design .mana-native-stories h2{margin:0 14px 14px;color:#25322e;font-size:18px;line-height:1.9;font-weight:500}
body.mana-design .mana-native-story-track{display:flex;align-items:flex-start;gap:8px;overflow-x:auto;overflow-y:hidden;margin:0;padding:6px 4px 12px;list-style:none;direction:rtl;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c7b2b8 #f4f3ef}
body.mana-design .mana-native-story-track>li{flex:0 0 calc(var(--mana-story-size,120px) + 40px);min-width:0;margin:0;padding:0 8px;box-sizing:border-box;text-align:center;scroll-snap-align:start}
body.mana-design .mana-native-story-track>li:first-child{margin-inline-start:auto}
body.mana-design .mana-native-story-track>li:last-child{margin-inline-end:auto}
body.mana-design .mana-native-story-track a{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:#25322e;font-family:ManaIRANSans,sans-serif;line-height:1.9}
body.mana-design .mana-native-story-image{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--mana-story-size,120px);height:var(--mana-story-size,120px);padding:4px;box-sizing:border-box;border:2px solid var(--mana-story-ring,#8d2440);border-radius:50%;background:#fff;overflow:hidden;color:var(--mana-story-ring,#8d2440)}
body.mana-design .mana-native-story-image img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;border-radius:50%}
body.mana-design .mana-native-story-title{display:block;width:100%;font-size:14px;font-weight:500;white-space:normal;overflow-wrap:anywhere;color:#25322e}
body.mana-design .mana-native-story-count{display:block;margin-top:-4px;font-size:12px;color:#69736f}
body.mana-design .mana-native-story-track :is(a):focus-visible,body.mana-design .mana-native-story-track:focus-visible{outline:2px solid #8d2440;outline-offset:3px;border-radius:8px}
body.mana-design .mana-native-story-track a:hover .mana-native-story-title{color:#8d2440}
@media(max-width:768px){body.mana-design .mana-native-stories{padding:10px 0 8px;margin-bottom:22px}body.mana-design .mana-native-story-track{gap:0;padding-inline:6px}body.mana-design .mana-native-story-track>li{flex-basis:calc(var(--mana-story-mobile,96px) + 28px);padding-inline:8px}body.mana-design .mana-native-story-image{width:var(--mana-story-mobile,96px);height:var(--mana-story-mobile,96px);padding:3px}body.mana-design .mana-native-story-title{font-size:12px}body.mana-design .mana-native-story-count{font-size:11px}}
/* 2.9: independently selectable layouts; circle spacing above is preserved. */
body.mana-design .mana-native-stories:not(.mana-special-layout-circle){padding:20px;border-radius:14px}
body.mana-design .mana-special-layout-grid .mana-native-story-track,body.mana-design .mana-special-layout-inside .mana-native-story-track,body.mana-design .mana-special-layout-tiles .mana-native-story-track{display:grid;grid-template-columns:repeat(var(--mana-special-cols,4),minmax(0,1fr));gap:16px;overflow:visible;padding:0;scroll-snap-type:none}
body.mana-design :is(.mana-special-layout-grid,.mana-special-layout-inside,.mana-special-layout-tiles) .mana-native-story-track>li{width:auto;margin:0!important;padding:0;min-width:0}
body.mana-design .mana-special-layout-grid .mana-native-story-track a{height:100%;padding:14px;box-sizing:border-box;gap:12px;border:1px solid #e3e6e0;border-radius:12px;background:#fafaf8;transition:box-shadow .2s,transform .2s}
body.mana-design .mana-special-layout-grid .mana-native-story-image{width:100%;height:auto;aspect-ratio:1.2;padding:12px;border:0;border-radius:8px;background:white}body.mana-design .mana-special-layout-grid .mana-native-story-image img{border-radius:4px}
body.mana-design .mana-special-layout-grid a:hover{box-shadow:0 5px 20px #25322e0c;transform:translateY(-2px)}
body.mana-design :is(.mana-special-layout-inside,.mana-special-layout-tiles) .mana-native-story-track a{position:relative;overflow:hidden;border-radius:12px;min-height:210px;justify-content:flex-end;align-items:flex-start;gap:4px;padding:22px;box-sizing:border-box;background:#25322e;text-align:right;isolation:isolate}
body.mana-design :is(.mana-special-layout-inside,.mana-special-layout-tiles) .mana-native-story-image{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;padding:0;z-index:-2;background:#f4f3ef}
body.mana-design :is(.mana-special-layout-inside,.mana-special-layout-tiles) .mana-native-story-image img{object-fit:cover;border-radius:0;transition:transform .35s}
body.mana-design :is(.mana-special-layout-inside,.mana-special-layout-tiles) .mana-native-story-track a:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,#101714cc);z-index:-1}
body.mana-design :is(.mana-special-layout-inside,.mana-special-layout-tiles) :is(.mana-native-story-title,.mana-native-story-count){color:#fff}
body.mana-design :is(.mana-special-layout-inside,.mana-special-layout-tiles) a:hover .mana-native-story-image img{transform:scale(1.04)}
body.mana-design .mana-special-layout-tiles .mana-native-story-track>li:first-child{grid-column:span 2;grid-row:span 2}body.mana-design .mana-special-layout-tiles .mana-native-story-track>li:first-child a{height:100%;min-height:360px}
body.mana-design .mana-special-layout-compact .mana-native-story-track{gap:12px;padding:0 0 10px}
body.mana-design .mana-special-layout-compact .mana-native-story-track>li{flex-basis:260px;padding:0}body.mana-design .mana-special-layout-compact .mana-native-story-track a{display:grid;grid-template-columns:62px 1fr;text-align:right;gap:2px 12px;padding:14px;border:1px solid #e3e6e0;border-radius:10px;background:#fafaf8}
body.mana-design .mana-special-layout-compact .mana-native-story-image{grid-row:span 2;width:62px;height:62px;border-radius:9px;padding:5px;border:0}body.mana-design .mana-special-layout-compact .mana-native-story-image img{border-radius:4px}
@media(max-width:768px){body.mana-design .mana-native-stories:not(.mana-special-layout-circle){padding:14px}body.mana-design :is(.mana-special-layout-grid,.mana-special-layout-inside,.mana-special-layout-tiles) .mana-native-story-track{grid-template-columns:repeat(var(--mana-special-mobile-cols,2),minmax(0,1fr));gap:10px}body.mana-design .mana-special-layout-grid .mana-native-story-track a{padding:10px;gap:8px}body.mana-design :is(.mana-special-layout-inside,.mana-special-layout-tiles) .mana-native-story-track a{min-height:180px;padding:14px}body.mana-design .mana-special-layout-tiles .mana-native-story-track>li:first-child{grid-column:1/-1;grid-row:auto}body.mana-design .mana-special-layout-tiles .mana-native-story-track>li:first-child a{min-height:230px}body.mana-design .mana-special-layout-compact .mana-native-story-track>li{flex-basis:220px}}
@media(prefers-reduced-motion:reduce){body.mana-design .mana-native-stories a,body.mana-design .mana-native-stories img{transition:none!important}}

/* 2.9.2 — same outer width, unframed rows; item gaps remain unchanged. */
body.mana-design .mana-native-stories,
body.mana-design .mana-native-stories:not(.mana-special-layout-circle){width:100%;max-width:100%;padding-inline:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body.mana-design .mana-native-stories h2{margin-inline:0}
/* A fixed row track prevents percentage-height feedback from a spanning anchor. */
body.mana-design .mana-special-layout-tiles .mana-native-story-track{grid-auto-rows:clamp(170px,15vw,220px);align-items:stretch;grid-auto-flow:row;overflow:visible}
body.mana-design .mana-special-layout-tiles .mana-native-story-track>li,
body.mana-design .mana-special-layout-tiles .mana-native-story-track>li:first-child{grid-column:span var(--mana-tile-span,1);grid-row:auto;align-self:stretch;height:auto;min-height:0}
body.mana-design .mana-special-layout-tiles.mana-tiles-featured .mana-native-story-track>li:first-child{grid-column:span 2;grid-row:span 2}
body.mana-design .mana-special-layout-tiles .mana-native-story-track>li>a,
body.mana-design .mana-special-layout-tiles .mana-native-story-track>li:first-child>a{height:100%;min-height:0;width:100%;display:flex}
body.mana-design .mana-special-layout-tiles .mana-native-story-track>li>a>.mana-native-story-image,
body.mana-design .mana-special-layout-inside .mana-native-story-track>li>a>.mana-native-story-image{z-index:0;pointer-events:none}
body.mana-design .mana-special-layout-tiles .mana-native-story-track>li>a::after,
body.mana-design .mana-special-layout-inside .mana-native-story-track>li>a::after{z-index:1;pointer-events:none}
body.mana-design :is(.mana-special-layout-tiles,.mana-special-layout-inside) .mana-native-story-track>li>a>:is(.mana-native-story-title,.mana-native-story-count){position:relative;z-index:2;width:100%;text-align:right}
body.mana-design .mana-special-layout-tiles .mana-native-story-title{font-size:14px;line-height:1.9}
body.mana-design .mana-special-layout-tiles .mana-native-story-count{font-size:11px;line-height:1.9;margin-top:0}
@media(max-width:768px){
 body.mana-design .mana-native-stories,body.mana-design .mana-native-stories:not(.mana-special-layout-circle){padding-inline:0}
 body.mana-design .mana-special-layout-tiles .mana-native-story-track{grid-auto-rows:180px}
 body.mana-design .mana-special-layout-tiles .mana-native-story-track>li,
 body.mana-design .mana-special-layout-tiles .mana-native-story-track>li:first-child,
 body.mana-design .mana-special-layout-tiles.mana-tiles-featured .mana-native-story-track>li:first-child{grid-column:span 1;grid-row:auto}
 body.mana-design .mana-special-layout-tiles.mana-tiles-mobile-featured .mana-native-story-track>li:first-child{grid-column:1/-1}
 body.mana-design .mana-special-layout-tiles.mana-tiles-mobile-featured .mana-native-story-track>li:last-child:nth-child(even),
 body.mana-design .mana-special-layout-tiles:not(.mana-tiles-mobile-featured) .mana-native-story-track>li:last-child:nth-child(odd){grid-column:1/-1}
 body.mana-design .mana-special-layout-tiles .mana-native-story-title{font-size:12px}
 body.mana-design .mana-special-layout-tiles .mana-native-story-count{font-size:10px}
}