:root {
--scvb-page-width: 210mm;
--scvb-page-height: 297mm;
}
.scvb-cv {
--scvb-font: Calibri, Carlito, Arial, sans-serif;
--scvb-size: 11pt;
--scvb-line: 1.25;
--scvb-accent: #244b5a;
--scvb-margin: 10mm;
box-sizing: border-box;
width: var(--scvb-page-width);
min-width: var(--scvb-page-width);
max-width: var(--scvb-page-width);
min-height: var(--scvb-page-height);
margin: 0 auto;
padding: var(--scvb-margin);
background: #fff;
color: #1c2328;
box-shadow: 0 10px 30px rgba(22,33,41,.13);
font-family: var(--scvb-font);
font-size: var(--scvb-size);
line-height: var(--scvb-line);
display: flex;
flex-direction: column;
}
.scvb-cv *,
.scvb-cv *::before,
.scvb-cv *::after {
box-sizing: border-box;
}
.scvb-cv h1,
.scvb-cv h2,
.scvb-cv h3 {
font-family: inherit;
color: inherit;
}
.scvb-cv h1 {
font-size: 1.72em;
line-height: 1.05;
margin: 0 0 3px;
font-weight: 750;
letter-spacing: -.025em;
}
.scvb-cv h2 {
font-size: .98em;
line-height: 1.2;
margin: 10px 0 5px;
padding-bottom: 3px;
color: var(--scvb-accent);
font-weight: 750;
border-bottom: 1px solid color-mix(in srgb, var(--scvb-accent) 60%, #fff);
letter-spacing: .015em;
}
.scvb-cv[data-heading-style="plain"] h2 {
border-bottom: 0;
padding-bottom: 0;
}
.scvb-cv[data-heading-style="caps"] h2 {
text-transform: uppercase;
letter-spacing: .06em;
font-size: .92em;
}
.scvb-cv h3 {
font-size: .96em;
margin: 0 0 1px;
font-weight: 750;
}
.scvb-cv p { margin: 2px 0; }
.scvb-cv-header {
margin-bottom: 3px;
break-inside: avoid;
page-break-inside: avoid;
}
.scvb-tailored {
font-size: .86em;
color: var(--scvb-accent);
font-weight: 650;
margin: 1px 0 3px;
}
.scvb-meta {
font-size: .84em;
color: #56636b;
line-height: 1.3;
}
.scvb-entry {
margin-bottom: 6px;
break-inside: avoid;
page-break-inside: avoid;
}
.scvb-entry.compact { margin-bottom: 4px; }
.scvb-rich-output { margin: 2px 0; }
.scvb-rich-output ul,
.scvb-rich-output ol,
.scvb-cv ul,
.scvb-cv ol {
margin: 3px 0 4px 18px;
padding: 0;
}
.scvb-rich-output li,
.scvb-cv li { margin: 1px 0; }
.scvb-tags { white-space: pre-line; }
.scvb-language-row { margin: 2px 0; }
.scvb-photo {
width: 58px;
height: 70px;
object-fit: cover;
float: right;
margin-left: 10px;
border-radius: 4px;
}
.scvb-footer {
font-size: .72em;
color: #6e777c;
margin-top: auto;
padding-top: 14px;
break-inside: avoid;
page-break-inside: avoid;
}
.scvb-footer p { margin: 1px 0; }
.scvb-empty { color: #a0a8ad; font-style: italic; } .scvb-cv.template-modern .scvb-cv-header {
border-left: 4px solid var(--scvb-accent);
padding-left: 12px;
margin-bottom: 8px;
}
.scvb-cv.template-modern h2 {
border-bottom: 0;
border-left: 3px solid var(--scvb-accent);
padding: 1px 0 1px 7px;
} .scvb-cv.template-professional {
padding: 0;
overflow: hidden;
}
.scvb-cv.template-professional .scvb-cv-header {
background: var(--scvb-accent);
color: #fff;
padding: 14mm var(--scvb-margin) 9mm;
margin: 0;
}
.scvb-cv.template-professional .scvb-cv-header .scvb-meta,
.scvb-cv.template-professional .scvb-tailored {
color: #eaf2f5;
}
.scvb-cv.template-professional .scvb-two-col {
display: grid;
grid-template-columns: 31% 69%;
flex: 1;
}
.scvb-cv.template-professional .scvb-sidebar {
background: #f0f4f6;
padding: 8mm 6mm 8mm var(--scvb-margin);
}
.scvb-cv.template-professional .scvb-maincol {
padding: 8mm var(--scvb-margin) 8mm 7mm;
}
.scvb-cv.template-professional h2 {
border-bottom: 1px solid #9fb0b8;
color: var(--scvb-accent);
}
.scvb-cv.template-professional .scvb-footer {
padding: 4mm var(--scvb-margin) 7mm;
} .scvb-cv.template-research {
font-family: Georgia, "Times New Roman", serif;
}
.scvb-cv.template-research .scvb-cv-header {
text-align: center;
border-bottom: 2px solid var(--scvb-accent);
padding-bottom: 7px;
margin-bottom: 8px;
}
.scvb-cv.template-research h2 {
font-variant: small-caps;
letter-spacing: .05em;
text-align: left;
} .scvb-cv.template-minimal h1 { font-weight: 600; }
.scvb-cv.template-minimal h2 {
color: #1c2328;
border-color: #cdd3d7;
font-weight: 650;
}
.scvb-cv.template-minimal .scvb-tailored { color: #65727a; } .scvb-skill-output {
display: grid;
gap: 4px;
}
.scvb-skill-render-group {
display: grid;
grid-template-columns: minmax(105px,24%) 1fr;
gap: 7px;
align-items: start;
break-inside: avoid;
page-break-inside: avoid;
}
.scvb-skill-render-group > strong {
font-size: .9em;
line-height: 1.35;
}
.scvb-skill-render-items {
display: flex;
flex-wrap: wrap;
gap: 0;
line-height: 1.35;
color: #303a40;
}
.scvb-skill-render-items span:not(:last-child)::after {
content: ' · ';
color: #8b969c;
margin: 0 3px;
}
.scvb-skills-compact {
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 5px 12px;
}
.scvb-skills-compact .scvb-skill-render-group { display: block; }
.scvb-skills-compact .scvb-skill-render-group > strong {
display: block;
margin-bottom: 1px;
}
.template-professional .scvb-skill-render-group,
.template-professional .scvb-skills-compact .scvb-skill-render-group {
display: block;
margin-bottom: 6px;
}
.template-professional .scvb-skills-compact {
grid-template-columns: 1fr;
} html.scvb-export-root,
body.scvb-export-page {
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
width: 210mm !important;
}
body.scvb-export-page {
display: block !important;
width: 210mm !important;
max-width: 210mm !important;
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
}
body.scvb-export-page .scvb-cv {
margin: 0 !important;
box-shadow: none !important;
}
@page {
size: A4;
margin: 0;
}
@media print {
html.scvb-export-root,
body.scvb-export-page {
width: 210mm !important;
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
}
body.scvb-export-page ,
body.scvb-export-page .scvb-cv {
display: block !important;
visibility: visible !important;
position: static !important;
margin: 0 !important;
box-shadow: none !important;
}
}