/* The visual guide sits inside Nebula's existing rear-panel feature. */
.nebula-connection-guide{display:block;margin-top:24px;padding:22px;border:1px solid #a8945d7a;border-radius:16px;background:radial-gradient(ellipse at 80% 15%,#65445635,transparent 70%),#1b171b;color:var(--text);text-decoration:none;transition:border-color .2s,background-color .2s}
.nebula-connection-guide:hover{border-color:var(--accent);background-color:#231d24}
.nebula-connection-guide:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.nebula-connection-guide__eyebrow{display:block;color:var(--accent);font-size:10px;letter-spacing:1.6px;text-transform:uppercase}
.nebula-connection-guide img{display:block;width:100%;height:auto;margin:16px 0 19px;max-height:105px;object-fit:contain}
.nebula-connection-guide>strong{display:block;font-family:var(--font-display);font-size:19px;line-height:1.35;letter-spacing:-.3px;color:var(--text)}
.nebula-connection-guide__description{display:block;margin-top:9px;color:var(--text-dim);font-size:13px;line-height:1.65}
.nebula-connection-guide__action{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--accent);font-size:13px;font-weight:600;margin-top:18px;padding-top:15px;border-top:1px solid #6d5b424d}
.nebula-connection-guide:hover .nebula-connection-guide__action{text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){.nebula-connection-guide{padding:20px}.nebula-connection-guide>strong{font-size:18px}.nebula-connection-guide img{margin-top:14px}.nebula-connection-guide__action{font-size:12px}}
@media(prefers-reduced-motion:reduce){.nebula-connection-guide{transition:none}}
.nebula-connection-guide__icons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:16px 0 19px}
.nebula-connection-guide__icons>span{display:flex;flex-direction:column;align-items:center;min-width:0}
.nebula-connection-guide__icons img{display:block;width:100%;height:auto;max-height:76px;margin:0;object-fit:contain}
.nebula-connection-guide__icons small{display:block;color:var(--accent);font-size:11px;line-height:1.4;white-space:nowrap;margin-top:6px}
@media(max-width:600px){.nebula-connection-guide__icons{gap:3px}.nebula-connection-guide__icons small{font-size:10px}}
