.related-notice { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:12px 0; color:var(--text-2); font-size:14px; line-height:1.5; } .related-notice p { margin:0; flex:1 1 180px; } .related-retry { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:44px; min-height:44px; padding:8px 14px; border:1px solid var(--line); border-radius:var(--radius-sm,8px); color:var(--text); background:var(--bg-2); font:inherit; cursor:pointer; } .related-retry svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; } .related-retry:hover { background:var(--bg-3); } .related-retry:focus-visible { outline:2px solid var(--accent); outline-offset:3px; } html[data-layout="glass-stage"] .related-retry { border-radius:18px; border-color:var(--glass-line); background:var(--tile); color:var(--text-2); } html[data-layout="glass-stage"] .related-retry:hover { background:var(--tile-hi); color:var(--text); } /* The scrollable player must not squeeze this card to its border height. */ .related-panel { flex-shrink:0; } .related-notice { flex-shrink:0; }