/* A paper preview on screen, with an independent A4 print layout. */
@font-face { font-family:"CV Grotesk"; font-style:normal; font-weight:400; font-display:swap; src:url("../fonts/cv-grotesk-regular.ttf") format("truetype"); }
@font-face { font-family:"CV Grotesk"; font-style:normal; font-weight:700; font-display:swap; src:url("../fonts/cv-grotesk-bold.ttf") format("truetype"); }
.cv-preview { max-width:1000px; padding-block:32px 70px; }
.cv-preview .resume-toolbar { margin-bottom:10px; }
.cv-print-help { font-size:11px; margin-bottom:24px; }
.cv-watermark { display:none; }
.cv-document { --cv-ink:#282724; --cv-muted:#67635e; --cv-line:#e0ded9; font-family:"CV Grotesk",var(--sans); color:var(--cv-ink); background:#fff; border:1px solid var(--cv-line); border-radius:14px; padding:46px 48px; box-shadow:0 16px 60px #30271b0b; }
.cv-document p { color:var(--cv-muted); margin:0 0 10px; font-size:13px; line-height:1.6; }
.cv-document a { overflow-wrap:anywhere; }
.cv-identity { display:flex; align-items:center; justify-content:space-between; gap:30px; padding-bottom:28px; border-bottom:2px solid var(--cv-accent); }
.cv-identity-copy { min-width:0; }
.cv-document .cv-kicker { color:var(--cv-accent); font-size:9px; font-weight:600; letter-spacing:2px; text-transform:uppercase; margin-bottom:10px; }
.cv-identity h1 { font-size:43px; letter-spacing:-1.7px; margin:0 0 12px; }
.cv-identity .cv-role { font-size:14px; line-height:1.6; max-width:590px; margin:0; }
.cv-portrait { width:118px; height:118px; flex-shrink:0; object-fit:cover; border-radius:50%; border:5px solid #f4eee7; }
.cv-initials { display:grid; place-items:center; font-size:36px; color:var(--cv-accent); background:#f8f4ef; }
.cv-overview { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,2fr); gap:38px; padding-top:28px; }
.cv-sidebar { padding-right:24px; border-right:1px solid var(--cv-line); }
.cv-career, .cv-sidebar { min-width:0; }
.cv-section { margin-bottom:25px; }
.cv-document h2 { font-size:17px; letter-spacing:-.35px; margin:0 0 17px; color:var(--cv-ink); }
.cv-section h2 { padding-bottom:9px; border-bottom:1px solid var(--cv-line); }
.cv-document h3 { font-size:13px; line-height:1.45; font-weight:700; margin:0 0 5px; color:var(--cv-ink); }
.cv-entry { break-inside:avoid; margin-bottom:19px; }
.cv-entry:last-child { margin-bottom:0; }
.cv-document .cv-period { color:var(--cv-accent); font-size:10px; margin-bottom:5px; font-weight:600; }
.cv-document .cv-company { color:var(--cv-ink); font-size:12px; margin-bottom:6px; }
.cv-document .cv-skills { font-size:11px; margin-bottom:0; }
.cv-sidebar p, .cv-contact dd { font-size:11px; line-height:1.55; }
.cv-contact { margin:0; }
.cv-contact div { margin-bottom:11px; }
.cv-contact dt { font-size:9px; text-transform:uppercase; letter-spacing:.7px; color:var(--cv-muted); margin-bottom:3px; }
.cv-contact dd { margin:0; color:var(--cv-ink); overflow-wrap:anywhere; }
.cv-tech-list { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:7px; }
.cv-tech-list li { font-size:11px; border:1px solid var(--cv-line); border-radius:4px; padding:3px 8px; }
.cv-focus-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 20px; }
.cv-focus-grid .cv-entry { margin:0; }
.cv-focus p { font-size:11px; margin-bottom:0; }
.cv-portfolio { border-top:2px solid var(--cv-accent); padding-top:27px; margin-top:26px; }
.cv-portfolio-heading { margin-bottom:23px; }
.cv-portfolio-heading > div { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.cv-portfolio-heading h2 { font-size:27px; margin-bottom:10px; }
.cv-portfolio-heading span { font-size:11px; color:var(--cv-muted); white-space:nowrap; }
.cv-project-list { display:block; }
.cv-project { padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid var(--cv-line); break-inside:avoid; }
.cv-project:last-child { border-bottom:0; margin-bottom:0; padding-bottom:0; }
.cv-project header { display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin-bottom:5px; }
.cv-project h3 { font-size:14px; flex:1; margin:0; }
.cv-document .cv-project-date { color:var(--cv-accent); font-size:11px; font-weight:600; white-space:nowrap; margin:0; }
.cv-document .cv-project-summary { font-size:12px; margin-bottom:5px; }
.cv-document .cv-project-tags, .cv-project-url { font-size:10px; line-height:1.5; margin:0; color:var(--cv-muted); }
@media (max-width:700px) {
  .cv-preview { width:calc(100% - 32px); padding-top:23px; }
  .cv-document { padding:27px 25px; }
  .cv-identity { gap:16px; align-items:flex-start; }
  .cv-identity h1 { font-size:31px; letter-spacing:-1px; }
  .cv-identity .cv-role { font-size:11px; }
  .cv-portrait { width:80px; height:80px; border-width:3px; }
  .cv-document .cv-kicker { font-size:8px; letter-spacing:1.2px; }
  .cv-overview { grid-template-columns:1fr; gap:12px; }
  .cv-sidebar { border:0; padding:0; }
  .cv-career { grid-row:1; }
  .cv-focus-grid { grid-template-columns:1fr; }
  .cv-project header { flex-direction:column; gap:3px; }
  .cv-project h3 { font-size:13px; }
}
@media (max-width:360px) {
  .cv-document { padding:23px 19px; }
  .cv-identity { gap:12px; }
  .cv-identity h1 { font-size:27px; }
  .cv-portrait { width:66px; height:66px; }
  .cv-preview .resume-toolbar .button { font-size:10px; padding:10px; }
}
@media print {
  @page {
    size:A4; margin:12mm 13mm 15mm;
    background:#fbf7ee;
    @bottom-left { content:"serhatdiker.com.tr"; font-family:"CV Grotesk",sans-serif; font-size:8pt; color:#777; }
    @bottom-right { content:counter(page) " / " counter(pages); font-family:"CV Grotesk",sans-serif; font-size:8pt; color:#777; }
  }
  .cv-preview { width:100%; max-width:none; margin:0; padding:0; }
  html, html[data-theme], body { color-scheme:light; background:#fbf7ee !important; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  .cv-print-help, .resume-toolbar, .site-header, .site-footer { display:none !important; }
  .cv-document { position:relative; isolation:isolate; z-index:0; border:0; border-radius:0; padding:0; box-shadow:none; background:transparent; color:#282724; }
  .cv-cover, .cv-portfolio { position:relative; z-index:1; }
  .cv-document .cv-watermark { display:block; position:fixed; top:28%; left:50%; width:105mm; margin-left:-52.5mm; z-index:0; text-align:center; pointer-events:none; user-select:none; color:#ede5d8; font:700 14pt/1.3 Arial,sans-serif; letter-spacing:1.5pt; }
  .cv-watermark svg { display:block; width:105mm; height:105mm; fill:#ede5d8; stroke:none; }
  .cv-watermark path { fill:#ede5d8; stroke:none; }
  .cv-watermark span { display:block; margin-top:-7mm; }
  .cv-document p { font-size:9pt; line-height:1.45; margin-bottom:6pt; orphans:2; widows:2; }
  .cv-identity { gap:8mm; padding-bottom:5mm; }
  .cv-identity h1 { font-size:30pt; letter-spacing:-1pt; margin-bottom:5pt; }
  .cv-document .cv-kicker { font-size:7.5pt; letter-spacing:1.4pt; margin-bottom:5pt; }
  .cv-identity .cv-role { font-size:10pt; line-height:1.5; max-width:none; }
  .cv-portrait { width:29mm; height:29mm; border-width:1mm; }
  .cv-overview { grid-template-columns:51mm minmax(0,1fr); gap:8mm; padding-top:5mm; }
  .cv-sidebar { border-right:1px solid var(--cv-line); padding-right:5mm; }
  .cv-career { grid-row:auto; }
  .cv-section { margin-bottom:4mm; }
  .cv-document h2 { font-size:12pt; margin-bottom:9pt; break-after:avoid; }
  .cv-section h2 { padding-bottom:5pt; }
  .cv-document h3 { font-size:9.5pt; line-height:1.35; margin-bottom:3pt; }
  .cv-entry { margin-bottom:8pt; break-inside:avoid; }
  .cv-document .cv-period { font-size:7.8pt; margin-bottom:3pt; }
  .cv-document .cv-company { font-size:8.5pt; margin-bottom:4pt; }
  .cv-document .cv-skills { font-size:8pt; margin-bottom:0; }
  .cv-sidebar p, .cv-contact dd { font-size:8pt; line-height:1.45; }
  .cv-contact dt { font-size:7pt; margin-bottom:2pt; }
  .cv-contact div { margin-bottom:7pt; }
  .cv-tech-list { gap:4pt; }
  .cv-tech-list li { font-size:8pt; padding:2pt 5pt; }
  .cv-focus-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7pt 12pt; }
  .cv-focus-grid h3 { font-size:8.5pt; }
  .cv-document .cv-focus p { font-size:7.5pt; line-height:1.35; }
  .cv-portfolio { break-before:page; margin:0; padding-top:5mm; }
  .cv-portfolio-heading { margin-bottom:5mm; break-after:avoid; }
  .cv-portfolio-heading h2 { font-size:20pt; margin-bottom:5pt; }
  .cv-portfolio-heading > p:last-child { font-size:8.5pt; }
  .cv-portfolio-heading span { font-size:8pt; }
  .cv-project { padding-bottom:7pt; margin-bottom:8pt; }
  .cv-project header { flex-direction:row; gap:5mm; margin-bottom:3pt; }
  .cv-project h3 { font-size:9.5pt; margin:0; }
  .cv-document .cv-project-date { font-size:8pt; margin:0; }
  .cv-document .cv-project-summary { font-size:8.5pt; line-height:1.4; margin-bottom:3pt; }
  .cv-document .cv-project-tags, .cv-project-url { font-size:7.5pt; line-height:1.35; }
  .cv-document .cv-project-tags { display:none; }
  .cv-document a { text-decoration:none; }
}