html body #guest-comments-panel[hidden]{display:none!important}
html body #guest-comments-panel{max-width:900px;padding:32px 0 60px;transform:none!important}
#guest-comments-panel h1{font-size:32px;line-height:1.5;letter-spacing:0}
#guest-comments-panel form{display:grid;gap:18px;padding:24px;margin:24px 0;background:var(--panel,#222);border:1px solid var(--line,#444);border-radius:14px}
#guest-comments-panel label{display:grid;gap:8px}
#guest-comments-panel input,#guest-comments-panel textarea{width:100%;box-sizing:border-box;padding:14px;background:var(--bg,#111);color:var(--text,#fff);border:1px solid var(--line,#555);border-radius:8px;font:16px system-ui}
#guest-comments-panel button{justify-self:start;padding:14px 24px;background:#f3ce00;color:#111;border:0;border-radius:8px;font:inherit;cursor:pointer}
#guest-comments-panel button:disabled{opacity:.5}
#guest-comments-panel .gc-trap{display:none!important}
#guest-comments-panel article{padding:22px;margin:16px 0;border:1px solid var(--line,#444);border-radius:12px;background:var(--panel,#222)}
#guest-comments-panel article p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}

/* Professional comment layout */
html body #guest-comments-panel:not([hidden]) {
  display: block !important;
  width: min(880px, calc(100% - 40px)) !important;
  max-width: 880px !important;
  margin: 0 auto !important;
  padding: 44px 0 64px !important;
  text-align: start !important;
  box-sizing: border-box !important;
}

html body #guest-comments-panel > h1 {
  font-size: clamp(28px, 4vw, 40px) !important;
  font-weight: 750 !important;
  line-height: 1.4 !important;
  margin: 0 0 12px !important;
  color: var(--text, #f5f5f5) !important;
  letter-spacing: 0 !important;
}

html body #guest-comments-panel > p {
  color: var(--muted, #b5bbc1) !important;
  line-height: 1.8 !important;
  margin: 0 0 26px !important;
}

html body #guest-comments-panel form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  gap: 22px !important;
  padding: clamp(20px, 4vw, 32px) !important;
  margin: 0 0 36px !important;
  background: var(--panel, #202020) !important;
  border: 1px solid var(--line, #393939) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 36px #00000012 !important;
  box-sizing: border-box !important;
  text-align: start !important;
}

html body #guest-comments-panel label {
  display: grid !important;
  width: 100% !important;
  gap: 9px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-align: start !important;
}

html body #guest-comments-panel input,
html body #guest-comments-panel textarea {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  border: 1px solid var(--line, #484848) !important;
  border-radius: 10px !important;
  background: var(--bg, #111) !important;
  color: var(--text, #f5f5f5) !important;
  font: inherit !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  box-sizing: border-box !important;
  text-align: start !important;
}

html body #guest-comments-panel textarea {
  min-height: 160px !important;
  resize: vertical !important;
}

html body #guest-comments-panel input:focus,
html body #guest-comments-panel textarea:focus {
  outline: 2px solid #e5bb35 !important;
  outline-offset: 2px !important;
}

html body #guest-comments-panel button {
  justify-self: start !important;
  width: auto !important;
  min-height: 48px !important;
  padding: 12px 26px !important;
  border-radius: 10px !important;
  background: #f3ce00 !important;
  color: #171717 !important;
  font-weight: 700 !important;
}

html body #guest-comments-panel .gc-trap {
  display: none !important;
}

html body #guest-comments-panel .gc-status:empty {
  display: none !important;
}

html body #guest-comments-panel .gc-list {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html body #guest-comments-panel .gc-list article {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 24px !important;
  border: 1px solid var(--line, #393939) !important;
  border-inline-start: 3px solid #d3ae35 !important;
  border-radius: 12px !important;
  background: var(--panel, #202020) !important;
  box-sizing: border-box !important;
  text-align: start !important;
}

html body #guest-comments-panel .gc-list strong {
  display: block !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--text, #f5f5f5) !important;
  overflow-wrap: anywhere !important;
}

html body #guest-comments-panel .gc-list article p {
  margin: 12px 0 0 !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
  color: var(--muted, #bbc0c5) !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
}

@media (min-width: 1101px) {
  html body header.header > nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
  }

  html body header.header > nav > a {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 600px) {
  html body #guest-comments-panel:not([hidden]) {
    width: calc(100% - 28px) !important;
    padding-top: 28px !important;
  }

  html body #guest-comments-panel button {
    width: 100% !important;
    justify-self: stretch !important;
  }

  html body #guest-comments-panel .gc-list article {
    padding: 20px !important;
  }
}

/* Commenters' names */
html body #guest-comments-panel article strong {
  color: #d99a00 !important;
  font-weight: 700 !important;
}
@media (prefers-contrast: more) {
  html body #guest-comments-panel article strong {
    text-decoration: underline;
  }
}