.og-related{width:calc(100% - 48px);margin:var(--og-section-gap) auto 0;}
.og-related.og-related--pending{opacity:0;transform:translateY(24px);}
.og-related.is-visible{animation:ogRelatedReveal 650ms cubic-bezier(.22,.61,.36,1) both;}
@keyframes ogRelatedReveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.og-related.og-related--pending,.og-related.is-visible{opacity:1;transform:none;animation:none!important;}}
body.single-post #Content .og-related h3{color:#fff;font-size:18px;line-height:1.4;margin:0 44px 16px;font-weight:600;}
.og-related__slider{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:16px;}
.og-related__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 0;overscroll-behavior-x:contain;}
.og-related__track::-webkit-scrollbar{display:none;}
body.single-post #Content .og-related__card{flex:0 0 calc((100% - 16px)/2);min-width:0;box-sizing:border-box;display:flex;align-items:center;gap:20px;padding:16px;border:1px solid var(--og-glass-border);border-radius:24px;background:#0b0b0b;text-decoration:none;scroll-snap-align:start;transition:transform 280ms cubic-bezier(.2,.8,.2,1),border-color 280ms,background 280ms;}
.og-related__image{display:block;flex:0 0 96px;width:96px;height:96px;border-radius:14px;overflow:hidden;background:#222;}
.og-related__image img{display:block;width:100%!important;height:100%!important;object-fit:cover;}
.og-related__body{display:flex;flex-direction:column;gap:6px;min-width:0;}
body.single-post #Content .og-related__title{color:var(--og-pink)!important;font-size:20px;line-height:1.25;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
body.single-post #Content .og-related__meta,body.single-post #Content .og-related__tags{color:var(--og-blue)!important;font-size:12px;line-height:1.4;}
.og-related__tags{opacity:.65;transition:opacity 280ms;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.single-post #Content .og-related__card:hover,body.single-post #Content .og-related__card:focus-visible{transform:translateY(-3px);background:#141414;border-color:var(--og-line-color);}
.og-related__card:hover .og-related__tags,.og-related__card:focus-visible .og-related__tags{opacity:1;}
body.single-post #Content .og-related__arrow{display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:28px;height:48px;background:transparent!important;border:0;box-shadow:none;color:#fff;font-size:40px;line-height:1;cursor:pointer;transition:color 200ms,opacity 200ms;}
body.single-post #Content .og-related__arrow:hover{color:var(--og-pink);}
.og-related__arrow:disabled{opacity:.25;cursor:default;}
body.single-post #Content .og-related__arrow span{display:block!important;width:12px!important;height:12px!important;font-size:0!important;color:#fff!important;border-top:2px solid #fff!important;border-right:2px solid #fff!important;transform:rotate(45deg)!important;}
body.single-post #Content .og-related__arrow[data-direction="-1"] span{transform:rotate(-135deg)!important;}
body.single-post #Content .og-related__arrow{outline:none!important;box-shadow:none!important;border:0!important;}
body.single-post #Content .og-related__arrow::before,body.single-post #Content .og-related__arrow::after{display:none!important;}
.og-related__arrow:focus-visible,.og-related__track:focus-visible,.og-related__card:focus-visible{outline:2px solid var(--og-pink);outline-offset:3px;}
@media(max-width:767px){.og-related{width:100%;}.og-related__slider{grid-template-columns:20px minmax(0,1fr) 20px;gap:8px;}body.single-post #Content .og-related h3{margin-left:28px;}body.single-post #Content .og-related__card{flex-basis:100%;gap:12px;padding:12px;border-radius:20px;}.og-related__image{flex-basis:72px;width:72px;height:72px;}body.single-post #Content .og-related__title{font-size:17px;}body.single-post #Content .og-related__arrow{width:20px;}}
@media(prefers-reduced-motion:reduce){.og-related__card,.og-related__tags,.og-related__arrow{transition:none!important;}}
