/* Huntlama's shared visual system. Keep both themes on the same neutral scale. */
html[data-theme="dark"] {
  color-scheme: dark;
  --canvas: #000;
  --surface: #000;
  --raised: #16181c;
  --hover: #202327;
  --line: #2f3336;
  --ink: #e7e9ea;
  --muted: #8b98a5;
  --action: #eff3f4;
  --action-ink: #0f1419;
  --blue: #1d9bf0;
  --paper: var(--canvas);
  --white: var(--surface);
  --deep: var(--canvas);
  --deep2: var(--raised);
  --lime: var(--action);
  --lime2: var(--action);
  --cream: var(--raised);
  --shadow: none;
}
html[data-theme="light"] {
  color-scheme: light;
  --canvas: #fff;
  --surface: #fff;
  --raised: #f7f9f9;
  --hover: #eff3f4;
  --line: #d7dbde;
  --ink: #0f1419;
  --muted: #536471;
  --action: #0f1419;
  --action-ink: #fff;
  --blue: #1d9bf0;
  --paper: var(--canvas);
  --white: var(--surface);
  --deep: var(--canvas);
  --deep2: var(--raised);
  --lime: var(--action);
  --lime2: var(--action);
  --cream: var(--raised);
  --shadow: none;
}

html, body, button, input, select, textarea {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}
html[data-theme] body, html[data-theme] .main {background: var(--canvas); color: var(--ink)}
html[data-theme] p, html[data-theme] .field-hint, html[data-theme] .micro, html[data-theme] .eyebrow,
html[data-theme] .feature-index, html[data-theme] .head-counter {color: var(--muted)}
html[data-theme] h1, html[data-theme] h2, html[data-theme] h3, html[data-theme] h4,
html[data-theme] strong, html[data-theme] label {color: var(--ink)}
html[data-theme] h1 em {font: inherit; font-style: normal; color: inherit}
html[data-theme] h1 {letter-spacing: -.052em; line-height: 1.04}
html[data-theme] h2, html[data-theme] h3 {letter-spacing: -.035em}
html[data-theme] ::selection {background: #1d9bf066; color: var(--ink)}
html[data-theme] :focus-visible {outline: 2px solid var(--blue); outline-offset: 3px}
html[data-theme] a, html[data-theme] .text-button {color: var(--blue)}

/* Navigation follows a quiet, feed-like structure. */
html[data-theme] .sidebar {background: var(--canvas); color: var(--ink); border-right: 1px solid var(--line)}
html[data-theme] .topbar {background: var(--canvas); border-bottom: 1px solid var(--line); backdrop-filter: none; color: var(--muted)}
html[data-theme] .brand, html[data-theme] .mobile-wordmark {font-family: inherit; color: var(--ink); letter-spacing: -.055em}
html[data-theme] .brand-dot, html[data-theme="dark"] .sidebar .brand-dot {background: transparent !important; color: var(--ink) !important}
html[data-theme] .sidebar-kicker, html[data-theme] .sidebar-foot, html[data-theme] .desktop-tagline {color: var(--muted)}
html[data-theme] .sidebar-note {display: none}
html[data-theme] .nav-item {color: var(--muted); border-radius: 999px; background: transparent; font-weight: 600}
html[data-theme] .nav-item:hover {background: var(--hover); color: var(--ink)}
html[data-theme] .nav-item.active {background: var(--raised); color: var(--ink); font-weight: 750}
html[data-theme] .nav-item.active .nav-icon {color: var(--ink)}
html[data-theme] .online-dot {background: var(--blue); box-shadow: none}
html[data-theme] .topbar .theme-toggle, html[data-theme] .topbar .balance-button,
html[data-theme] .account-theme-toggle {background: var(--canvas); border: 1px solid var(--line); color: var(--ink); box-shadow: none}
html[data-theme] .topbar .theme-toggle:hover, html[data-theme] .topbar .balance-button:hover,
html[data-theme] .account-theme-toggle:hover {background: var(--hover)}

/* Typography and primary actions. */
html[data-theme] .view {max-width: 1260px; padding-top: 42px}
html[data-theme] .page-intro {min-height: 0; margin-bottom: 30px}
html[data-theme] .page-intro h1, html[data-theme] .section-head h1 {font-weight: 800}
html[data-theme] .page-intro p, html[data-theme] .section-head p {color: var(--muted)}
html[data-theme] .eyebrow-line {background: var(--blue)}
html[data-theme] .btn {border-radius: 999px; box-shadow: none; font-weight: 750}
html[data-theme] .btn:hover {transform: none; box-shadow: none}
html[data-theme] .btn-primary, html[data-theme] .job-actions button, html[data-theme] .pack-download-actions a {
  background: var(--action); border-color: var(--action); color: var(--action-ink); box-shadow: none
}
html[data-theme] .btn-primary:hover, html[data-theme] .job-actions button:hover,
html[data-theme] .pack-download-actions a:hover {background: var(--ink); color: var(--canvas); filter: none}
html[data-theme] .btn-outline, html[data-theme] .btn-dark, html[data-theme] .btn-light,
html[data-theme] .status-actions button, html[data-theme] .pack-download-actions button {
  background: transparent; border: 1px solid var(--line); color: var(--ink); box-shadow: none
}
html[data-theme] .btn-outline:hover, html[data-theme] .btn-dark:hover,
html[data-theme] .btn-light:hover, html[data-theme] .status-actions button:hover,
html[data-theme] .pack-download-actions button:hover {background: var(--hover)}
html[data-theme] .text-button:hover {color: var(--blue); text-decoration: underline}

/* A consistent surface, border and radius across every view. */
html[data-theme] .surface, html[data-theme] .action-card, html[data-theme] .overview-bottom,
html[data-theme] .job-card, html[data-theme] .library-item, html[data-theme] .account-card,
html[data-theme] .credit-pack, html[data-theme] .privacy-card, html[data-theme] .library-tip,
html[data-theme] .feature-card {
  background: var(--surface); border: 1px solid var(--line); border-radius: 16px; box-shadow: none; color: var(--ink)
}
html[data-theme] .surface:hover, html[data-theme] .job-card:hover,
html[data-theme] .library-item:hover {box-shadow: none; transform: none}
html[data-theme] .feature-card:hover {transform: none; border-color: var(--muted); box-shadow: none}
html[data-theme] .feature-card {min-height: 280px; padding: 24px; transition: border-color .15s ease}
html[data-theme] .feature-card h3 {font-size: 26px; margin: auto 0 8px; color: var(--ink)}
html[data-theme] .feature-card p {color: var(--muted); max-width: 290px; font-size: 13px; line-height: 1.5}
html[data-theme] .feature-card button {border-top-color: var(--line); color: var(--ink)}
html[data-theme] .feature-graphic {display: none}
html[data-theme] .feature-index {opacity: 1; letter-spacing: .11em}
html[data-theme] .overview-bottom {margin-top: 16px}
html[data-theme] .metric {border-color: var(--line)}
html[data-theme] .metric span {color: var(--muted)}

/* Search, forms, saved work, credits, and recruiter controls. */
html[data-theme] input:not([type=checkbox]):not([type=file]), html[data-theme] select,
html[data-theme] textarea {background: var(--surface); border: 1px solid var(--line); border-radius: 10px; color: var(--ink); box-shadow: none}
html[data-theme] input::placeholder, html[data-theme] textarea::placeholder {color: var(--muted); opacity: .9}
html[data-theme] input:focus, html[data-theme] select:focus, html[data-theme] textarea:focus {
  border-color: var(--blue); box-shadow: 0 0 0 2px #1d9bf033; outline: none
}
html[data-theme] input[type=checkbox] {accent-color: var(--blue)}
html[data-theme] .search-field-icon {color: var(--muted)}
html[data-theme] .quick-search button, html[data-theme] .instruction-suggestions button,
html[data-theme] .library-item button, html[data-theme] .job-tag,
html[data-theme] .status-pill, html[data-theme] .candidate-preferences span,
html[data-theme] .balance-button, html[data-theme] .selected-badge {
  background: var(--raised); border: 1px solid var(--line); color: var(--ink); box-shadow: none
}
html[data-theme] .quick-search button:hover, html[data-theme] .instruction-suggestions button:hover,
html[data-theme] .library-item button:hover {background: var(--hover)}
html[data-theme] .revision, html[data-theme] .source-revision, html[data-theme] .empty-state,
html[data-theme] .library-empty, html[data-theme] .drop-zone, html[data-theme] .selected-role,
html[data-theme] .compare-result, html[data-theme] .ai-review, html[data-theme] .gaps-list,
html[data-theme] .registration-choices, html[data-theme] .privacy-choice,
html[data-theme] .apply-steps, html[data-theme] .apply-voice, html[data-theme] .career-card {
  background: var(--raised); border-color: var(--line); color: var(--ink); box-shadow: none
}
html[data-theme] .library-tip p, html[data-theme] .feature-lime p {color: var(--muted)}
html[data-theme] .evidence-row span {background: var(--raised); color: var(--ink)}
html[data-theme] .career-form label, html[data-theme] .recruiter-budget {color: var(--muted)}
html[data-theme] .wallet-hero {background: var(--raised); border-color: var(--line)}
html[data-theme] .wallet-hero h2, html[data-theme] .wallet-hero strong {color: var(--ink)}
html[data-theme] .aside-dark {background: var(--raised); border: 1px solid var(--line); color: var(--ink)}
html[data-theme] .aside-dark .micro, html[data-theme] .method-step span {color: var(--muted)}
html[data-theme] .method-step {border-top-color: var(--line)}
html[data-theme] .method-step p {color: var(--muted)}
html[data-theme] .hosted-engine-status {background: var(--raised); border-color: var(--line); color: var(--ink)}
html[data-theme] .hosted-engine-status small {color: var(--muted)}
html[data-theme] .hosted-engine-status button {color: var(--blue)}
html[data-theme] .appearance-options button {background: var(--raised); border-color: var(--line); color: var(--ink)}
html[data-theme] .appearance-options button[aria-pressed="true"] {border-color: var(--blue); box-shadow: 0 0 0 2px #1d9bf044}
html[data-theme] .appearance-options button strong {font-family: inherit; color: var(--ink)}
html[data-theme] .appearance-options button small {color: var(--muted)}
html[data-theme] .appearance-light {background: linear-gradient(135deg, #fff 50%, #eff3f4 50%); border-color: #d7dbde}
html[data-theme] .appearance-dark {background: linear-gradient(135deg, #000 50%, #16181c 50%); border-color: #536471}
html[data-theme] .search-main .search-field-icon, html[data-theme] .empty-symbol,
html[data-theme] .drop-icon, html[data-theme] .upload-icon,
html[data-theme] .privacy-symbol {color: var(--muted)}
html[data-theme] .drop-zone:hover, html[data-theme] .drop-zone.dragging {background: var(--hover); border-color: var(--blue)}
html[data-theme] .job-card .job-desc, html[data-theme] .library-item small,
html[data-theme] .drop-zone small, html[data-theme] .recruiter-tip,
html[data-theme] .selected-role, html[data-theme] .privacy-card p,
html[data-theme] .account-card p, html[data-theme] .check-line {color: var(--muted)}
html[data-theme] .apply-link, html[data-theme] .source-link,
html[data-theme] .job-actions a, html[data-theme] .library-actions a,
html[data-theme] .role-open {color: var(--blue)}
html[data-theme] .manual-form label, html[data-theme] .setup-surface label,
html[data-theme] .settings-card label, html[data-theme] .publish-form label,
html[data-theme] .recruiter-surface label, html[data-theme] .account-card label {color: var(--ink)}

/* The drafting conversation stays readable without a separate blue palette. */
html[data-theme] .conversation {background: var(--surface); border-top-color: var(--line)}
html[data-theme] .conversation-history {background: var(--canvas); border-color: var(--line)}
html[data-theme] .assistant-message {background: var(--raised); border-color: var(--line); color: var(--ink)}
html[data-theme] .user-message {background: var(--action); color: var(--action-ink)}
html[data-theme] .conversation textarea, html[data-theme] .conversation-controls select {background: var(--surface); border-color: var(--line)}
html[data-theme] .voice-button {background: var(--raised); border: 1px solid var(--line); color: var(--ink); box-shadow: none}
html[data-theme] .voice-button:hover:not(:disabled) {background: var(--hover); border-color: var(--muted)}
html[data-theme] .voice-button.listening {background: var(--blue); border-color: var(--blue); color: #fff; box-shadow: 0 0 0 4px #1d9bf033}
html[data-theme] .apply-voice .micro, html[data-theme] .voice-help,
html[data-theme] .apply-voice-row p {color: var(--muted) !important}
html[data-theme] .pack-tabs {border-color: var(--line)}
html[data-theme] .pack-tabs button {color: var(--muted)}
html[data-theme] .pack-tabs button.active {color: var(--ink); border-bottom-color: var(--blue)}

/* Account screen, loading state and mobile navigation use the same palette. */
html[data-theme] .account-gate {background: #000b; backdrop-filter: blur(8px)}
html[data-theme] .account-card {background: var(--surface); border: 1px solid var(--line); box-shadow: 0 24px 80px #0006}
html[data-theme] .account-card h1 em {color: var(--ink)}
html[data-theme] .mobile-more-sheet {background: var(--canvas); border-color: var(--line); box-shadow: 0 12px 40px #0005}
html[data-theme] .mobile-more-backdrop {background: #0009}
html[data-theme] .mobile-more-sheet button {color: var(--ink); border-color: var(--line)}
html[data-theme] .busy {background: #000b}
html[data-theme] .busy-box {background: var(--surface); border: 1px solid var(--line); box-shadow: 0 22px 70px #0007}
html[data-theme] .toast {background: var(--raised); border-color: var(--line); color: var(--ink)}
html[data-theme] .aside-card {border-radius: 16px}

@media (max-width: 700px) {
  html[data-theme] .view {padding-top: 28px}
  html[data-theme] .page-intro {min-height: 0; margin-bottom: 30px}
  html[data-theme] .feature-card {min-height: 204px; border-radius: 16px}
  html[data-theme] .feature-card h3 {font-size: 23px}
  html[data-theme] .overview-grid {gap: 10px}
  html[data-theme] .sidebar {background: var(--canvas); border-top: 1px solid var(--line); box-shadow: none}
  html[data-theme] .sidebar .nav-item.active {border-radius: 14px}
  html[data-theme] .topbar {background: var(--canvas)}
  html[data-theme] .account-card {max-height: calc(100dvh - 26px)}
}

/* A little atmosphere around the first step, with the same quiet palette. */
html[data-theme] #view-overview .page-intro {
  isolation: isolate;
  padding: 12px 0 8px;
  margin-bottom: 37px;
}
html[data-theme] #view-overview .page-intro::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -58px;
  right: -5%;
  width: min(62%, 660px);
  height: 370px;
  pointer-events: none;
  background: radial-gradient(ellipse at 60% 45%, #8a9aa926 0%, #53616e17 31%, transparent 70%);
  filter: blur(18px);
}
html[data-theme] #view-overview .page-intro::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 18px;
  right: 10%;
  width: 265px;
  height: 265px;
  border: 1px solid #c3ced014;
  border-radius: 50%;
  box-shadow: 0 0 0 48px #c3ced009, 0 0 0 98px #c3ced006;
  pointer-events: none;
}
html[data-theme="dark"] #view-overview .page-intro h1 em {
  background: linear-gradient(100deg, #f2f4f5 8%, #9baab6 97%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
html[data-theme="light"] #view-overview .page-intro h1 em {
  background: linear-gradient(100deg, #111820 8%, #5d6a74 97%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
html[data-theme] #view-overview .page-intro p {max-width: 545px; line-height: 1.62}
html[data-theme="dark"] #view-overview .page-intro p {color: #a9b4bd}
html[data-theme="light"] #view-overview .page-intro p {color: #50606b}
html[data-theme] #view-overview .intro-actions {gap: 12px}
html[data-theme] #view-overview .intro-actions .btn {height: 51px; padding-right: 11px}
html[data-theme] #view-overview .intro-actions .btn span {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  transition: transform .2s ease, background-color .2s ease;
}
html[data-theme] #view-overview .intro-actions .btn:hover span {transform: translate(2px, -2px)}
html[data-theme="dark"] #view-overview .intro-actions .btn-primary,
html[data-theme="dark"] #view-discover .search-form .btn-primary {
  background: linear-gradient(135deg, #404b55 0%, #252c33 100%);
  border: 1px solid #59656f;
  color: #f5f7f8;
  box-shadow: inset 0 1px #ffffff1a, 0 12px 30px #111c2855;
}
html[data-theme="dark"] #view-overview .intro-actions .btn-primary:hover,
html[data-theme="dark"] #view-discover .search-form .btn-primary:hover {
  background: linear-gradient(135deg, #4b5965 0%, #2e3740 100%);
  border-color: #74828d;
  color: #fff;
  box-shadow: inset 0 1px #ffffff26, 0 15px 33px #111c2866;
}
html[data-theme="dark"] #view-overview .intro-actions .btn-primary span {background: #ffffff16}
html[data-theme="dark"] #view-overview .intro-actions .btn-outline {
  background: #15191c99;
  border-color: #3a4147;
  color: #dce2e6;
}
html[data-theme="dark"] #view-overview .intro-actions .btn-outline:hover {background: #252b30}
html[data-theme="dark"] #view-overview .intro-actions .btn-outline span {background: #ffffff0c}
html[data-theme="light"] #view-overview .intro-actions .btn-primary,
html[data-theme="light"] #view-discover .search-form .btn-primary {
  background: linear-gradient(135deg, #303941, #15191d);
  border: 1px solid #222930;
  color: #fff;
  box-shadow: 0 11px 24px #17222d20;
}
html[data-theme="light"] #view-overview .intro-actions .btn-primary:hover,
html[data-theme="light"] #view-discover .search-form .btn-primary:hover {background: #26323b; color: #fff}
html[data-theme="light"] #view-overview .intro-actions .btn-primary span {background: #ffffff22}
html[data-theme="light"] #view-overview .intro-actions .btn-outline {background: #f6f8f9; border-color: #d4dbe0}
html[data-theme="light"] #view-overview .intro-actions .btn-outline span {background: #e8edf0}

html[data-theme="dark"] #view-overview .feature-card,
html[data-theme="dark"] #view-overview .overview-bottom {
  background: linear-gradient(145deg, #14181c 0%, #090b0e 100%);
  border-color: #343b40;
  box-shadow: inset 0 1px #ffffff0b;
}
html[data-theme="light"] #view-overview .feature-card,
html[data-theme="light"] #view-overview .overview-bottom {
  background: linear-gradient(145deg, #fff 0%, #f8fafb 100%);
  border-color: #d6dde1;
  box-shadow: 0 12px 30px #17222d09;
}
html[data-theme] #view-overview .feature-card {transition: border-color .22s ease, transform .22s ease, box-shadow .22s ease}
html[data-theme] #view-overview .feature-card:hover {transform: translateY(-2px)}
html[data-theme="dark"] #view-overview .feature-card:hover {border-color: #66737c; box-shadow: inset 0 1px #ffffff15, 0 15px 34px #0008}
html[data-theme="light"] #view-overview .feature-card:hover {border-color: #9daab2; box-shadow: 0 15px 34px #17222d18}
html[data-theme] #view-overview .feature-card button .action-icon {transition: transform .2s ease}
html[data-theme] #view-overview .feature-card button:hover .action-icon {transform: translate(2px, -2px)}
html[data-theme="dark"] #view-discover .search-surface {
  background: radial-gradient(ellipse at 90% 0%, #53616e24, transparent 53%), linear-gradient(145deg, #111519, #07090b);
  border-color: #394148;
  box-shadow: inset 0 1px #ffffff0f, 0 18px 40px #0005;
}
html[data-theme="light"] #view-discover .search-surface {
  background: radial-gradient(ellipse at 90% 0%, #bbc7ce44, transparent 52%), linear-gradient(145deg, #fff, #f7f9fa);
  border-color: #d4dce1;
  box-shadow: 0 15px 36px #17222d0d;
}
html[data-theme="dark"] #view-discover .search-surface input,
html[data-theme="dark"] #view-discover .search-surface select {background: #0d1013; border-color: #3b444b}
html[data-theme="light"] #view-discover .search-surface input,
html[data-theme="light"] #view-discover .search-surface select {background: #fff; border-color: #cfd8de}
html[data-theme] #view-discover .search-surface h2 {letter-spacing: -.04em}

@media (max-width: 700px) {
  html[data-theme] #view-overview .page-intro {padding-top: 8px; margin-bottom: 30px}
  html[data-theme] #view-overview .page-intro::before {top: -36px; right: 0; width: 85%; height: 240px; filter: blur(23px)}
  html[data-theme] #view-overview .page-intro::after {display: none}
  html[data-theme] #view-overview .intro-actions {gap: 8px}
  html[data-theme] #view-overview .intro-actions .btn {padding-left: 12px; padding-right: 7px}
  html[data-theme] #view-overview .intro-actions .btn span {width: 23px; height: 23px}
  html[data-theme] #view-overview .feature-card {min-height: 207px}
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme] #view-overview .intro-actions .btn span,
  html[data-theme] #view-overview .feature-card,
  html[data-theme] #view-overview .feature-card button .action-icon {transition: none}
}

/* Private, conversational CV builder. */
html[data-theme] .cv-builder {margin-top: 20px; padding: 28px; background: var(--surface)}
.cv-builder-head {display: flex; align-items: flex-start; justify-content: space-between; gap: 24px}
.cv-builder-head h2 {margin: 9px 0 9px; font-size: clamp(24px, 2.7vw, 34px)}
.cv-builder-head p {max-width: 650px; font-size: 13px; line-height: 1.6; margin: 0}
.cv-builder-head .btn {flex: none}
html[data-theme] .cv-interview-history {
  display: flex; flex-direction: column; gap: 12px; min-height: 106px; max-height: 330px;
  overflow-y: auto; margin: 24px 0 20px; padding: 18px;
  background: var(--raised); border: 1px solid var(--line); border-radius: 15px;
}
.cv-interview-history .conversation-message {max-width: min(78%, 620px); width: fit-content; line-height: 1.55; white-space: pre-wrap}
.cv-interview-history .user-message {align-self: flex-end}
.cv-interview-history .assistant-message {align-self: flex-start}
.cv-interview-form>label, .cv-interview-draft>label, .cv-draft-actions label {display: block; margin-bottom: 8px; font-size: 12px; font-weight: 750}
.cv-interview-input {position: relative}
.cv-interview-input textarea {min-height: 94px; padding-right: 68px; resize: vertical}
.cv-interview-input .voice-button {position: absolute; right: 12px; bottom: 12px; width: 42px; height: 42px}
.cv-interview-actions {display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 12px}
.cv-speak-choice {display: inline-flex; align-items: center; gap: 8px; margin-left: auto; font-size: 12px; color: var(--muted)}
.cv-speak-choice input {width: 17px; height: 17px; accent-color: var(--blue)}
.cv-interview-form .field-hint {margin-top: 13px}
.cv-interview-draft {margin-top: 26px; padding-top: 24px; border-top: 1px solid var(--line)}
.cv-draft-heading {display: flex; justify-content: space-between; gap: 15px; align-items: end; margin-bottom: 15px}
.cv-draft-heading h3 {margin: 7px 0 0; font-size: 21px}
.cv-draft-heading>span {font-size: 11px; color: var(--muted)}
.cv-interview-draft>textarea {min-height: 360px; line-height: 1.65; padding: 18px; white-space: pre-wrap}
.cv-draft-actions {display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-top: 14px}
.cv-draft-actions label {width: min(300px, 100%); margin: 0}
.cv-draft-actions input {margin-top: 7px}
.cv-draft-actions .btn {flex: none}
.cv-interview-history .conversation-message {box-shadow: none}
html[data-theme="dark"] .cv-builder {background: linear-gradient(145deg, #111519 0%, #07090b 100%); border-color: #394148}
html[data-theme="light"] .cv-builder {background: linear-gradient(145deg, #fff 0%, #f8fafb 100%); border-color: #d5dde1}

html[data-theme] #view-overview .page-intro {min-height: 260px}
html[data-theme] #view-overview .cv-builder {margin: 0 0 22px; scroll-margin-top: 24px}
html[data-theme="dark"] #view-overview .cv-builder {
  background: radial-gradient(circle at 92% 0%, #223650 0%, transparent 36%), linear-gradient(145deg, #141c29 0%, #0b1019 100%);
  border-color: #465976; box-shadow: 0 24px 60px #01050c77, inset 0 1px #ffffff17;
}
html[data-theme="light"] #view-overview .cv-builder {
  background: radial-gradient(circle at 94% 0%, #e4edf8 0%, transparent 39%), linear-gradient(145deg, #fff 0%, #f5f8fc 100%);
  border-color: #bccbdc; box-shadow: 0 22px 48px #2d466222;
}
html[data-theme] .cv-builder-head .micro {color: var(--blue)}
html[data-theme] #cvDraftSaveStatus {color: var(--muted)}

@media (max-width: 700px) {
  html[data-theme] #view-overview .page-intro {min-height: 0; padding-bottom: 24px; margin-bottom: 0}
  html[data-theme] #view-overview .cv-builder {scroll-margin-top: 76px}
}

@media (max-width: 700px) {
  html[data-theme] .cv-builder {padding: 20px; margin-top: 16px}
  .cv-builder-head {display: block}
  .cv-builder-head .btn {margin-top: 16px; width: 100%}
  .cv-interview-history .conversation-message {max-width: 93%}
  .cv-interview-actions {display: grid; grid-template-columns: 1fr 1fr}
  .cv-interview-actions .btn {width: 100%; padding-inline: 12px; gap: 8px}
  .cv-speak-choice {margin: 0; grid-column: 1 / 2}
  .cv-interview-actions .text-button {justify-self: end}
  .cv-draft-actions {display: grid; grid-template-columns: 1fr}
  .cv-draft-actions label, .cv-draft-actions .btn {width: 100%}
}

/* The home page keeps the CV conversation in focus. */
html[data-theme] #view-overview .page-intro {min-height: 0; margin-bottom: 24px; padding-bottom: 0}
html[data-theme] #view-overview .eyebrow-line {background: #75aa83}
html[data-theme] #view-overview .page-intro p {max-width: 480px; margin-bottom: 18px}
html[data-theme] #view-overview .cv-builder {border-radius: 26px; padding: clamp(20px, 3vw, 32px); box-shadow: 0 16px 40px #101b1514}
html[data-theme="dark"] #view-overview .cv-builder {
  background: radial-gradient(circle at 100% 0%, #28433455, transparent 43%), linear-gradient(145deg, #181f1c, #111713);
  border-color: #385145; box-shadow: 0 18px 48px #020b076b, inset 0 1px #ffffff0c;
}
html[data-theme="light"] #view-overview .cv-builder {
  background: radial-gradient(circle at 100% 0%, #e7f3e9, transparent 42%), linear-gradient(145deg, #fff, #f8fbf8);
  border-color: #cfdfd4; box-shadow: 0 16px 42px #28433312, inset 0 1px #ffffff;
}
html[data-theme] #view-overview .cv-builder-head h2 {font-size: clamp(24px, 2.4vw, 31px); margin: 8px 0 0}
html[data-theme="dark"] #view-overview .cv-builder-head .micro {color: #9cccaa}
html[data-theme="light"] #view-overview .cv-builder-head .micro {color: #357752}
html[data-theme] #view-overview .cv-builder-head .btn {height: auto; border: 0; background: transparent; box-shadow: none; color: var(--muted); padding: 6px 0}
html[data-theme] #view-overview .cv-builder-head .btn:hover {color: var(--ink)}
html[data-theme] #view-overview .cv-interview-history {min-height: 0; max-height: 260px; margin: 18px 0 16px; padding: 0; border: 0; background: transparent; border-radius: 0}
html[data-theme] #view-overview .conversation-message {border-radius: 16px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; padding: 12px 15px; font-size: 13px}
html[data-theme="dark"] #view-overview .assistant-message {background: #25372c; border-color: #395541; color: #e4f0e7}
html[data-theme="dark"] #view-overview .user-message {background: #b9dec2; color: #152e20}
html[data-theme="light"] #view-overview .assistant-message {background: #edf5ee; border-color: #d9e8dc; color: #284634}
html[data-theme="light"] #view-overview .user-message {background: #d6eedc; color: #163920}
html[data-theme] #view-overview .cv-interview-input textarea {border-radius: 17px; padding: 15px 67px 15px 16px; min-height: 88px; box-shadow: none}
html[data-theme="dark"] #view-overview .cv-interview-input textarea {background: #101713; border-color: #3b5343; color: #f0f5f1}
html[data-theme="light"] #view-overview .cv-interview-input textarea {background: #fff; border-color: #cdded1; color: #1f3025}
html[data-theme="dark"] #view-overview .cv-interview-input .voice-button {background: #314d39; border-color: #668773; color: #eef8ef; box-shadow: none}
html[data-theme="light"] #view-overview .cv-interview-input .voice-button {background: #e3f3e7; border-color: #acd0b6; color: #276747; box-shadow: none}
html[data-theme="dark"] #view-overview #startCvVoiceHome {background: linear-gradient(135deg, #b6ddb9, #8fc99e); border-color: #bce5c1; color: #183626; box-shadow: 0 10px 28px #0005}
html[data-theme="dark"] #view-overview #startCvVoiceHome:hover {background: linear-gradient(135deg, #c6eac9, #a2d8b0); color: #183626}
html[data-theme="light"] #view-overview #startCvVoiceHome {background: linear-gradient(135deg, #e7f6e9, #d6eddd); border-color: #acd2b7; color: #245b3a; box-shadow: 0 10px 26px #356c4217}
html[data-theme="light"] #view-overview #startCvVoiceHome:hover {background: linear-gradient(135deg, #daf1df, #c8e7d1); color: #1a4d31}
html[data-theme] #view-overview #startCvVoiceHome span {background: #ffffff6b}
html[data-theme="light"] #view-overview #cvBuilder .btn-primary {background: #d8efde; border-color: #a6d0b0; color: #1e5134}
html[data-theme="light"] #view-overview #cvBuilder .btn-primary:hover {background: #c6e6ce}
html[data-theme="dark"] #view-overview #cvBuilder .btn-primary {background: #b1dcb9; border-color: #acd5b5; color: #183626}
html[data-theme="dark"] #view-overview #cvBuilder .btn-primary:hover {background: #c4e9cb}
html[data-theme] #view-overview .cv-interview-form .field-hint {margin: 10px 0 0; font-size: 11px}
html[data-theme="dark"] #view-overview #replayCvReply {color: #a9d7b1}
html[data-theme="light"] #view-overview #replayCvReply {color: #2b8451}
html[data-theme] #view-overview .cv-speak-choice input {accent-color: #5caa70}
.cv-voice-details {margin-top: 8px; color: var(--muted); font-size: 11px}
.cv-voice-details summary {width: fit-content; cursor: pointer; color: var(--muted)}
.cv-voice-details p {max-width: 600px; margin: 7px 0 0; font-size: 11px}
html[data-theme] #view-overview .cv-interview-draft {margin-top: 20px; padding-top: 20px}

@media (max-width: 700px) {
  html[data-theme] #view-overview .page-intro {margin-bottom: 21px; padding-bottom: 0}
  html[data-theme] #view-overview #startCvVoiceHome {width: 100%}
  html[data-theme] #view-overview .cv-builder {padding: 19px}
  html[data-theme] #view-overview .cv-builder-head .btn {width: auto; margin-top: 9px}
  html[data-theme] #view-overview .cv-interview-history {margin: 18px 0 15px}
}

/* The CV conversation opens inline on the home screen. */
html[data-theme] #view-overview .cv-page-head {margin-bottom: 22px}
html[data-theme] #view-overview .cv-page-head p {max-width: 520px}
html[data-theme] #view-overview .eyebrow-line {background: #77aa83}
html[data-theme] #view-overview .cv-builder {
  max-width: 960px; margin: 0; padding: clamp(22px, 3vw, 36px); border-radius: 25px;
  box-shadow: 0 18px 45px #163a2412;
}
html[data-theme="light"] #view-overview .cv-builder {
  background: linear-gradient(145deg, #fff 45%, #f6faf6);
  border-color: #d5e3d8;
}
html[data-theme="dark"] #view-overview .cv-builder {
  background: linear-gradient(145deg, #191e1b, #111613);
  border-color: #34463a;
  box-shadow: 0 18px 48px #0006, inset 0 1px #ffffff0e;
}
html[data-theme] #view-overview .cv-builder-head h2 {font-size: clamp(24px, 2.5vw, 32px); margin: 6px 0 0}
html[data-theme] #view-overview .cv-builder-head .micro {color: #458759}
html[data-theme="dark"] #view-overview .cv-builder-head .micro {color: #9fcca9}
html[data-theme] #view-overview .cv-builder-head .btn {border: 0; background: none; box-shadow: none; color: var(--muted); padding: 5px}
html[data-theme] #view-overview .cv-interview-history {
  min-height: 0; max-height: 350px; padding: 0; margin: 22px 0 24px;
  background: none; border: 0; border-radius: 0;
}
html[data-theme] #view-overview .conversation-message {border-radius: 17px; padding: 14px 17px; font-size: 14px}
html[data-theme="light"] #view-overview .assistant-message {background: #eef5ef; color: #244431; border-color: #d9e9dc}
html[data-theme="light"] #view-overview .user-message {background: #d8ebdc; color: #193b24}
html[data-theme="dark"] #view-overview .assistant-message {background: #26362b; color: #e2eee4; border-color: #3b5542}
html[data-theme="dark"] #view-overview .user-message {background: #b7ddbf; color: #1a3522}
html[data-theme] #view-overview .cv-interview-input textarea {min-height: 105px; padding: 16px 77px 16px 17px; border-radius: 17px}
html[data-theme="light"] #view-overview .cv-interview-input textarea {background: #fff; border-color: #cbdccf}
html[data-theme="dark"] #view-overview .cv-interview-input textarea {background: #101713; border-color: #3b5343; color: #f2f7f2}
html[data-theme] #view-overview .cv-interview-input .voice-button {right: 13px; bottom: 13px; border-radius: 50%}
html[data-theme="light"] #view-overview .voice-button {background: #e1f0e5; border-color: #a8ccb1; color: #296844; box-shadow: none}
html[data-theme="dark"] #view-overview .voice-button {background: #31503b; border-color: #688d70; color: #eef7ee; box-shadow: none}
html[data-theme] #view-overview .cv-interview-actions {margin-top: 14px}
html[data-theme] #view-overview .cv-speak-choice input {accent-color: #5caa70}
html[data-theme="light"] #view-overview #replayCvReply {color: #34764b}
html[data-theme="dark"] #view-overview #replayCvReply {color: #add7b6}
html[data-theme="light"] #view-overview .btn-primary {background: #d9eedf; border-color: #acd1b5; color: #214d32}
html[data-theme="light"] #view-overview .btn-primary:hover {background: #c9e7d1}
html[data-theme="dark"] #view-overview .btn-primary {background: #b9ddbf; border-color: #b9ddbf; color: #183423}
html[data-theme="dark"] #view-overview .btn-primary:hover {background: #c9e9cf}
html[data-theme] #view-overview .cv-voice-details {margin-top: 13px}
html[data-theme] #view-overview .cv-interview-draft {scroll-margin-top: 80px}
.cv-build-status {display: flex; align-items: center; gap: 12px; margin-top: 20px; padding: 14px 17px; border-radius: 14px; font-size: 13px; font-weight: 700}
html[data-theme="light"] .cv-build-status {background: #edf7ef; color: #2e6741; border: 1px solid #d4e9d8}
html[data-theme="dark"] .cv-build-status {background: #263b2b; color: #b9dfc0; border: 1px solid #3e5d45}
.cv-build-pulse {width: 14px; height: 14px; flex: none; border-radius: 50%; border: 2px solid currentColor; border-right-color: transparent; animation: cv-build-spin .8s linear infinite}
@keyframes cv-build-spin {to {transform: rotate(360deg)}}
@media (max-width: 700px) {
  html[data-theme] #view-overview .cv-page-head {margin-bottom: 18px}
  html[data-theme] #view-overview .cv-builder {padding: 20px; border-radius: 20px}
  html[data-theme] #view-overview .cv-interview-history {margin: 19px 0 20px; max-height: 300px}
  html[data-theme] #view-overview .cv-builder-head .btn {width: auto; margin-top: 8px}
  html[data-theme] #view-overview .cv-interview-actions {grid-template-columns: 1fr 1fr}
}
@media (max-width: 1000px) {
  body.editing-field .sidebar {display: none !important}
  html[data-theme] .sidebar {bottom: 0; top: auto}
}

/* A voice input, not a call-to-action box. */
html[data-theme] #view-overview .page-intro {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  width: 100%; text-align: center; margin: 0 auto; padding: 24px 0;
}
html[data-theme] #view-overview:not(.cv-open) .page-intro {min-height: calc(100dvh - 142px)}
html[data-theme] #view-overview .page-intro p {max-width: 490px; margin: 0 auto}
html[data-theme] #view-overview .page-intro::before {left: 50%; right: auto; top: 38%; transform: translate(-50%, -50%)}
html[data-theme] #view-overview .page-intro::after {left: 50%; right: auto; top: 39%; transform: translate(-50%, -50%)}
.home-voice-control {display: flex; flex-direction: column; align-items: center; gap: 9px; margin-top: 28px}
.home-voice-control strong {font-size: 16px; font-weight: 730; letter-spacing: -.02em}
.home-voice-control>span {font-size: 12px; color: var(--muted)}
html[data-theme] #view-overview #startCvVoiceHome {
  position: relative; display: grid; place-items: center; width: 100px; height: 100px;
  min-width: 100px; padding: 0; margin: 0 0 12px; border-radius: 50%;
  isolation: isolate; overflow: visible; color: #dcefe0;
  background: radial-gradient(circle at 28% 17%, #5d8c66 0%, #31533a 25%, transparent 52%),
              linear-gradient(145deg, #375c40 0%, #193321 48%, #0b1b11 100%);
  border: 1px solid #7ba184;
  box-shadow: inset 0 2px 2px #e1ffe546, inset 0 -9px 17px #06150ab3,
              inset -8px -10px 18px #05120880, 0 0 0 5px #5d896833,
              0 0 0 11px #5a866624, 0 16px 34px #0009, 0 0 53px #6caa7752;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
  -webkit-tap-highlight-color: transparent;
}
html[data-theme] #view-overview #startCvVoiceHome:hover {
  transform: translateY(-3px) scale(1.035); border-color: #a4cbab;
  box-shadow: inset 0 2px 2px #e1ffe55c, inset 0 -9px 17px #06150ab3,
              0 0 0 6px #6b9d7844, 0 0 0 13px #5a86662b,
              0 20px 40px #0009, 0 0 67px #7dc28b73;
}
html[data-theme] #view-overview #startCvVoiceHome:active {transform: translateY(1px) scale(.965)}
html[data-theme] #view-overview #startCvVoiceHome:focus-visible {
  outline: 2px solid #bbddc1; outline-offset: 15px;
}
html[data-theme] #view-overview #startCvVoiceHome::before {
  content: ""; position: absolute; inset: -38px; z-index: -1; border-radius: 50%;
  background: radial-gradient(circle, #83c49254 0%, #74a77f2b 38%, transparent 70%);
  filter: blur(10px); pointer-events: none;
}
html[data-theme] #view-overview #startCvVoiceHome::after {
  content: ""; position: absolute; inset: 7px; border-radius: 50%;
  border: 1px solid #c7e5c43a;
  background: radial-gradient(ellipse at 27% 11%, #e9ffdd25 0%, transparent 42%);
  box-shadow: inset 0 2px 7px #d9fcd01a, inset 0 -8px 12px #0311075c;
  pointer-events: none;
}
html[data-theme] #view-overview #startCvVoiceHome .action-icon {
  position: relative; z-index: 1; width: 34px; height: 34px; stroke-width: 1.65;
  filter: drop-shadow(0 1px 1px #051008) drop-shadow(0 0 7px #b6efb66b);
}
html[data-theme] #view-overview #startCvVoiceHome .mic-status-dot {
  position: absolute; z-index: 2; top: 14px; right: 15px; width: 9px; height: 9px;
  border-radius: 50%; background: #f2ab9d; border: 2px solid #17331e;
  box-shadow: 0 0 9px #f7958380; opacity: 0; transform: scale(.7);
  transition: opacity .2s ease, transform .2s ease;
}
html[data-theme] #view-overview #startCvVoiceHome.listening .mic-status-dot {opacity: 1; transform: scale(1)}
html[data-theme] #view-overview #startCvVoiceHome.listening + #homeVoiceLabel {color: #a9d6b2}
html[data-theme="light"] #view-overview #startCvVoiceHome.listening + #homeVoiceLabel {color: #315e3b}
html[data-theme="light"] #view-overview #startCvVoiceHome {
  box-shadow: inset 0 2px 2px #e1ffe546, inset 0 -9px 17px #06150ab3,
              0 0 0 5px #5d89682b, 0 0 0 11px #5a86661c,
              0 16px 34px #193a2359, 0 0 50px #79b88955;
}
html[data-theme] #view-overview #startCvVoiceHome.listening {animation: home-voice-breathe 1.8s ease-in-out infinite}
html[data-theme] #view-overview #startCvVoiceHome.listening::after {border-color: #c7efc790; box-shadow: inset 0 2px 7px #d9fcd01a, 0 0 0 5px #8ed89d28}
@keyframes home-voice-breathe {
  50% {box-shadow: inset 0 2px 2px #e1ffe546, inset 0 -9px 17px #06150ab3,
                   0 0 0 8px #75b4824f, 0 0 0 17px #6ea77a24,
                   0 18px 38px #0008, 0 0 72px #92d49b8a}
}
html[data-theme] #view-overview.cv-open .page-intro {min-height: 0; padding: 26px 0 18px; margin-bottom: 12px}
html[data-theme] #view-overview.cv-open {padding-bottom: 75px}
html[data-theme] #view-overview.cv-open .page-intro h1 {font-size: clamp(32px, 4vw, 48px); margin-bottom: 9px}
html[data-theme] #view-overview.cv-open .home-voice-control {margin-top: 16px}
html[data-theme] #view-overview.cv-open #startCvVoiceHome {width: 76px; height: 76px; min-width: 76px; margin-bottom: 4px}
html[data-theme] #view-overview.cv-open #startCvVoiceHome .action-icon {width: 28px; height: 28px}
html[data-theme] #view-overview.cv-open #cvBuilder {margin: 0 auto 30px; scroll-margin-top: 24px}
html[data-theme="light"] #view-overview #dictateCv {background: #f5faf6; border-color: #b3d1bc; color: #255239; box-shadow: 0 0 0 4px #b8d7c14d, 0 4px 15px #729d7a28}
html[data-theme="dark"] #view-overview #dictateCv {background: #24372a; border-color: #759e7d; color: #e4f5e6; box-shadow: 0 0 0 4px #87bf9240, 0 0 18px #78b98640}
html[data-theme] .brand-mark, html[data-theme] .mobile-wordmark img, html[data-theme] .account-logo {filter: drop-shadow(0 0 8px #72bd8399)}
html[data-theme] .brand {gap: 12px}
html[data-theme] .brand-mark {width: 38px; height: 38px}
html[data-theme] .mobile-wordmark img {width: 32px; height: 32px}
html[data-theme] .account-logo {width: 50px; height: 50px}
html[data-theme="dark"] .brand-dot {color: #9fd8aa !important}
html[data-theme="light"] .brand-dot {color: #3b7650 !important}
@media (max-width: 700px) {
  html[data-theme] #view-overview:not(.cv-open) .page-intro {min-height: calc(100dvh - 155px)}
  html[data-theme] #view-overview .page-intro {padding: 16px 0}
  html[data-theme] #view-overview .page-intro p {font-size: 13px; max-width: 330px}
  .home-voice-control {margin-top: 24px}
  html[data-theme] #view-overview.cv-open .page-intro p {display: none}
  html[data-theme] #view-overview.cv-open .page-intro .eyebrow {display: none}
  html[data-theme] #view-overview.cv-open .home-voice-control {margin-top: 10px}
  html[data-theme] #view-overview.cv-open #cvBuilder {scroll-margin-top: 72px}
}
@media (prefers-reduced-motion: reduce) {
  html[data-theme] #view-overview #startCvVoiceHome, html[data-theme] #view-overview #startCvVoiceHome.listening {animation: none; transition: none}
}

/* Quiet type and one shared surface language across every workspace. */
html[data-theme="dark"] {
  --ink: #cbd4d0;
  --heading: #dce4df;
  --muted: #93a0a3;
  --action: #c5d0ca;
  --action-ink: #111916;
}
html[data-theme="light"] {
  --ink: #28363b;
  --heading: #1e2b30;
  --muted: #62727a;
  --action: #263239;
  --action-ink: #f4f7f5;
}
html[data-theme] h1, html[data-theme] h2, html[data-theme] h3,
html[data-theme] h4 {color: var(--heading)}
html[data-theme] strong, html[data-theme] label {color: var(--ink)}
html[data-theme="dark"] #view-overview .page-intro h1 em {
  background: linear-gradient(105deg, #dce4df 5%, #99aaa5 100%);
  -webkit-background-clip: text; background-clip: text;
}
html[data-theme="light"] #view-overview .page-intro h1 em {
  background: linear-gradient(105deg, #25333a 5%, #6d7e84 100%);
  -webkit-background-clip: text; background-clip: text;
}
html[data-theme="dark"] #view-overview .page-intro p {color: #9ca9ab}
html[data-theme="light"] #view-overview .page-intro p {color: #62727a}
html[data-theme] .eyebrow-line {background: var(--muted)}
html[data-theme] .sidebar .nav-item.active {color: var(--ink)}

html[data-theme] #view-overview .cv-builder {
  border-radius: 18px; box-shadow: none;
}
html[data-theme="dark"] #view-overview .cv-builder {
  background: linear-gradient(145deg, #111618, #0b0e10);
  border-color: #30393b; box-shadow: inset 0 1px #ffffff0b;
}
html[data-theme="light"] #view-overview .cv-builder {
  background: linear-gradient(145deg, #fff, #f8faf9);
  border-color: #d6dedf; box-shadow: 0 13px 32px #17222d0c;
}
html[data-theme] #view-overview .cv-builder-head .micro {color: var(--muted)}
html[data-theme] #view-overview .assistant-message,
html[data-theme] #view-overview .user-message {
  color: var(--ink); border-color: var(--line);
}
html[data-theme="dark"] #view-overview .assistant-message {background: #1d2527}
html[data-theme="dark"] #view-overview .user-message {background: #283336}
html[data-theme="light"] #view-overview .assistant-message {background: #f0f4f3}
html[data-theme="light"] #view-overview .user-message {background: #e8eeed}
html[data-theme] #view-overview .cv-interview-input textarea,
html[data-theme] #view-overview .cv-interview-draft textarea {
  background: var(--surface); border-color: var(--line); color: var(--ink);
}
html[data-theme] #view-overview .cv-interview-input .voice-button,
html[data-theme] #view-overview #dictateCv {
  background: var(--raised); border-color: var(--line); color: var(--ink); box-shadow: none;
}
html[data-theme] #view-overview #dictateCv.listening {
  background: #27412f; border-color: #74ac80; color: #e2efe4;
  box-shadow: 0 0 0 4px #75b78036;
}
html[data-theme] #view-overview .btn-primary,
html[data-theme] #view-overview #cvBuilder .btn-primary {
  background: var(--action); border-color: var(--action); color: var(--action-ink);
}
html[data-theme] #view-overview .btn-primary:hover,
html[data-theme] #view-overview #cvBuilder .btn-primary:hover {
  background: var(--heading); border-color: var(--heading); color: var(--canvas);
}
html[data-theme] #view-overview #replayCvReply {color: var(--muted)}
html[data-theme] #view-overview #replayCvReply:hover {color: var(--ink)}
html[data-theme] #view-overview .cv-speak-choice input {accent-color: var(--ink)}
html[data-theme] .cv-build-status {
  background: var(--raised); border: 1px solid var(--line); color: var(--ink);
}
html[data-theme] #view-overview .page-intro .cv-build-status {
  align-items: center; justify-content: center; width: min(100%, 370px);
  margin: 18px auto 0; padding: 14px 18px; border-radius: 16px;
  font-size: 12px; line-height: 1.45; text-align: left;
}
html[data-theme] #view-overview .page-intro .cv-build-pulse {
  width: 22px; height: 22px; border-width: 2px; flex: none;
  box-shadow: 0 0 0 4px #81bb8d14;
}
html[data-theme] #view-overview #cvInterviewDraft {
  margin: 18px 0 26px; padding: 20px 0 0;
  border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent;
  scroll-margin-top: 82px;
}
html[data-theme] #view-overview #cvInterviewDraft .cv-draft-heading {align-items: start; flex-wrap: wrap}
html[data-theme] #view-overview #cvInterviewDraft textarea {
  height: clamp(260px, 38vh, 390px); min-height: 260px; border-radius: 14px;
}