html[data-story-view=cards] .story-article,html[data-story-view=article] .story-deck-area{display:none}html[data-story-view=cards] .story-sidebar{display:none!important}@media(max-width:767px){html[data-story-view=cards] [data-story-mobile-hide]{display:none}}.story{margin-bottom:1.5rem}html[data-story-view=article] .story{margin-bottom:.5rem}.story-toggle{display:flex;gap:.4rem;max-width:60rem;margin:0 auto 1rem}.story-toggle button[aria-pressed=true]{display:none}.story-toggle button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.35rem .8rem;border-radius:999px;cursor:pointer;white-space:nowrap;border:1.5px solid hsl(var(--primary) / .35);background:hsl(var(--card));color:hsl(var(--primary));font-size:.75rem;font-weight:700;transition:background .15s,color .15s,box-shadow .15s}.story-toggle button:hover{background:hsl(var(--primary) / .06)}.story-toggle button svg{width:.85rem;height:.85rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.story-toggle-time{font-weight:500;opacity:.8}.story-toggle-time:before{content:"· "}@media(min-width:640px){.story-toggle button{padding:.35rem .9rem}}.story-progress-row{display:flex;align-items:center;gap:.75rem;max-width:60rem;margin:0 auto .75rem}.story-progress{flex:1;display:flex;gap:.3rem}.story-progress button{flex:1;min-width:1.5rem;height:2.25rem;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center}.story-progress button span{display:block;width:100%;height:.3rem;border-radius:999px;background:hsl(var(--muted-foreground) / .2);transition:background .2s}.story-progress button[data-done] span{background:hsl(var(--primary) / .45)}.story-progress button[data-active] span{background:hsl(var(--primary))}.story-count{white-space:nowrap;font-size:.8rem;font-weight:700;color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}.story-swipe-hint{margin:-.25rem 0 .5rem;font-size:.75rem;font-weight:600;text-align:center;color:hsl(var(--muted-foreground))}@media(hover:hover)and (pointer:fine){.story-swipe-hint{display:none}}.story-viewport{position:relative;max-width:60rem;margin:0 auto}.story-track{display:flex;gap:1rem;margin:0;padding:.25rem 0 .75rem;list-style:none;align-items:stretch;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:auto;overscroll-behavior-x:contain;scrollbar-width:none}.story-track::-webkit-scrollbar{display:none}.story-track:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px;border-radius:1.25rem}.story-card{position:relative;flex:0 0 100%;min-height:23rem;scroll-snap-align:start;display:flex;flex-direction:column;gap:1.1rem;padding:1.5rem 1.25rem 1.35rem;border-radius:1.25rem;background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:0 8px 24px -12px #00000038}.story-card-main,.story-card-side{display:flex;flex-direction:column;gap:.75rem;min-width:0}@media(min-width:768px){.story-track{height:auto!important}.story-card{height:32rem;padding:2rem 2.25rem}.story-card--split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:2.5rem}.story-card-main,.story-card-side{height:100%}.story-card-side{overflow-y:auto;justify-content:flex-start}.story-card--layout-tiles .story-points--tiles{flex:1;grid-auto-rows:minmax(0,1fr)}.story-card--timeline .story-timeline{flex:1;justify-content:space-around}.story-card--faqs .story-faqs{flex:1;justify-content:space-between;gap:0}.story-card--faqs .story-faqs div{flex:1;display:flex;flex-direction:column;justify-content:center}.story-card--picks .story-card-side>astro-island{display:block;height:100%}.story-card--next .story-card-side{justify-content:center;gap:1rem}.story-card--next .story-actions{margin-top:0}}.story-tone--halal{background:linear-gradient(160deg,hsl(var(--halal-bg)),hsl(var(--card)) 70%);border-color:hsl(var(--halal) / .35)}.story-tone--haram{background:linear-gradient(160deg,hsl(var(--haram-bg)),hsl(var(--card)) 70%);border-color:hsl(var(--haram) / .35)}.story-tone--questionable{background:linear-gradient(160deg,hsl(var(--questionable-bg)),hsl(var(--card)) 70%);border-color:hsl(var(--questionable) / .4)}.story-eyebrow{margin:0;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--primary))}.story-verdict{display:inline-flex;align-items:center;gap:.6rem;align-self:flex-start;margin:0;padding:.4rem 1rem .4rem .4rem;border-radius:999px;font-size:1.5rem;font-weight:800;line-height:1}.story-verdict-icon{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:999px;font-size:1.15rem;color:#fff}.story-tone--halal .story-verdict{background:hsl(var(--halal) / .12);color:hsl(var(--halal-foreground))}.story-tone--halal .story-verdict-icon{background:hsl(var(--halal))}.story-tone--haram .story-verdict{background:hsl(var(--haram) / .12);color:hsl(var(--haram-foreground))}.story-tone--haram .story-verdict-icon{background:hsl(var(--haram))}.story-tone--questionable .story-verdict{background:hsl(var(--questionable) / .15);color:hsl(var(--questionable-foreground))}.story-tone--questionable .story-verdict-icon{background:hsl(var(--questionable))}.story-title{margin:0;font-size:1.4rem;font-weight:800;line-height:1.2;color:hsl(var(--foreground));text-wrap:balance}.story-card--verdict .story-title{font-size:1.55rem}@media(min-width:768px){.story-title{font-size:1.6rem}.story-card--verdict .story-title{font-size:1.9rem}}.story-why{margin:0;padding-left:.75rem;border-left:3px solid hsl(var(--primary) / .5);font-size:.95rem;font-weight:600;line-height:1.45;color:hsl(var(--foreground) / .8)}.story-body{margin:0;font-size:1rem;line-height:1.55;color:hsl(var(--foreground) / .85)}.story-codes{display:flex;flex-wrap:wrap;gap:.4rem}.story-code{display:inline-flex;align-items:center;padding:.3rem .7rem;border-radius:999px;font-size:.8rem;font-weight:700;text-decoration:none;border:1px solid}.story-code:after{content:"ⓘ";margin-left:.3rem;font-weight:400;opacity:.7}.story-code--halal{color:hsl(var(--halal-foreground));background:hsl(var(--halal-bg));border-color:hsl(var(--halal) / .35)}.story-code--haram{color:hsl(var(--haram-foreground));background:hsl(var(--haram-bg));border-color:hsl(var(--haram) / .35)}.story-code--questionable{color:hsl(var(--questionable-foreground));background:hsl(var(--questionable-bg));border-color:hsl(var(--questionable) / .4)}.story-code--info{color:hsl(var(--foreground));background:hsl(var(--muted));border-color:hsl(var(--border))}.story-thumb{display:none;width:100%;aspect-ratio:1200 / 630;-o-object-fit:cover;object-fit:cover;border-radius:.75rem}@media(min-width:768px){.story-thumb{display:block}}.story-section-link{margin-top:auto;align-self:flex-start;font-size:.875rem;font-weight:700;color:hsl(var(--primary));text-decoration:none}.story-section-link:hover{text-decoration:underline}.story-points{display:flex;flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none}.story-point{display:flex;gap:.7rem;align-items:flex-start;font-size:.95rem;line-height:1.4;color:hsl(var(--foreground))}.story-point strong{font-weight:700}.story-point-text{display:block;color:hsl(var(--muted-foreground));font-size:.875rem}.story-point-dot{flex:none;width:.7rem;height:.7rem;margin-top:.35rem;border-radius:999px;background:hsl(var(--primary))}.story-point--halal .story-point-dot{background:hsl(var(--halal))}.story-point--haram .story-point-dot{background:hsl(var(--haram))}.story-point--questionable .story-point-dot{background:hsl(var(--questionable))}.story-point--info .story-point-dot{background:hsl(var(--muted-foreground) / .5)}.story-points--tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.story-points--tiles .story-point{display:block;padding:.65rem .75rem;border-radius:.75rem;border:1px solid hsl(var(--border));border-left-width:4px;background:hsl(var(--background));font-size:.875rem}.story-points--tiles .story-point-text{font-size:.8rem}.story-points--tiles .story-point--halal{border-left-color:hsl(var(--halal));background:hsl(var(--halal-bg))}.story-points--tiles .story-point--haram{border-left-color:hsl(var(--haram));background:hsl(var(--haram-bg))}.story-points--tiles .story-point--questionable{border-left-color:hsl(var(--questionable));background:hsl(var(--questionable-bg))}.story-points--tiles .story-point--info{border-left-color:hsl(var(--muted-foreground) / .5)}.story-points--steps .story-point{align-items:center}.story-step-num{flex:none;display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;font-size:.9rem;font-weight:800;color:#fff;background:hsl(var(--muted-foreground) / .6)}.story-point--halal .story-step-num{background:hsl(var(--halal))}.story-point--haram .story-step-num{background:hsl(var(--haram))}.story-point--questionable .story-step-num{background:hsl(var(--questionable))}.story-stat{display:flex;align-items:baseline;gap:.75rem;margin:0;padding:.75rem 1rem;border-radius:.9rem;background:hsl(var(--primary) / .07)}.story-stat-value{font-size:2.6rem;font-weight:800;line-height:1;color:hsl(var(--primary));font-variant-numeric:tabular-nums}.story-stat-label{font-size:.875rem;font-weight:600;line-height:1.35;color:hsl(var(--foreground) / .8)}@media(max-width:639px){.story-stat{flex-direction:column;gap:.35rem}}.story-timeline{margin:0;padding:0 0 0 1rem;list-style:none;border-left:2px solid hsl(var(--primary) / .3);display:flex;flex-direction:column;gap:.9rem}.story-timeline li{position:relative;display:flex;flex-direction:column;font-size:.9rem;line-height:1.4;color:hsl(var(--foreground))}.story-timeline li:before{content:"";position:absolute;left:calc(-1rem - 6px);top:.3rem;width:10px;height:10px;border-radius:999px;background:hsl(var(--primary))}.story-timeline-when{font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--primary))}.story-faqs{display:flex;flex-direction:column;gap:.75rem;margin:0}.story-faqs div{padding-bottom:.75rem;border-bottom:1px solid hsl(var(--border))}.story-faqs div:last-child{border-bottom:0;padding-bottom:0}.story-faqs dt{font-size:.925rem;font-weight:700;color:hsl(var(--foreground))}.story-faqs dd{margin:.2rem 0 0;font-size:.85rem;line-height:1.45;color:hsl(var(--muted-foreground))}.story-aside{display:none}@media(min-width:768px){.story-aside{display:block;padding:.9rem 1rem;border-radius:.9rem;background:hsl(var(--muted) / .6)}.story-aside-title{margin:0 0 .4rem;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--primary))}.story-aside ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.3rem;font-size:.875rem;line-height:1.4;color:hsl(var(--foreground) / .85)}}[data-story-market-my] .story-why,[data-story-market-my] .story-body{display:none}.story-cta{width:auto;align-self:flex-start;padding:.6rem 1.25rem}.story-links{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none}.story-links a{display:flex;flex-direction:column;padding:.7rem .9rem;border-radius:.75rem;border:1px solid hsl(var(--border));background:hsl(var(--background));font-weight:600;font-size:.95rem;color:hsl(var(--primary));text-decoration:none}.story-links a:hover{border-color:hsl(var(--primary) / .4)}.story-link-note{font-weight:400;font-size:.8rem;color:hsl(var(--muted-foreground))}.story-picks-shell{display:flex;flex-direction:column;height:100%;gap:.6rem}.story-picks-market{margin:0;font-size:.72rem;font-weight:700;color:hsl(var(--primary))}.story-picks{display:flex;flex:1;flex-direction:column;justify-content:flex-start;gap:.5rem;margin:0;padding:0;list-style:none}.story-pick{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.75rem;border:1px solid hsl(var(--border));background:hsl(var(--background));text-decoration:none}.story-pick:hover{border-color:hsl(var(--primary) / .4)}.story-pick img{flex:none;width:3.5rem;height:3.5rem;-o-object-fit:contain;object-fit:contain;border-radius:.5rem;background:#fff}.story-pick-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.story-pick-title{font-size:.85rem;font-weight:600;line-height:1.3;color:hsl(var(--foreground));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-pick-badge{align-self:flex-start;padding:.1rem .5rem;border-radius:999px;font-size:.65rem;font-weight:700;background:hsl(var(--muted));color:hsl(var(--foreground) / .8)}.story-pick-badge--halal{background:hsl(var(--halal-bg));color:hsl(var(--halal-foreground))}.story-pick img{width:4.25rem;height:4.25rem}.story-pick-buy{font-size:.75rem;font-weight:700;color:hsl(var(--primary))}.story-pick-cta{display:block;padding:.8rem 1rem;border-radius:.75rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:700;text-align:center;text-decoration:none}.story-picks-note{margin:0;font-size:.7rem;line-height:1.35;color:hsl(var(--muted-foreground))}.story-picks-loading{display:flex;flex-direction:column;gap:.5rem;min-height:12rem}.story-picks-loading:before,.story-picks-loading:after,.story-picks-loading>i{content:"";display:block;height:4.5rem;border-radius:.75rem;background:linear-gradient(90deg,hsl(var(--muted)) 25%,hsl(var(--muted) / .5),hsl(var(--muted)) 75%);background-size:200% 100%;animation:story-shimmer 1.4s linear infinite}@keyframes story-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.story-picks-loading:before,.story-picks-loading:after,.story-picks-loading>i{animation:none}}@media(max-width:639px){.story{margin-inline:-.5rem}.story-card{min-height:22rem;padding:1.35rem 1.15rem 1.25rem}.story-pick img{width:3.75rem;height:3.75rem}}.story-actions{display:flex;flex-direction:column;gap:.65rem}.story-btn{display:block;width:100%;padding:.75rem 1rem;border-radius:999px;cursor:pointer;border:1px solid hsl(var(--border));background:hsl(var(--background));font-size:.9rem;font-weight:700;text-align:center;color:hsl(var(--foreground));text-decoration:none}.story-btn--primary{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.story-share-block{padding:.8rem;border:1px solid hsl(var(--border));border-radius:.9rem;background:hsl(var(--primary) / .04)}.story-share-label{margin:0 0 .55rem;font-size:.78rem;font-weight:700;text-align:center;color:hsl(var(--foreground))}.story-share-icons{display:flex;justify-content:center;gap:.6rem}.story-share-icons a,.story-share-icons button{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid hsl(var(--primary) / .2);border-radius:999px;background:hsl(var(--card));color:hsl(var(--primary));cursor:pointer;text-decoration:none;transition:color .15s,background .15s,transform .15s}.story-share-icons a:hover,.story-share-icons button:hover{color:hsl(var(--primary-foreground));background:hsl(var(--primary));transform:translateY(-1px)}.story-share-icons svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.story-fineprint{margin:.25rem 0 0;font-size:.75rem;line-height:1.4;color:hsl(var(--muted-foreground));text-align:center}.story-fineprint a{color:hsl(var(--primary));text-decoration:underline}.story-nav{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;cursor:pointer;border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));font-size:.9rem;font-weight:700;box-shadow:0 2px 8px #00000014}.story-nav svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.story-nav.story-nav--next{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.story-nav:disabled{opacity:.35;cursor:default}.story-controls{display:flex;justify-content:space-between;gap:.75rem;max-width:60rem;margin:.25rem auto 0}.story-controls .story-nav{flex:0 0 auto;padding:.4rem .9rem;border-radius:999px;font-size:.8rem;background:transparent;box-shadow:none;color:hsl(var(--muted-foreground))}.story-controls .story-nav.story-nav--next{background:transparent;border-color:hsl(var(--primary) / .45);color:hsl(var(--primary))}.story-controls .story-nav svg{width:.95rem;height:.95rem}.story-nav--side{display:none;position:absolute;top:calc(50% - .375rem);translate:0 -50%;z-index:2;width:3rem;height:3rem;border-radius:999px}.story-nav--side.story-nav--prev{left:-3.75rem}.story-nav--side.story-nav--next{right:-3.75rem}.story-nav--side svg{width:1.3rem;height:1.3rem}@media(min-width:1024px){.story-nav--side{display:inline-flex}.story-controls{display:none}}@keyframes story-nudge{0%,to{transform:translate(0)}40%{transform:translate(-2.5rem)}}.story-track[data-nudge] .story-card{animation:story-nudge .9s ease-in-out 2}@media(prefers-reduced-motion:reduce){.story-track{scroll-behavior:auto}.story-track[data-nudge] .story-card{animation:none}}