.paleri-feature-related{box-sizing:border-box;padding:64px 22px;min-width:0;background:#f4f4f4;color:#111;}
.paleri-feature-related__heading{margin:0 0 48px;}
.paleri-feature-related__heading h2{margin:0 0 8px;padding:0;border:0;font:700 36px/48px Jost,sans-serif;letter-spacing:0;color:#111;}
/* The 346px mobile wave only spans the column up to 390px; wider screens crop the 1200px wave. */
.paleri-feature-related__wave{display:block;height:12px;background:url("feature-ui/related-wave.svg") left center no-repeat;}
.paleri-feature-related__row+.paleri-feature-related__row{margin-top:40px;}
.paleri-feature-related__label{margin:0 0 20px;padding:0;border:0;font-family:"Zen Kaku Gothic New",sans-serif;font-size:24px;line-height:24px;font-weight:700;letter-spacing:0;color:#111;}
.paleri-feature-related__rail{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0;}
.paleri-feature-related__rail::-webkit-scrollbar{display:none;}
.paleri-feature-related__rail>.paleri-feature-story-card{display:flex;flex-direction:column;gap:16px;width:auto;min-width:0;aspect-ratio:auto;overflow:visible;padding:0;border:0;border-radius:0;box-shadow:none;background:none;color:#111;scroll-snap-align:start;scroll-snap-stop:always;text-decoration:none;}
/* Thumbnails are made 16:9 and never cropped (PTK 2026-09-26). */
.paleri-feature-related__rail .paleri-feature-story-card__media{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:0;overflow:hidden;background:#fff;}
.paleri-feature-related__rail .paleri-feature-story-card__media img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0;transform:none;}
.paleri-feature-related__rail .paleri-feature-story-card__placeholder{display:grid;place-items:center;height:100%;color:#6e6e6e;}
.paleri-feature-related__rail .paleri-feature-story-card__title{position:static;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;height:60px;font-family:"Zen Kaku Gothic New",sans-serif;font-size:20px;line-height:30px;font-weight:700;letter-spacing:0;color:#111;}
.paleri-feature-related__rail:focus-visible{outline:3px solid #0050D8;outline-offset:-3px;}
.paleri-feature-related__controls{display:flex;justify-content:center;align-items:center;gap:6px;height:44px;margin-top:20px;}
.paleri-feature-related__controls[hidden]{display:none;}
.paleri-feature-related__controls>.paleri-feature-button{width:40px;min-height:40px;height:40px;padding:0;border:1px solid #111;flex:none;}
.paleri-feature-related__controls>.paleri-feature-button img{display:block;width:16px;height:16px;}
.paleri-feature-related__controls>.paleri-feature-button:hover img{filter:invert(1);}
.paleri-feature-related__dots{display:flex;justify-content:center;gap:0;}
.paleri-feature-related__dots button{display:grid;place-items:center;width:22px;height:44px;border:0;border-radius:9999px;background:transparent;padding:0;cursor:pointer;}
.paleri-feature-related__dots button:before{content:'';box-sizing:border-box;width:10px;height:10px;border:1px solid #111;border-radius:50%;background:#fff;}
.paleri-feature-related__dots button[aria-current=true]:before{background:#111;}
.paleri-feature-related__dots button:focus-visible{outline:3px solid #0050D8;}
/* Figma 392:688 / 230:9: SHARE label, 44px pills and the URL copy component. */
/* A grid keeps the row on one line at 375px: the copy column may give up 1px instead of wrapping. */
.feature-single .paleri-feature-share{display:grid;grid-template-columns:auto 52px 68px minmax(0,144px);align-items:center;justify-content:start;gap:8px 10px;width:100%;margin-top:16px;color:#030303;}
.feature-single .paleri-feature-share__label{font:700 11px/18px Jost,sans-serif;letter-spacing:0;color:#6e6e6e;}
.feature-single .paleri-feature-share .paleri-feature-button{box-sizing:border-box;min-width:0;min-height:0;height:44px;padding:0;border:1.5px solid #030303;border-radius:9999px;background:#fff;color:#030303;box-shadow:none;text-decoration:none;font:700 13px/21px Jost,sans-serif;letter-spacing:0;}
.feature-single .paleri-feature-share .paleri-feature-share__x{width:52px;}
.feature-single .paleri-feature-share .paleri-feature-share__line{width:68px;}
.feature-single .paleri-feature-share .paleri-feature-share__copy{width:100%;padding:0 16px;border-width:1px;font:700 14px/24px "Zen Kaku Gothic New",sans-serif;white-space:nowrap;}
.feature-single .paleri-feature-share .paleri-feature-button:hover{background:#0050D8;border-color:#0050D8;color:#fff;opacity:1;}
.feature-single .paleri-feature-share .paleri-feature-button:active{background:#B1D0FC;border-color:#030303;color:#030303;}
.feature-single .paleri-feature-share .paleri-feature-button:focus-visible{outline:3px solid #0050D8;outline-offset:-3px;}
.feature-single .paleri-feature-share .paleri-feature-button:disabled{opacity:.38;}
.feature-single .paleri-feature-share .paleri-feature-button.is-done{background:#96FBEB;border-color:#030303;color:#030303;}
.paleri-feature-share__status{grid-column:1/-1;font-size:12px;line-height:1.5;}
body.feature-design-enabled.feature-layout-c .paleri-feature-share{justify-content:center;}
.paleri-feature-share__status:empty{display:none;}
@media(max-width:767px){.paleri-feature-related__heading{margin-bottom:40px;}.paleri-feature-related__heading h2{font-size:28px;line-height:40px;margin-bottom:32px;}.paleri-feature-related__label{font-size:20px;}.paleri-feature-related__rail{grid-auto-columns:82.080925%;gap:16px;padding-bottom:8px;}.paleri-feature-related__rail .paleri-feature-story-card__title{font-size:16px;line-height:24px;height:48px;}body.feature-design-enabled.feature-layout-d .paleri-feature-share{grid-template-columns:52px 68px minmax(0,144px);}body.feature-design-enabled.feature-layout-d .paleri-feature-share__label{grid-column:1/-1;}}
@media(max-width:390px){.paleri-feature-related__wave{background-image:url("feature-ui/related-wave-mobile.svg");}}
@media(prefers-reduced-motion:reduce){.paleri-feature-related__rail{scroll-behavior:auto;}.paleri-feature-related *, .paleri-feature-share *{transition:none!important;}}
