/* These selectors change presentation only. Current keeps its existing styles. */
html[data-appearance]:not([data-appearance="current"]) body { background:var(--vk-bg); color:var(--vk-text); }
html[data-appearance]:not([data-appearance="current"]) :is(.vk-section,.vk-section-alt,.vk-section-Tint) { padding-block:var(--appearance-section-space); }
html[data-appearance]:not([data-appearance="current"]) :is(.vk-container,.vk-header-top,.vk-nav-container) { max-width:var(--appearance-content-width); }
html[data-appearance]:not([data-appearance="current"]) :is(.vk-card,.vk-card-accent,.vk-video-card,.vk-gcal-wrap,.vk-calendar-iframe-wrap,.vk-audio-item,.vk-contact-table) {
  border-radius:var(--appearance-radius); box-shadow:var(--appearance-shadow); border-color:var(--vk-border); background-color:var(--vk-surface);
}
html[data-appearance]:not([data-appearance="current"]) :is(.vk-btn-primary,.vk-btn-light,.vk-form-input,.vk-form-textarea) { border-radius:var(--appearance-radius); }
html[data-appearance]:not([data-appearance="current"]) .vk-hero-inner { background:var(--appearance-hero-overlay); border-radius:var(--appearance-radius); backdrop-filter:none; }
html[data-appearance]:not([data-appearance="current"]) :is(.vk-section-title,.vk-section-title-left,.vk-card-title,.vk-footer-heading) { letter-spacing:0; }
html[data-appearance]:not([data-appearance="current"]) :is(.vk-contact-cell-role,.vk-contact-cell-name,.vk-contact-cell-info,.gcal-event td) { border-color:var(--vk-border); }
html[data-appearance]:not([data-appearance="current"]) :is(.vk-form-input,.vk-form-textarea) { background:var(--vk-surface); color:var(--vk-ink); border-color:var(--vk-border); }
html[data-appearance="minimal"] .vk-hero-inner { border:0; }
html[data-appearance="minimal"] .vk-site-header { box-shadow:none; }
html[data-appearance="warm"] .vk-hero-quote { font-weight:400; }
@media(max-width:767px) {
  html[data-appearance]:not([data-appearance="current"]) :is(.vk-section,.vk-section-alt,.vk-section-Tint) { padding-block:48px; }
}
/* Neutral review controls stay visually separate from the candidate design. */
html[data-appearance-review] body { padding-bottom:var(--appearance-review-space,116px); }
.appearance-review { position:fixed; z-index:10001; bottom:16px; left:50%; transform:translateX(-50%); box-sizing:border-box; width:max-content; max-width:calc(100% - 24px); padding:12px 16px; border:1px solid #b9c4ce; border-radius:12px; background:#fff; color:#17232e; box-shadow:0 6px 28px #10283c26; font:14px/1.4 system-ui,sans-serif; }
.appearance-review * { box-sizing:border-box; }
.appearance-review-row,.appearance-options { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.appearance-review-title { margin:0 12px 0 0; font-weight:700; }
.appearance-review button { min-height:38px; padding:7px 12px; border:1px solid #aebbc7; border-radius:6px; background:#fff; color:#17232e; font:600 14px/1.4 system-ui,sans-serif; cursor:pointer; }
.appearance-review button[aria-pressed="true"] { background:#17232e; color:#fff; border-color:#17232e; }
.appearance-review button:focus-visible,.appearance-review input:focus-visible { outline:3px solid #b96b00; outline-offset:3px; }
.appearance-review p.appearance-note { margin:7px 0 0; color:#52616d; font:12px/1.4 system-ui,sans-serif; }
.appearance-review [hidden] { display:none!important; }
.appearance-review input { width:100%; font:14px system-ui,sans-serif; padding:8px; margin-top:8px; color:#17232e; background:white; border:1px solid #aebbc7; }
@media(max-width:600px) {
  html[data-appearance-review] body { padding-bottom:var(--appearance-review-space,260px); }
  .appearance-review { width:calc(100% - 24px); bottom:64px; padding:10px 12px; }
  .appearance-review-title { width:100%; }
  .appearance-review-row { gap:6px; }
  .appearance-review button { padding:7px 9px; }
}
@media print { .appearance-review { display:none; } html[data-appearance-review] body { padding-bottom:0; } }