/* Shared guide components. Reference and examples: /moldes.html. */
.guide-note{border:1px solid var(--info-border);border-left-width:4px;border-radius:.375rem;padding:1rem;margin:1.5rem 0;background:var(--info);color:var(--info-text)}
.guide-note strong{display:block;margin-bottom:.375rem}.guide-note p{margin:0}
.guide-note--warning{background:var(--warning);border-color:var(--warning-border);color:var(--warning-text)}
.encounters table,.guide-items table{white-space:normal;min-width:320px}
.encounters caption,.guide-items caption{text-align:left;font-weight:500;color:var(--heading);padding:0 0 .75rem}
.encounters th,.encounters td,.guide-items th,.guide-items td{vertical-align:middle}
.encounters tbody th,.guide-items tbody th{font-weight:500}
.pokemon-sprite{display:block;width:64px;height:64px;object-fit:contain;image-rendering:pixelated}
.item-sprite{display:block;width:20px;height:20px;object-fit:contain;image-rendering:pixelated}
.table-note{font-size:.875rem;color:var(--muted)}
.trainer-card{border:1px solid var(--border);border-radius:.5rem;overflow:hidden;margin:1.5rem 0}
.trainer-card-header{padding:1rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border)}
.trainer-card-header h3{margin:.375rem 0}.trainer-card-header p{margin:0;color:var(--muted)}
.trainer-team{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1.25rem;margin:0}
.trainer-team>li{margin:0;border:1px solid var(--border);border-radius:.375rem;padding:1rem}
.team-member{display:flex;align-items:center;gap:.75rem}.team-member p{margin:0;font-size:.875rem;color:var(--muted)}
.team-facts{margin:.75rem 0 0;font-size:.875rem}.team-facts dt{font-weight:500}.team-facts dd{margin:0 0 .5rem;color:var(--muted)}
.trainer-card-footer{padding:1rem 1.25rem;border-top:1px solid var(--border);margin:0;background:var(--surface)}
.guide-steps{padding-left:1.5rem}.guide-steps li{padding-left:.5rem;margin-bottom:.875rem}.guide-steps li::marker{color:var(--nav-active);font-weight:600}
.guide-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2rem}
.guide-pagination a{padding:.75rem 1rem;border:1px solid var(--border);border-radius:.375rem;text-decoration:none}
.guide-pagination small{display:block;color:var(--muted)}
.mold-example{border-top:1px solid var(--border);padding-top:2rem}
.mold-usage{color:var(--muted);font-size:.875rem}

.guide-highlight { color: var(--nav-active); }
.guide-pokemon-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 6.5rem), 1fr));
  gap: .5rem;
  list-style: none;
  padding: 0;
}
.guide-pokemon-grid > li {
  display: grid;
  justify-items: center;
  align-content: start;
  margin: 0;
  padding: .5rem;
  border: 1px solid var(--border);
  border-radius: .375rem;
  background: var(--surface);
  text-align: center;
}
.guide-note h3 { margin: 0 0 .5rem; }
.guide-note ul { margin-bottom: 0; }

.guide-image-row {
  display: grid;
  gap: 1rem;
  align-items: start;
  margin-bottom: 1.5rem;
}
.guide-image-row > .seaglass-banner { margin-block: 0; }
@media (min-width: 992px) {
  .guide-image-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}