/* Small invitations within the existing slate-and-gold homepage. */
.dm-socials{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:22px}
.dm-socials a{display:inline-flex;align-items:center;gap:9px;min-height:36px;color:#d1dee3;font:500 12px/1.4 Inter,Arial,sans-serif;text-decoration:none}
.dm-socials svg{width:21px;height:21px;color:#d5bb88;flex:none}.dm-socials a>span:last-child{font-size:11px;color:#8fa8b8;margin-left:2px}
.dm-socials a:hover{color:#fff}.dm-socials a:hover svg{color:#f0d49a}
.homepage-rebuilt .connection-strip{padding:0;position:relative;isolation:isolate;color:#ecede6}
.connection-strip .connection-inner{max-width:1240px;margin:auto;padding:30px 40px;display:flex;gap:26px;align-items:center}
.community-strip{background:linear-gradient(100deg,#182f3e,#213d4e 75%,#193241);border-block:1px solid #a6bdc22b}
.community-symbol{width:53px;height:53px;display:grid;place-items:center;flex:none;border:1px solid #c3d3d54d;border-radius:50%;background:#152b385e;color:#c6dbe4}
.community-symbol svg{width:29px;height:29px}.connection-copy{flex:1;min-width:0}
.homepage-rebuilt .connection-copy h2{font:400 clamp(25px,2.4vw,32px)/1.17 Georgia,serif;letter-spacing:-.02em;margin:0 0 8px;color:#f0eee5}
.connection-copy>p:not(.support-kicker){font:13px/1.7 Inter,Arial,sans-serif;color:#baceD8;margin:0;max-width:650px}
.connection-button{display:inline-flex;align-items:center;justify-content:center;gap:19px;min-height:44px;padding:12px 20px;background:#d8b477;border:1px solid #d8b477;border-radius:2px;color:#152735;text-decoration:none;font:600 12px/1.4 Inter,Arial,sans-serif;white-space:nowrap}
.connection-button.discord-button{background:#1228376b;border-color:#a4bdcc8a;color:#e0e9ec}.connection-button:hover{background:#ead0a0;color:#152735}.connection-button.discord-button:hover{background:#36536a;color:#fff}
.support-strip{background:radial-gradient(ellipse at 20% 0,#29384666,transparent 70%),#101e29;border-top:1px solid #b8a37a40}
.support-strip .connection-inner{padding-top:33px;padding-bottom:34px;gap:48px}
.support-kicker{color:#d7bb85;font:600 9px/1.5 Inter,Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;margin:0 0 10px}
.support-actions{display:flex;flex-direction:column;align-items:center;gap:11px;flex:none}
.support-materials{border-top:1px solid #a6bfc13b;margin-top:4px;padding-top:12px;text-align:center}
.support-materials>a{display:inline-flex;gap:12px;align-items:center;min-height:28px;color:#dec18a;font:500 12px/1.5 Inter,Arial,sans-serif;text-decoration:none}
.support-materials>a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:700px){.support-materials{text-align:left}}
.tip-link{font:12px/1.6 Inter,Arial,sans-serif;color:#b9cbd5;text-decoration:none;border-bottom:1px solid #829ba65e;padding-bottom:2px}.tip-link span{margin-left:8px}.tip-link:hover{color:#ecd5ab;border-color:currentColor}
.connection-strip a:focus-visible,.dm-socials a:focus-visible{outline:2px solid #efd095;outline-offset:5px}
@media(max-width:1000px){.connection-strip .connection-inner{padding-inline:30px;gap:22px}.community-symbol{display:none}.homepage-rebuilt header nav{column-gap:19px}}
@media(max-width:700px){.connection-strip .connection-inner{padding:26px 25px;align-items:flex-start;flex-direction:column;gap:18px}.homepage-rebuilt .connection-copy h2{font-size:27px}.connection-copy>p:not(.support-kicker){font-size:13px}.support-actions{align-items:flex-start;gap:13px}.support-strip .connection-inner{padding-block:30px}.dm-socials{margin-top:18px;gap:22px}.connection-button{min-height:44px}.support-kicker{font-size:8px}}

/* Keep the familiar Discord mark visible in the invitation at every size. */
.community-symbol{width:64px;height:64px;background:#5865f2;border-color:#8791ff;color:#fff;border-radius:16px}
.community-symbol svg{width:40px;height:40px}
.community-symbol svg ellipse,.discord-button svg ellipse{fill:#5865f2}
.connection-button.discord-button{background:#5865f2;border-color:#8791ff;color:#fff;gap:12px}
.connection-button.discord-button:hover{background:#4752c4;border-color:#8791ff}
.discord-button svg{width:25px;height:25px;flex:none}
.discord-button:hover svg ellipse{fill:#4752c4}