.su-guide {
  box-sizing: border-box;
  max-width: 46rem;
  margin: 2rem auto;
  padding: 1.5rem;
  border: 2px solid #174c68;
  border-radius: .5rem;
  background: #fff;
  color: #172b39;
  font-size: 1rem;
  line-height: 1.6;
}

.su-guide *, .su-guide *::before, .su-guide *::after { box-sizing: inherit; }
.su-guide h2 { margin-top: 0; color: #123b52; }
.su-guide p { margin: .75rem 0; }
.su-guide__privacy, .su-guide__note { font-size: .95em; }
.su-guide__suggestions ul, .su-guide__message ul { margin: .5rem 0 0; padding-left: 1.5rem; }
.su-guide__suggestions li { margin: .35rem 0; }
.su-guide__choices li { margin: .35rem 0; }
.su-guide button { cursor: pointer; font: inherit; }
.su-guide__suggestions button, .su-guide__choices button {
  padding: .2rem .4rem;
  border: 0;
  background: transparent;
  color: #124e75;
  text-align: left;
  text-decoration: underline;
}
.su-guide__log {
  min-height: 8rem;
  max-height: 22rem;
  overflow-y: auto;
  margin: 1rem 0;
  padding: 1rem;
  border: 1px solid #7d929d;
  border-radius: .25rem;
  background: #f7fafb;
}
.su-guide__message { padding: .6rem 0; border-bottom: 1px solid #d7e0e5; }
.su-guide__message:last-child { border-bottom: 0; }
.su-guide__message--visitor { color: #253e50; }
.su-guide a { color: #124e75; text-decoration: underline; }
.su-guide__form label { display: block; margin-bottom: .35rem; font-weight: 700; }
.su-guide__form-row { display: flex; flex-wrap: wrap; gap: .5rem; }
.su-guide__form input { flex: 1 1 18rem; min-width: 0; padding: .65rem; border: 2px solid #4c6676; border-radius: .25rem; color: #172b39; background: #fff; font: inherit; }
.su-guide__form button {
  padding: .65rem 1rem;
  border: 2px solid #124e75;
  border-radius: .25rem;
  background: #124e75;
  color: #fff;
  font-weight: 700;
}
.su-guide__clear { margin-top: .75rem; padding: .25rem .5rem; border: 0; background: transparent; color: #124e75; text-decoration: underline; }
.su-guide :focus-visible { outline: 3px solid #ef9b22; outline-offset: 3px; }
@media (max-width: 35rem) { .su-guide { padding: 1rem; } .su-guide__form button { width: 100%; } }
@media (forced-colors: active) { .su-guide, .su-guide__log, .su-guide__form input, .su-guide__form button { border: 1px solid CanvasText; } }