/* Layout stays shared; the selected palette changes surfaces, ink and atmosphere. */
.header-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.header-actions .header-contact { margin-left: 0; }
.theme-toggle {
  display: inline-grid; place-items: center; flex: 0 0 44px;
  width: 44px; height: 44px; padding: 11px;
  color: var(--ink); background: transparent;
  border: 1px solid var(--line); border-radius: 12px;
  transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease;
}
.theme-toggle:hover { color: var(--accent); border-color: var(--accent); background: var(--soft); }
.theme-toggle svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.contact-compact { display: none; }
.header-actions .header-contact > .contact-compact { display: none; }
.appearance { position: relative; }
.appearance-panel {
  position: absolute; z-index: 70; inset: calc(100% + 12px) 0 auto auto;
  width: 286px; padding: 20px; color: var(--ink); background: var(--paper);
  border: 1px solid var(--line); border-radius: 12px;
  box-shadow: 0 12px 32px rgb(0 0 0 / .16);
  font: 400 14px/1.5 var(--text); white-space: normal;
}
.appearance-panel .appearance-heading { margin: 0 0 16px; font-size: 16px; font-weight: 600; }
.appearance-themes { min-width: 0; margin: 0; padding: 0; border: 0; }
.appearance-themes legend { margin-bottom: 6px; padding: 0; color: var(--muted); font-size: 12px; }
.appearance-themes label { display: flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer; }
.appearance-themes input { appearance: auto; flex: 0 0 18px; width: 18px; height: 18px; margin: 0; accent-color: var(--accent); }
.appearance-themes label:has(input:checked) { font-weight: 600; }
.appearance-effects { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); cursor: pointer; }
.appearance-effects input {
  appearance: none; position: relative; flex: 0 0 40px; width: 40px; height: 24px;
  margin: 0; padding: 3px; border: 1px solid var(--muted); border-radius: 20px;
  background: var(--soft); cursor: pointer;
}
.appearance-effects input::before { content: ''; display: block; width: 16px; height: 16px; border-radius: 50%; background: var(--muted); transition: transform 160ms ease; }
.appearance-effects input:checked { border-color: var(--signal); background: var(--signal); }
.appearance-effects input:checked::before { transform: translateX(16px); background: var(--signal-ink); }
.appearance-effects input:disabled { cursor: not-allowed; opacity: .55; }
.appearance-panel .appearance-note { margin: 8px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.appearance-panel input:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }

html[data-theme="capture"][data-color-scheme="light"] {
  color-scheme: light;
  --paper: #f8f6f1;
  --ink: #25231f;
  --muted: #655f56;
  --line: #d3ccc1;
  --soft: #f0ede6;
  --white: #ffffff;
  --subtle: #e9e3da;
  --light: #25231f;
  --dark: #171714;
  --black: #171714;
  --accent: #c44713;
  --signal: #ff692b;
  --signal-ink: #101010;
  --accent-hover: #ff854d;
  --focus: #c44713;
  --backdrop: rgb(35 29 20 / .58);
  --motion-glow: rgb(196 71 19 / .12);
}
html[data-color-scheme="light"] body {
  background-image: radial-gradient(ellipse 1000px 780px at 85% 5%,rgb(235 176 127 / .12),transparent 72%),radial-gradient(ellipse 900px 1000px at 0% 43%,rgb(194 184 163 / .1),transparent 78%);
}
html[data-color-scheme="light"] body::before { background-image: radial-gradient(rgb(71 53 32 / .12) .6px,transparent .8px); opacity: .18; }
html[data-color-scheme="light"] .hero::before {
  background-image: linear-gradient(rgb(71 53 32 / .08) 1px,transparent 1px),linear-gradient(90deg,rgb(71 53 32 / .08) 1px,transparent 1px);
}
html[data-color-scheme="light"] .career-tool p:not(.eyebrow),
html[data-color-scheme="light"] :is(.contact-intro,.contact-handle,.note-kicker) { color: var(--muted); }
html[data-color-scheme="light"] .resume-brief :is(input,textarea)::placeholder { color: var(--muted); }
html[data-color-scheme="light"] .quiz-option:has(input:checked) { background: #f8e4d6; }
html[data-color-scheme="light"] .quiz-clear-dialog { color-scheme: light; }
html[data-color-scheme="light"] :is(.career-quiz-dialog,.quiz-clear-dialog)::backdrop { background: var(--backdrop); }
html[data-color-scheme="light"] .path-light { mix-blend-mode: multiply; opacity: 0; background: radial-gradient(circle,rgb(244 149 85 / .13),transparent 67%); }
html[data-color-scheme="light"].has-flashlight .path-light { opacity: 1; }
html[data-color-scheme="light"] .torch-cursor { border-color: var(--accent); box-shadow: 0 0 14px rgb(196 71 19 / .12); }
html[data-color-scheme="light"] .torch-cursor::before { background: var(--accent); box-shadow: none; }
html[data-color-scheme="light"] .torch-cursor.is-interactive { border-color: var(--ink); }
html[data-color-scheme="light"] :is(.hero,.error-main) h1 > span { animation-name: experience-flash-light; }
@keyframes experience-flash-light {
  0%,65%,80%,100% { color: var(--accent); text-shadow: none; }
  69%,76% { color: #8e300a; text-shadow: 0 0 20px rgb(244 149 85 / .2); }
  73% { color: var(--accent); text-shadow: none; }
}
@media (max-width: 1150px) and (min-width: 981px) {
  .site-header.wrap { gap: 14px; }
  .site-header .desktop-nav { gap: 17px; }
}
@media (max-width: 980px) {
  .header-actions { margin-left: auto; }
  .mobile-nav .appearance { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--line); }
  .mobile-nav .theme-toggle { display: none; }
  .mobile-nav .appearance-panel { position: static; width: 100%; padding: 0; border: 0; border-radius: 0; box-shadow: none; }
}
@media (max-width: 700px) {
  .site-header.wrap { gap: 10px; padding-inline: 16px; }
  .site-header .brand { min-width: 0; }
  .site-header .brand-role { font-size: 8px; }
  .header-actions { gap: 8px; }
  .header-actions .header-contact { gap: 8px; padding-inline: 12px; }
  .site-header .menu-toggle { margin-left: 0; }
}
@media (max-width: 380px) {
  .site-header.wrap { padding-inline: 12px; gap: 8px; }
  .header-actions { gap: 6px; }
  html[data-theme="capture"] .header-actions .header-contact { justify-content: center; width: 44px; min-height: 44px; padding: 10px; }
  .header-actions .header-contact > :is(.contact-mobile,.contact-desktop,.ui-arrow-slot) { display: none; }
  .header-actions .header-contact > .contact-compact { display: block; width: 22px; height: 22px; margin: 0; background: transparent; }
  .contact-compact svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
}
@media print { .appearance { display: none; } }