/* Text pages: how our prices work, terms, privacy, feedback, error pages. */
.info { max-width: 760px; }
.info h1 { font-size: clamp(26px, 6vw, 36px); line-height: 1.15; letter-spacing: -0.02em; margin: 8px 0 12px; }
.info h2 { font-size: 19px; margin: 34px 0 10px; letter-spacing: -0.01em; }
.info h3 { font-size: 16px; margin: 22px 0 6px; }
.info p, .info li { color: var(--ink-2); line-height: 1.65; font-size: 15.5px; }
.info strong { color: var(--ink); }
.info ul, .info ol { padding-left: 22px; }
.info li { margin: 4px 0; }
.info a { color: var(--accent); }
.info .info-lede { font-size: 17px; color: var(--ink); }
.info .info-draft {
  border: 1px dashed var(--ageing); background: var(--ageing-wash); color: var(--ink);
  border-radius: var(--radius); padding: 12px 14px; font-size: 14px; line-height: 1.5;
}
.info .info-toc { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; margin: 18px 0 0; }
.info .info-toc a {
  display: inline-block; padding: 6px 12px; border: 1px solid var(--line-strong); border-radius: 999px;
  text-decoration: none; color: var(--ink-2); font-size: 13.5px;
}
.info-levels { display: grid; gap: 10px; padding: 0; list-style: none; }
.info-levels li { display: grid; grid-template-columns: auto 1fr; gap: 4px 10px; align-items: baseline;
  padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); margin: 0; }
.info-levels .price-trust { margin: 0; white-space: nowrap; }
.info .info-updated { font-size: 13px; color: var(--ink-3); margin-top: 36px; }

.feedback-form { display: grid; gap: 14px; margin-top: 18px; }
.feedback-form label { display: grid; gap: 6px; font-weight: 600; font-size: 14px; color: var(--ink); }
.feedback-form select, .feedback-form textarea {
  font: inherit; font-size: 16px; color: var(--ink); background: var(--surface);
  border: 1px solid var(--line-strong); border-radius: 10px; padding: 10px 12px;
}
.feedback-form textarea { min-height: 150px; resize: vertical; }
.feedback-form button {
  justify-self: start; font: inherit; font-weight: 700; padding: 11px 20px; border: 0; border-radius: 999px;
  background: var(--accent); color: #fff; cursor: pointer;
}
.feedback-form button:disabled { opacity: 0.6; cursor: default; }
.feedback-about { font-size: 13.5px; color: var(--ink-3); word-break: break-all; }
.feedback-status { min-height: 1.4em; font-weight: 600; }
.feedback-status.is-error { color: var(--down); }
.feedback-status.is-ok { color: var(--up); }

.feedback-list { display: grid; gap: 12px; padding: 0; list-style: none; }
.feedback-item { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); padding: 14px; margin: 0; }
.feedback-item.is-done { opacity: 0.55; }
.feedback-item p { margin: 6px 0; white-space: pre-wrap; color: var(--ink); }
.feedback-meta { font-size: 13px; color: var(--ink-3); display: flex; flex-wrap: wrap; gap: 4px 12px; }
.feedback-item button { font: inherit; font-size: 13px; padding: 5px 12px; border-radius: 999px;
  border: 1px solid var(--line-strong); background: transparent; color: var(--ink-2); cursor: pointer; }

.error-page { text-align: center; padding-top: 48px; }
.error-page .error-code { font-family: var(--font-num); color: var(--ink-3); font-size: 14px; letter-spacing: 0.1em; }
.error-page .error-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 22px; }
.error-page .error-actions a { padding: 10px 18px; border-radius: 999px; border: 1px solid var(--line-strong);
  text-decoration: none; color: var(--ink); font-weight: 600; }
.error-page .error-actions a:first-child { background: var(--accent); border-color: var(--accent); color: #fff; }