/* The real CV keeps its selected fonts, palette and A4 geometry. */
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:64px;max-width:1220px;margin:44px auto 64px;padding:0 28px}.contact-form-column{min-width:0}.contact-form-column h1{font-size:clamp(34px,3.2vw,44px);line-height:1.12;max-width:510px}.contact-form-column .question-help{font-size:16px;margin-bottom:22px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.contact-field-name,.contact-field-location,.contact-field-role{grid-column:1/-1}.contact-layout .contact-field{margin:0 0 20px;gap:7px;font-size:14px;align-content:start}.contact-field>span>small{color:var(--rp-muted);font-size:12px;font-weight:400}.contact-layout .contact-field input{min-height:52px;border-radius:12px;background:var(--rp-card);padding:12px 14px}.contact-field-help{font-size:12px;line-height:1.5;color:var(--rp-muted);font-weight:400}.contact-preferences{margin:0 0 20px;font-size:13px;color:var(--rp-muted)}.contact-preferences summary{min-height:36px;cursor:pointer}.contact-preferences fieldset{border:0!important;padding:0!important;margin:6px 0!important;gap:14px!important;color:var(--rp-ink)}.contact-actions button{border-radius:999px;min-height:52px}.contact-actions .studio-primary{outline:2px solid var(--rp-inverse);outline-offset:2px}.contact-actions .studio-primary:focus-visible{outline:3px solid var(--rp-focus);outline-offset:4px}.contact-layout input[aria-invalid=true]{border-color:#a23422;box-shadow:0 0 0 1px #a23422}.contact-error{font-size:12px;line-height:1.5;font-weight:400;color:#a23422}.contact-view-toggle{display:none}
.contact-preview-column{min-width:0;align-self:start;position:sticky;top:28px;border:1px solid var(--rp-border);background:var(--rp-card);padding:22px;border-radius:22px}.contact-preview-column>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.contact-preview-column .question-index{font-size:10px;margin-bottom:6px}.contact-preview-column h2{font:600 19px/1.3 var(--font-body);margin:0;color:var(--rp-ink)}.contact-document-language{white-space:nowrap;font-size:11px;color:var(--rp-muted);padding:6px 8px;border:1px solid var(--rp-border);border-radius:999px}.contact-preview-note{font-size:12px;line-height:1.6;color:var(--rp-muted);margin:12px 0 18px}.contact-paper-window{max-height:none;overflow:hidden;border-radius:10px;background:#fff;overscroll-behavior:contain;box-shadow:0 8px 24px #2531220a}.contact-paper-holder{position:relative;min-height:120px;overflow:hidden;background:white}.contact-paper-holder>.cv-page{position:absolute;left:0;top:0;width:794px;max-width:none!important;min-width:794px;height:1123px;transform-origin:top left;margin:0;box-shadow:none}.contact-paper-holder .cv-preview-hint{opacity:.58;outline:1px dashed currentColor;outline-offset:2px;border-radius:2px}.contact-paper-holder [data-contact-focus]{cursor:pointer}.contact-paper-holder [data-contact-focus]:hover,.contact-paper-holder [data-contact-focus]:focus-visible{opacity:1;outline:2px solid #b83e28;outline-offset:3px}.contact-paper-holder [data-preview-guide]:not([data-contact-focus]){cursor:default}.contact-layout [hidden]{display:none!important}#studio-onboarding:has(.contact-layout){overflow-x:clip}
@media(max-width:1000px){.contact-layout{gap:28px;padding:0 22px}.contact-fields{grid-template-columns:1fr}.contact-preview-column{padding:16px}.contact-paper-window{max-height:none}}
@media(max-width:760px){.contact-layout{display:block;margin:20px auto 32px;padding:0 16px;max-width:580px}.contact-view-toggle{display:flex;gap:8px;padding:0 0 22px}.contact-view-toggle button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:44px;border:1px solid var(--rp-border);border-radius:999px;background:var(--rp-card);font-size:13px}.contact-view-toggle button[aria-pressed=true]{background:var(--rp-soft);border-color:var(--rp-ink)}.contact-view-toggle svg{width:18px;height:18px}.contact-layout[data-contact-view=form] .contact-preview-column{display:none}.contact-layout[data-contact-view=preview] .contact-form-column{display:none}.contact-form-column h1{font-size:36px}.contact-form-column .question-help{font-size:15px;margin-bottom:20px}.contact-layout .contact-field{margin-bottom:18px}.contact-actions{position:sticky;bottom:0;z-index:4;background:var(--rp-paper);padding:12px 0 calc(12px + env(safe-area-inset-bottom));margin-top:14px!important;flex-wrap:nowrap!important;border-top:1px solid var(--rp-border)}.contact-actions .studio-primary{flex:1}.contact-preview-column{position:static;padding:16px;border-radius:18px}.contact-paper-window{max-height:none;overflow:hidden}.contact-preview-note{font-size:12px}.contact-form-column .question-index{font-size:11px}#studio-onboarding:has(.contact-layout) .studio-top{flex-wrap:nowrap}#studio-onboarding:has(.contact-layout) .studio-top>a img{width:clamp(105px,32vw,138px)}#studio-onboarding:has(.contact-layout) .studio-top>div{gap:6px}#studio-onboarding:has(.contact-layout) .studio-top button{white-space:nowrap;max-width:none}}
@media(max-width:760px){.contact-layout[data-keyboard-open=true]{padding-bottom:calc(var(--contact-keyboard-offset) + 100px)}.contact-layout[data-keyboard-open=true] .contact-actions{position:fixed;bottom:var(--contact-keyboard-offset);left:max(16px,calc((100vw - 548px)/2));right:max(16px,calc((100vw - 548px)/2));margin:0!important;box-shadow:0 -8px 18px #faf8f2}.contact-layout[data-keyboard-open=true] .contact-actions button{min-height:48px}}
@media(max-width:360px){.contact-form-column h1{font-size:32px}}