.eg-related{width:100%;min-width:0;margin:28px 0;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--surface);container-type:inline-size}.eg-related-header{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;margin-bottom:18px}.eg-related-header h2{position:relative;margin:0;padding-left:34px;color:var(--ink);font-size:var(--eg-card-group-title-size);line-height:1.2}.eg-related-header h2:before{content:"//";position:absolute;left:0;top:0;color:var(--brand-red);font-weight:900;font-style:italic}.eg-related-header p{margin:5px 0 0;padding-left:34px;color:var(--muted);font-size:13px;line-height:1.5}.eg-related-all{display:inline-flex;align-items:center;gap:8px;min-height:44px;flex-shrink:0;color:var(--theme-accent,var(--brand-red));font-size:12px;font-weight:600}.eg-related-all:hover{text-decoration:underline}.eg-related-carousel{position:relative;margin-inline:14px}.eg-related-grid{display:flex;flex-wrap:nowrap;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:2px;scrollbar-width:none}.eg-related-grid::-webkit-scrollbar{display:none}.eg-related-grid.has-overflow{cursor:grab}.eg-related-grid.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}.eg-related-grid.is-dragging a{cursor:grabbing}.eg-related-viewport{position:relative;min-width:0;--eg-related-fade-width:88px;--eg-related-left-alpha:1;--eg-related-right-alpha:1}.eg-related-viewport.has-hidden-left{--eg-related-left-alpha:0}.eg-related-viewport.has-hidden-right{--eg-related-right-alpha:0}.eg-related-viewport>.eg-related-grid{mask-image:linear-gradient(to right,rgba(0,0,0,var(--eg-related-left-alpha)),#000 var(--eg-related-fade-width),#000 calc(100% - var(--eg-related-fade-width)),rgba(0,0,0,var(--eg-related-right-alpha)));mask-repeat:no-repeat;mask-size:100% 100%}@media(max-width:600px){.eg-related-viewport{--eg-related-fade-width:56px}}.eg-related-scrollbar{height:4px;width:70%;margin:24px auto 0;background:var(--line);border-radius:4px;overflow:hidden}.eg-related-scrollbar span{display:block;height:100%;background:var(--theme-accent,var(--brand-red));border-radius:4px}.eg-related-card{position:relative;flex:0 0 230px;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);scroll-snap-align:start}.eg-related-arrow{position:absolute;top:45%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);box-shadow:0 2px 8px #0002}.eg-related-prev{left:-28px}.eg-related-next{right:-28px}.eg-related-arrow:hover:not(:disabled){border-color:var(--theme-accent,var(--brand-red));color:var(--theme-accent,var(--brand-red))}.eg-related-arrow:disabled{opacity:.45}.eg-related-arrow svg{width:22px;height:22px;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.eg-related-picture{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;overflow:hidden;background:var(--surface)}.eg-related-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.eg-related-body{padding:14px}.eg-related-body h3{margin:0;color:var(--ink);font-size:var(--eg-card-title-size);line-height:1.35;overflow-wrap:anywhere}.eg-related-body h3 a{color:inherit}.eg-related-body h3 a:hover{color:var(--theme-accent,var(--brand-red))}.eg-related-body p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:8px 0 0;color:var(--muted);font-size:var(--eg-card-description-size);line-height:var(--eg-card-description-leading)}body.eg-related-descriptions-off .eg-related-body p{display:none}.eg-related :is(a,button,.eg-related-grid):focus-visible{outline:2px solid var(--theme-accent,var(--brand-red));outline-offset:2px}@container(max-width:420px){.eg-related-header{align-items:flex-start;flex-direction:column;gap:4px}.eg-related-all{margin-left:34px}}@media(max-width:600px){.eg-related{padding:14px;margin:24px 0}.eg-related-grid{gap:14px}}