/* CV Maker — tool-specific styles. Base components come from site.css.
   Teal rule: text teal is var(--color-teal-text) (#0F766E, WCAG AA on
   white). #14B8A6 is never used for text here. */
.cv-honesty { border-left: 4px solid var(--color-teal-text, #0F766E); padding: var(--space-3) var(--space-4); background: var(--color-surface); }
.cv-grid { display: grid; gap: var(--space-4); }
@media (min-width: 768px) { .cv-grid { grid-template-columns: 1fr 1fr; } }
.cv-grid .form-field { margin-bottom: 0; }
.cv-entry { border: 1px solid var(--color-line); border-radius: var(--radius-sm); padding: var(--space-4); margin-bottom: var(--space-4); background: var(--color-surface); }
.cv-date-row { display: grid; gap: var(--space-4); }
@media (min-width: 768px) { .cv-date-row { grid-template-columns: 1fr 1fr; } }
.cv-order-list { list-style: none; padding: 0; }
.cv-order-list li { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; padding: var(--space-2) 0; border-bottom: 1px solid var(--color-line); }
.cv-order-list li span { flex: 1 1 200px; font-weight: var(--weight-medium); color: var(--color-navy); }
.cv-preview { border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-surface); padding: var(--space-4); }
.cv-preview .cv-name { color: var(--color-navy); margin-bottom: var(--space-1); }
.cv-preview .cv-job { color: var(--color-teal-text, #0F766E); font-weight: var(--weight-semibold); margin-bottom: var(--space-1); }
.cv-preview .cv-contact { color: var(--color-muted); font-size: var(--text-sm); }
.cv-preview .cv-text { line-height: var(--lh-article); white-space: normal; }
.cv-photo { max-width: 120px; border-radius: var(--radius-sm); display: block; margin-bottom: var(--space-4); }
.checkbox-row label { font-weight: var(--weight-regular); }
@media print {
  @page { size: A4; margin: 15mm; }
  .cv-preview { border: none; padding: 0; }
}