:root {
  --font-heading: 'Arial Narrow', 'Roboto Condensed', sans-serif;
  --font-body: 'Inter', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-button: var(--font-body);
}

body {
  font-family: var(--font-body);
  font-weight: 400;
  color: #111827;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: 900;
  letter-spacing: -0.015em;
}

button,
input,
select,
textarea {
  font-family: var(--font-body);
}

.brand-heading {
  font-family: var(--font-heading);
}

.brand-body {
  font-family: var(--font-body);
}

.brand-button {
  font-family: var(--font-button);
  font-weight: 600;
}

.notes-preview {
  border: 1px solid #d7dde5;
  border-radius: 10px;
  padding: 0.75rem 0.85rem;
  background: linear-gradient(180deg, #f9fbfd 0%, #f3f6fb 100%);
  margin-top: 0.35rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
.notes-preview__label {
  font-size: 0.85rem;
  color: #4a5568;
  margin-bottom: 0.35rem;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-weight: 700;
}
.notes-preview__body {
  font-size: 0.95rem;
  line-height: 1.5;
  color: #1f2933;
}
.notes-preview__body ul {
  margin: 0.25rem 0 0.25rem 1.25rem;
  padding-left: 0.25rem;
}
.notes-preview__body li {
  margin-bottom: 0.25rem;
}
.notes-block {
  display: grid;
  gap: 0.75rem;
}
.notes-block textarea {
  border-radius: 10px;
  padding: 0.7rem;
  border: 1px solid #d7dde5;
  background: #fff;
  font-size: 0.95rem;
  line-height: 1.4;
}