.member-guide {
  font-size: 1.0625rem;
  line-height: 1.75;
}
.member-guide h2 { margin-top: 2.6rem; }
.member-guide .shot { max-width: 100%; }
.member-guide .shot-frame,
.member-guide .shot-frame picture { display: block; width: 100%; }
.member-guide .shot-frame img { width: 100%; height: auto; max-height: none; }
.member-guide .shot-frame:hover img { transform: none; }
.member-guide .shot figcaption { font-size: 1rem; line-height: 1.65; }
.member-guide .member-nav-shot .shot-frame img {
  width: auto;
  max-width: min(320px, 100%);
  margin: 0 auto;
  border-radius: 10px;
}
.member-guide .member-cards {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem; margin: 1.3rem 0 1.6rem;
}
.member-guide .member-card {
  padding: 1.2rem; min-width: 0; border: 1px solid #343047;
  border-top: 3px solid #bda4ff; border-radius: 14px;
  background: linear-gradient(145deg, #261d3b, #14141e 80%);
}
.member-guide .member-card-recap {
  border-top-color: #63e5c4; background: linear-gradient(145deg, #162c2b, #12181c 80%);
}
.member-guide .member-card h3 { margin: .3rem 0 .75rem; font-size: 1.25rem; line-height: 1.35; }
.member-guide .member-card p { margin: .65rem 0 0; font-size: 1rem; }
.member-guide .member-label {
  color: #c5aaff; font-size: .76rem; font-weight: 800; letter-spacing: .07em;
  text-transform: uppercase;
}
.member-guide .member-card-recap .member-label { color: #63e5c4; }
.member-guide .member-notice {
  margin: 1.4rem 0; padding: 1.1rem 1.25rem; border: 1px solid #5b4932;
  border-left: 3px solid #ffe174; border-radius: 0 12px 12px 0;
  background: #242016;
}
.member-guide .member-notice strong { color: #ffe174; }
.member-guide .member-notice p { margin: .5rem 0 0; }
.member-guide .member-short-path {
  padding: 1rem 1.2rem; border-left: 3px solid #bda4ff; border-radius: 0 12px 12px 0;
  background: #1c172b;
}
.member-guide .member-resources {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem; margin: 1.2rem 0;
}
.member-guide .member-resources a {
  display: block; padding: .9rem 1rem; border: 1px solid #343047;
  border-radius: 12px; background: #191622; font-size: 1rem;
}
.member-guide .member-resources a:hover { background: #251d35; }
.member-guide .member-help {
  padding-left: 1.2rem;
}
.member-guide .member-help li { padding-left: .2rem; margin: 1rem 0; }
@media (max-width: 860px) {
  .member-guide .member-cards,
  .member-guide .member-resources { grid-template-columns: minmax(0, 1fr); }
}