.discord-guide { font-size: 1.0625rem; line-height: 1.75; }
.discord-guide h2 { margin-top: 2.4rem; line-height: 1.35; }
.discord-guide h3 { margin: .35rem 0 .7rem; font-size: 1.2rem; line-height: 1.4; }
.discord-guide .shot { max-width: 100%; }
.discord-guide .shot-frame { display: block; width: 100%; }
.discord-guide .shot-frame img { display: block; width: 100%; max-height: none; height: auto; }
.discord-guide .shot-frame:hover img { transform: none; }
.discord-guide .shot figcaption { font-size: .97rem; line-height: 1.65; }
.discord-guide .discord-sidebar-shot { max-width: 320px; }
.discord-guide .discord-connection-shot { max-width: 380px; }
.discord-guide .discord-profile-shot { max-width: 629px; }
.discord-guide .discord-command-shot { max-width: 644px; }
.discord-guide .discord-activity-shot { max-width: 580px; }
.discord-guide :is(th,td) + :is(th,td) { border-left: 1px solid var(--line-strong); }
.discord-guide td { vertical-align: top; }
.discord-guide td:first-child { min-width: 8rem; }
.discord-guide table code { overflow-wrap: anywhere; white-space: normal; }
.discord-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin: 1.2rem 0 1.7rem; }
.discord-card { --discord-color: #a4a8ff; min-width: 0; padding: 1.2rem; background: #141724; border: 1px solid #34394c; border-top: 3px solid var(--discord-color); border-radius: 14px; }
a.discord-card { display: block; color: var(--text); text-decoration: none; transition: background .15s,border-color .15s; }
a.discord-card:hover { background: #1c2032; border-color: var(--discord-color); }
a.discord-card:focus-visible { outline: 2px solid var(--discord-color); outline-offset: 4px; }
.discord-blue { --discord-color: #a4a8ff; }
.discord-cyan { --discord-color: #68d8e0; }
.discord-gold { --discord-color: #f1cc73; }
.discord-green { --discord-color: #68d6ac; }
.discord-eyebrow { display: block; color: var(--discord-color); font-size: .76rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.discord-card p { color: #b4bfd1; font-size: .96rem; line-height: 1.65; margin: .6rem 0 0; }
.discord-destination { display: block; color: var(--discord-color); font-size: .84rem; margin-top: 1rem; }
.discord-flow { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .75rem; padding: 0; margin: 1.2rem 0 1.7rem; list-style: none; counter-reset: discord-step; }
.discord-flow li { min-width: 0; counter-increment: discord-step; padding: 1rem; background: #151724; border: 1px solid #36384c; border-radius: 12px; }
.discord-flow li::before { content: "0" counter(discord-step); display: block; color: #b4a0f4; font: 700 .8rem/1.4 "IBM Plex Mono",monospace; margin-bottom: .6rem; }
.discord-flow strong,.discord-flow span { display: block; }
.discord-flow span { color: #b4bfd1; font-size: .91rem; line-height: 1.65; margin-top: .55rem; }
.discord-notice,.discord-note { margin: 1.3rem 0; padding: 1rem 1.2rem; border: 1px solid #55462d; border-left: 3px solid #edc372; border-radius: 0 12px 12px 0; background: #241f18; }
.discord-notice > strong { color: #ffda95; }
.discord-note { background: #1d1b30; border-color: #423b60; border-left-color: #b4a0f4; }
.discord-note > strong { color: #ccbbff; }
.discord-notice p,.discord-note p { margin: .5rem 0 0; }
.discord-status-map { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .75rem; margin: 1.3rem 0 1.7rem; }
.discord-status-map > div { min-width: 0; padding: 1rem; border: 1px solid #3c3d58; border-radius: 12px; background: linear-gradient(145deg,#24203c,#141823); }
.discord-status-map span { display: block; font-size: .8rem; font-weight: 800; color: #aaaefe; margin-bottom: .6rem; }
.discord-status-map strong { display: block; line-height: 1.45; }
.discord-status-map p { margin: .6rem 0 0; color: #b4bfd1; font-size: .92rem; line-height: 1.6; }
.discord-steps li + li { margin-top: .7rem; }
.discord-report { padding: 1.1rem 1.25rem; border: 1px solid #3d4560; border-top: 3px solid #68d8e0; border-radius: 14px; background: #131b26; margin: 1.2rem 0; }
.discord-report dl { margin: 0; }
.discord-report dl > div { display: grid; grid-template-columns: 8rem minmax(0,1fr); gap: 1rem; padding: .75rem 0; border-top: 1px solid #303b4c; }
.discord-report dt { color: #8ee5e9; font-weight: 700; }
.discord-report dd { margin: 0; color: #c2cbda; }
@media(max-width:860px) {
  .discord-guide { font-size: 1rem; }
  .discord-grid,.discord-flow,.discord-status-map { grid-template-columns: minmax(0,1fr); }
  .discord-flow li { display: grid; grid-template-columns: 2rem minmax(0,1fr); column-gap: .5rem; }
  .discord-flow li::before { grid-row: 1 / 3; margin-top: .1rem; }
  .discord-flow span { grid-column: 2; }
  .discord-card { padding: 1rem; }
  .discord-guide td:first-child { min-width: 5rem; }
  .discord-guide table { font-size: .94rem; }
  .discord-report dl > div { grid-template-columns: minmax(0,1fr); gap: .3rem; }
}