:root {
--scvb-page-width: 210mm;
--scvb-page-height: 297mm;
}
.scvb-cv {
--scvb-font: Calibri, Carlito, Arial, sans-serif;
--scvb-name-font: var(--scvb-font);
--scvb-heading-font: var(--scvb-font);
--scvb-size: 10.5pt;
--scvb-name-size: 22pt;
--scvb-heading-size: 13pt;
--scvb-line: 1.25;
--scvb-accent: #244b5a;
--scvb-margin: 10mm;
--scvb-text: #1c2328;
--scvb-muted: #56636b;
--scvb-heading: var(--scvb-accent);
--scvb-header-bg: transparent;
--scvb-header-text: var(--scvb-text);
--scvb-header-muted: var(--scvb-muted);
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: var(--scvb-text);
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 .scvb-cv-header h1 {
font-family: var(--scvb-name-font) !important;
font-size: var(--scvb-name-size) !important;
line-height: 1.05 !important;
margin: 0 0 3px !important;
font-weight: 700 !important;
letter-spacing: -.02em !important;
color: var(--scvb-header-text) !important;
}
.scvb-cv .scvb-render-section h2 {
font-family: var(--scvb-heading-font) !important;
font-size: var(--scvb-heading-size) !important;
line-height: 1.2 !important;
margin: 9px 0 5px !important;
padding-bottom: 3px !important;
color: var(--scvb-heading) !important;
font-weight: 700 !important;
border-bottom: 1px solid #9fb0b8 !important;
letter-spacing: .01em !important;
}
.scvb-cv .scvb-entry h3 {
font-family: var(--scvb-font) !important;
font-size: .96em !important;
line-height: 1.25 !important;
color: var(--scvb-text) !important;
}
.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 .scvb-entry h3 {
margin: 0 0 1px !important;
font-weight: 700 !important;
}
.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: var(--scvb-muted);
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 .scvb-render-section 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-header-bg: var(--scvb-accent);
--scvb-header-text: #ffffff;
--scvb-header-muted: #eaf2f5;
}
.scvb-cv.template-professional .scvb-cv-header {
background: var(--scvb-header-bg);
color: var(--scvb-header-text);
padding: 12mm var(--scvb-margin) 8mm;
margin: 0;
}
.scvb-cv.template-professional .scvb-cv-header .scvb-meta,
.scvb-cv.template-professional .scvb-tailored {
color: var(--scvb-header-muted) !important;
}
.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 .scvb-render-section 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 .scvb-render-section h2 {
font-variant: small-caps;
letter-spacing: .05em;
text-align: left;
} .scvb-cv.template-minimal h1 { font-weight: 600; }
.scvb-cv.template-minimal .scvb-render-section 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;
}
} .scvb-cv[data-header-text="light"] { --scvb-header-text:#fff; --scvb-header-muted:rgba(255,255,255,.88); }
.scvb-cv[data-header-text="dark"] { --scvb-header-text:#18242b; --scvb-header-muted:#56636b; }
.scvb-cv[data-header-text="auto"]:not(.template-professional) { --scvb-header-text:var(--scvb-text); --scvb-header-muted:var(--scvb-muted); }
.scvb-cv[data-header-text="auto"].template-professional { --scvb-header-text:#fff; --scvb-header-muted:#eaf2f5; }
.scvb-cv[data-heading-colour="accent"] { --scvb-heading:var(--scvb-accent); }
.scvb-cv[data-heading-colour="text"] { --scvb-heading:var(--scvb-text); }
.scvb-cv[data-heading-style="plain"] .scvb-render-section h2 { border-bottom:0 !important; padding-bottom:0 !important; }
.scvb-cv[data-heading-style="caps"] .scvb-render-section h2 { text-transform:uppercase !important; letter-spacing:.055em !important; } .scvb-cv p, .scvb-cv li, .scvb-cv .scvb-meta, .scvb-cv .scvb-skill-render-items {
font-family:var(--scvb-font) !important;
} .scvb-render-section > h2{
break-after:avoid;
page-break-after:avoid;
}
.scvb-skill-render-group,
.scvb-language-row,
.scvb-entry.compact,
.scvb-footer{
break-inside:avoid;
page-break-inside:avoid;
}
.scvb-render-section{
widows:2;
orphans:2;
} @media print{
@page{
size:A4;
margin:9mm 0;
}
body.scvb-export-page .scvb-cv{
min-height:279mm!important;
}
} .scvb-rich-output li,
.scvb-skill-render-group,
.scvb-language-row,
.scvb-entry.compact,
.scvb-footer{
break-inside:avoid!important;
page-break-inside:avoid!important;
}
.scvb-render-section > h2{
break-after:avoid!important;
page-break-after:avoid!important;
}
.scvb-entry h3,
.scvb-entry .scvb-meta{
break-after:avoid!important;
page-break-after:avoid!important;
}