/* =====================================================================
   VAOV CV — şablonlar. Her şablon .cv.s-{anahtar} altında kapsüllüdür.
   Sayfa A4 (210 x 297 mm). --v: vurgu rengi (kullanıcı seçer).
   ===================================================================== */

@page { size: A4; margin: 0; }

.cv {
  --v: #1F3A5F;
  --v-a: color-mix(in srgb, var(--v) 8%, #fff);
  --v-b: color-mix(in srgb, var(--v) 16%, #fff);
  --v-o: color-mix(in srgb, var(--v) 32%, #fff);
  --v-k: color-mix(in srgb, var(--v) 82%, #000);
  --m: #1c222b;
  --m2: #4b5361;
  --m3: #858c97;
  --c: #e3e5e9;
  --yo: 1;
  --ar: 1;
  box-sizing: border-box;
  position: relative;
  width: 210mm;
  min-height: 297mm;
  margin: 0 auto;
  background: #fff;
  color: var(--m);
  font-family: 'Inter', system-ui, sans-serif;
  font-size: calc(9.2pt * var(--yo));
  line-height: 1.45;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  font-variant-numeric: lining-nums;
  text-rendering: optimizeLegibility;
}
.cv *, .cv *::before, .cv *::after { box-sizing: border-box; }
.cv.yo-0 { --yo: 1.05; --ar: 1.18; }
.cv.yo-2 { --yo: .93; --ar: .78; }

.cv h1, .cv h2, .cv h3, .cv p, .cv ul { margin: 0; padding: 0; }
.cv ul { list-style: none; }
.cv a { color: inherit; text-decoration: none; }
.cv .ik { width: 1.05em; height: 1.05em; flex: none; }
.cv h2 i { display: none; }

/* Ortak parçalar */
.cv .foto { overflow: hidden; flex: none; background: var(--v-b); }
.cv .foto img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 28%; }
.cv .foto.mono { display: grid; place-items: center; color: var(--v); font-weight: 600; letter-spacing: .04em; }
.cv .ozet { color: var(--m2); }
.cv .ack { color: var(--m2); margin-top: calc(1mm * var(--ar)); }
.cv .mad { margin-top: calc(1.2mm * var(--ar)); color: var(--m2); }
.cv .mad li { position: relative; padding-left: 3.6mm; margin-top: calc(.7mm * var(--ar)); }
.cv .mad li::before { content: ""; position: absolute; left: .6mm; top: .62em; width: 1.3mm; height: 1.3mm; border-radius: 50%; background: var(--v-o); }
.cv .kalem { break-inside: avoid; }
.cv .blm { break-inside: auto; }
.cv h2 { break-after: avoid; }
.cv .fir .yer::before { content: " · "; }
.cv .tar:empty { display: none; }

/* Seviye göstergesi: varsayılan beş nokta */
.cv .sev { display: inline-flex; gap: 1.1mm; font-style: normal; }
.cv .sev b { width: 1.7mm; height: 1.7mm; border-radius: 50%; background: var(--v-b); }
.cv .sev b.d { background: var(--v); }
/* Çubuk türü: .cubuk sınıfı olan şablonlarda */
.cv .cubuk .sev { display: block; position: relative; height: 1.1mm; border-radius: 1mm; background: var(--v-b); margin-top: 1.2mm; overflow: hidden; }
.cv .cubuk .sev b { display: none; }
.cv .cubuk .sev::after { content: ""; position: absolute; inset: 0 auto 0 0; width: calc(var(--s) * 100%); background: var(--v); border-radius: 1mm; }

/* Ön izleme: sayfa sonu çizgisi */
.sayfa-sonu { position: absolute; left: 0; right: 0; height: 0; border-top: 1px dashed rgba(184, 74, 38, .55); pointer-events: none; z-index: 5; }
.sayfa-sonu span { position: absolute; right: 3mm; top: -2.6mm; font: 600 7pt 'Inter', sans-serif; color: #b84a26; background: #fff; padding: 0 1.5mm; }
@media print { .sayfa-sonu { display: none; } }


/* =====================================================================
   1. ATLAS — klasik kurumsal, ortalı başlık
   ===================================================================== */
.s-atlas { padding: 15mm 18mm 14mm; }
.s-atlas .bas { text-align: center; padding-bottom: calc(5mm * var(--ar)); border-bottom: .6pt solid var(--v); margin-bottom: calc(5mm * var(--ar)); }
.s-atlas .foto { width: 27mm; height: 27mm; border-radius: 50%; margin: 0 auto 4mm; box-shadow: 0 0 0 .8mm #fff, 0 0 0 1.05mm var(--v-o); }
.s-atlas .foto.mono { font: 600 15pt 'Source Serif 4', serif; }
.s-atlas h1 { font: 600 25pt/1.1 'Source Serif 4', Georgia, serif; letter-spacing: -.01em; color: var(--m); }
.s-atlas .unvan { margin-top: 1.6mm; font-size: 8.4pt; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--v); }
.s-atlas .ilet { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.4mm 5mm; margin-top: 4mm; font-size: .92em; color: var(--m2); }
.s-atlas .ilet li { display: flex; align-items: center; gap: 1.4mm; }
.s-atlas .ilet .ik { color: var(--v); }
.s-atlas .blm { margin-top: calc(4.6mm * var(--ar)); }
.s-atlas h2 { display: flex; align-items: center; gap: 3mm; margin-bottom: calc(2.4mm * var(--ar)); font: 600 8pt 'Inter', sans-serif; letter-spacing: .22em; text-transform: uppercase; color: var(--v); }
.s-atlas h2::after { content: ""; flex: 1; height: .5pt; background: var(--c); }
.s-atlas .kalem { display: grid; grid-template-columns: 1fr auto; column-gap: 4mm; margin-top: calc(3mm * var(--ar)); }
.s-atlas .kalem:first-of-type { margin-top: 0; }
.s-atlas .gov { grid-column: 1; grid-row: 1; }
.s-atlas .tar { grid-column: 2; grid-row: 1; font-size: .9em; color: var(--m3); white-space: nowrap; padding-top: .4mm; }
.s-atlas h3 { font: 600 11pt/1.3 'Source Serif 4', serif; }
.s-atlas .fir { color: var(--v); font-weight: 500; font-size: .96em; }
.s-atlas .fir .yer { color: var(--m3); font-weight: 400; }
.s-atlas .izgara { display: grid; grid-template-columns: 1fr 1fr; column-gap: 10mm; }
.s-atlas .bec, .s-atlas .dl, .s-atlas .kis, .s-atlas .ser { display: grid; gap: calc(1.5mm * var(--ar)); }
.s-atlas .bec li, .s-atlas .dl li, .s-atlas .kis li { display: flex; align-items: center; justify-content: space-between; gap: 3mm; }
.s-atlas .dl em, .s-atlas .kis em { font-style: normal; color: var(--m2); }
.s-atlas .dl .sev, .s-atlas .kis .ik { display: none; }
.s-atlas .kis .et { color: var(--m3); }
.s-atlas .ser li { display: grid; grid-template-columns: 1fr auto; }
.s-atlas .ser small { grid-row: 2; color: var(--m3); font-size: .9em; }
.s-atlas .ser em { grid-column: 2; grid-row: 1; font-style: normal; color: var(--m3); }
.s-atlas .ref { display: grid; gap: 2mm; }
.s-atlas .ref li { display: grid; }
.s-atlas .ref span, .s-atlas .ref small { color: var(--m2); font-size: .94em; }
.s-atlas .hob { display: flex; flex-wrap: wrap; gap: 0 2mm; color: var(--m2); }
.s-atlas .hob li:not(:last-child)::after { content: "·"; margin-left: 2mm; color: var(--v-o); }


/* =====================================================================
   2. MERİDYEN — açık tonlu sol panel
   ===================================================================== */
.s-meridyen { display: grid; grid-template-columns: 68mm 1fr; font-family: 'Manrope', sans-serif; font-size: calc(8.9pt * var(--yo)); }
.s-meridyen .yan { background: var(--v-a); padding: 14mm 8mm 12mm 9mm; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.s-meridyen .foto { width: 44mm; height: 44mm; border-radius: 50%; margin: 0 auto 8mm; box-shadow: 0 0 0 1.6mm #fff, 0 3mm 8mm rgba(20, 30, 40, .12); }
.s-meridyen .foto.mono { font-size: 22pt; }
.s-meridyen .yan .blm { margin-top: calc(6mm * var(--ar)); }
.s-meridyen .yan h2 { font-size: 7.6pt; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: var(--v-k); padding-bottom: 2mm; margin-bottom: 3mm; position: relative; }
.s-meridyen .yan h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 8mm; height: .9mm; border-radius: 1mm; background: var(--v); }
.s-meridyen .ilet, .s-meridyen .kis { display: grid; gap: calc(2.3mm * var(--ar)); }
.s-meridyen .ilet li { display: flex; gap: 2.4mm; align-items: flex-start; word-break: break-word; }
.s-meridyen .ilet .ik { color: var(--v); margin-top: .2mm; }
.s-meridyen .kis li { display: grid; grid-template-columns: auto 1fr; column-gap: 2.4mm; }
.s-meridyen .kis .ik { grid-row: span 2; color: var(--v); margin-top: .3mm; }
.s-meridyen .kis .et { font-size: .82em; color: var(--m3); text-transform: uppercase; letter-spacing: .08em; }
.s-meridyen .kis em { font-style: normal; font-weight: 600; }
.s-meridyen .bec, .s-meridyen .dl { display: grid; gap: calc(2.4mm * var(--ar)); }
.s-meridyen .yan .b-beceri, .s-meridyen .yan .b-dil { --x: 0; }
.s-meridyen .bec li, .s-meridyen .dl li { display: grid; grid-template-columns: 1fr auto; }
.s-meridyen .bec .sev, .s-meridyen .dl .sev { grid-column: 1 / -1; display: block; position: relative; height: 1.2mm; border-radius: 1mm; background: #fff; margin-top: 1.3mm; overflow: hidden; }
.s-meridyen .sev b { display: none; }
.s-meridyen .sev::after { content: ""; position: absolute; inset: 0 auto 0 0; width: calc(var(--s) * 100%); background: var(--v); border-radius: 1mm; }
.s-meridyen .dl em { font-style: normal; font-size: .84em; color: var(--m3); }
.s-meridyen .ad { font-weight: 600; }
.s-meridyen .hob { display: flex; flex-wrap: wrap; gap: 1.6mm; }
.s-meridyen .hob li { background: #fff; border-radius: 4mm; padding: .6mm 2.6mm; font-size: .92em; }
.s-meridyen .ana { padding: 16mm 13mm 12mm 12mm; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.s-meridyen .bas { margin-bottom: calc(7mm * var(--ar)); }
.s-meridyen h1 { font-size: 27pt; line-height: 1.05; letter-spacing: -.02em; color: var(--m); }
.s-meridyen h1 span { font-weight: 300; }
.s-meridyen h1 b { font-weight: 800; color: var(--v); }
.s-meridyen .unvan { margin-top: 2.4mm; font-size: 10.5pt; font-weight: 600; color: var(--m2); }
.s-meridyen .ana .blm { margin-top: calc(6mm * var(--ar)); }
.s-meridyen .ana .blm:first-of-type { margin-top: 0; }
.s-meridyen .ana h2 { display: flex; align-items: center; gap: 2.6mm; font-size: 11pt; font-weight: 800; color: var(--m); margin-bottom: calc(3mm * var(--ar)); }
.s-meridyen .ana h2 i { display: grid; place-items: center; width: 6.4mm; height: 6.4mm; border-radius: 50%; background: var(--v-b); color: var(--v); }
.s-meridyen .ana h2 i .ik { width: 3.6mm; height: 3.6mm; }
.s-meridyen .ana .kalem { display: grid; grid-template-columns: 1fr auto; column-gap: 3mm; margin-top: calc(3.6mm * var(--ar)); }
.s-meridyen .ana .kalem:first-of-type { margin-top: 0; }
.s-meridyen .gov { grid-column: 1; grid-row: 1; }
.s-meridyen .tar { grid-column: 2; grid-row: 1; align-self: start; white-space: nowrap; font-size: .82em; font-weight: 700; color: var(--v-k); background: var(--v-a); border-radius: 3mm; padding: .5mm 2.4mm; }
.s-meridyen h3 { font-size: 10.2pt; font-weight: 700; }
.s-meridyen .fir { color: var(--v); font-weight: 600; font-size: .96em; }
.s-meridyen .fir .yer { color: var(--m3); font-weight: 500; }
.s-meridyen .ser { display: grid; gap: 2mm; }
.s-meridyen .ser li { display: grid; grid-template-columns: 1fr auto; }
.s-meridyen .ser small { color: var(--m3); }
.s-meridyen .ser em { grid-column: 2; grid-row: 1; font-style: normal; font-weight: 700; color: var(--v-k); }
.s-meridyen .ref { display: grid; grid-template-columns: 1fr 1fr; gap: 3mm; }
.s-meridyen .ref li { display: grid; border-left: .7mm solid var(--v-b); padding-left: 2.6mm; }
.s-meridyen .ref span, .s-meridyen .ref small { color: var(--m2); font-size: .93em; }


/* =====================================================================
   3. KUZEY — renkli başlık bandı, banda taşan fotoğraf
   ===================================================================== */
.s-kuzey { font-family: 'IBM Plex Sans', sans-serif; font-size: calc(8.9pt * var(--yo)); }
.s-kuzey .bant { position: relative; background: var(--v); color: #fff; padding: 15mm 16mm 12mm; min-height: 46mm; }
.s-kuzey .bant.fotolu .isim { padding-right: 46mm; }
.s-kuzey .bant::after { content: ""; position: absolute; right: 0; top: 0; width: 70mm; height: 100%; background: linear-gradient(115deg, transparent 0 40%, rgba(255, 255, 255, .06) 40% 64%, rgba(255, 255, 255, .1) 64%); }
.s-kuzey h1 { font-size: 27pt; font-weight: 600; line-height: 1.05; letter-spacing: -.01em; }
.s-kuzey .unvan { margin-top: 2.6mm; font-size: 10.5pt; font-weight: 400; letter-spacing: .06em; opacity: .86; }
.s-kuzey .foto { position: absolute; z-index: 2; right: 16mm; top: 12mm; width: 36mm; height: 45mm; border-radius: 2mm; border: 1.3mm solid #fff; box-shadow: 0 3mm 9mm rgba(10, 20, 40, .22); }
.s-kuzey .foto.mono { font-size: 22pt; background: #fff; }
.s-kuzey .serit { background: var(--v-a); padding: 4mm 16mm; border-bottom: .5pt solid var(--v-b); }
.s-kuzey .bant.fotolu + .serit { padding-right: 58mm; }
.s-kuzey .ilet { display: flex; flex-wrap: wrap; gap: 1.6mm 6mm; color: var(--m2); }
.s-kuzey .ilet li { display: flex; align-items: center; gap: 1.6mm; }
.s-kuzey .ilet .ik { color: var(--v); }
.s-kuzey .govde { display: grid; grid-template-columns: 1fr 60mm; column-gap: 9mm; padding: 8mm 16mm 12mm; }
.s-kuzey .blm { margin-top: calc(6mm * var(--ar)); }
.s-kuzey .ana > .blm:first-child, .s-kuzey .yan > .blm:first-child { margin-top: 0; }
.s-kuzey h2 { position: relative; font-size: 8.6pt; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--v); padding-bottom: 1.8mm; margin-bottom: calc(3mm * var(--ar)); border-bottom: .5pt solid var(--c); }
.s-kuzey h2::after { content: ""; position: absolute; left: 0; bottom: -.6pt; width: 11mm; height: 1.4pt; background: var(--v); }
.s-kuzey .kalem { margin-top: calc(3.6mm * var(--ar)); }
.s-kuzey .kalem:first-of-type { margin-top: 0; }
.s-kuzey .tar { font-size: .86em; font-weight: 600; color: var(--v); letter-spacing: .03em; }
.s-kuzey h3 { font-size: 10.4pt; font-weight: 600; }
.s-kuzey .fir { color: var(--m2); font-weight: 500; }
.s-kuzey .fir .yer { color: var(--m3); font-weight: 400; }
.s-kuzey .bec, .s-kuzey .dl, .s-kuzey .kis, .s-kuzey .ser, .s-kuzey .ref { display: grid; gap: calc(2.2mm * var(--ar)); }
.s-kuzey .bec li, .s-kuzey .dl li { display: grid; grid-template-columns: 1fr auto; align-items: center; }
.s-kuzey .sev { gap: .7mm; }
.s-kuzey .sev b { width: 3.2mm; height: 1.4mm; border-radius: .3mm; }
.s-kuzey .dl em { grid-row: 2; font-style: normal; font-size: .86em; color: var(--m3); }
.s-kuzey .dl .sev { grid-column: 2; grid-row: 1 / span 2; }
.s-kuzey .kis li { display: grid; grid-template-columns: auto 1fr; column-gap: 2mm; align-items: center; }
.s-kuzey .kis .ik { grid-row: span 2; color: var(--v); }
.s-kuzey .kis .et { font-size: .82em; color: var(--m3); }
.s-kuzey .kis em { font-style: normal; }
.s-kuzey .ser li { display: grid; }
.s-kuzey .ser small, .s-kuzey .ser em { color: var(--m3); font-size: .9em; font-style: normal; }
.s-kuzey .ser small + em::before { content: "· "; }
.s-kuzey .ser li { grid-template-columns: auto 1fr; }
.s-kuzey .ser .ad { grid-column: 1 / -1; font-weight: 500; }
.s-kuzey .ref li { display: grid; }
.s-kuzey .ref span, .s-kuzey .ref small { color: var(--m2); font-size: .92em; }
.s-kuzey .hob { display: flex; flex-wrap: wrap; gap: 1.5mm; }
.s-kuzey .hob li { border: .5pt solid var(--v-o); color: var(--v-k); border-radius: 1mm; padding: .4mm 2mm; font-size: .92em; }


/* =====================================================================
   4. LİR — editoryal, iri serif isim, tarih sütunu
   ===================================================================== */
.s-lir { padding: 16mm 18mm 14mm; font-family: 'DM Sans', sans-serif; font-size: calc(8.9pt * var(--yo)); }
.s-lir .bas { display: flex; justify-content: space-between; align-items: flex-end; gap: 10mm; }
.s-lir h1 { font: 500 36pt/.98 'Playfair Display', Georgia, serif; letter-spacing: -.015em; color: var(--m); }
.s-lir h1 span { display: block; }
.s-lir h1 span + span { font-style: normal; font-weight: 700; color: var(--v); }
.s-lir .unvan { margin-top: 3.4mm; font-size: 8.4pt; font-weight: 600; letter-spacing: .26em; text-transform: uppercase; color: var(--m2); }
.s-lir .foto { position: relative; width: 33mm; height: 41mm; overflow: visible; background: none; }
.s-lir .foto img { position: relative; z-index: 1; }
.s-lir .foto::before { content: ""; position: absolute; inset: 2.4mm -2.4mm -2.4mm 2.4mm; border: .6pt solid var(--v); }
.s-lir .foto.mono { background: var(--v-a); font: 600 24pt 'Playfair Display', serif; }
.s-lir .cizgi { margin-top: 7mm; height: 1.8mm; border-top: 1.6pt solid var(--m); border-bottom: .5pt solid var(--m); }
.s-lir > .ilet { display: flex; flex-wrap: wrap; gap: 1mm 6mm; padding: 2.6mm 0; border-bottom: .5pt solid var(--c); color: var(--m2); font-size: .94em; }
.s-lir > .ilet li { display: flex; align-items: center; gap: 1.5mm; }
.s-lir > .ilet .ik { color: var(--v); }
.s-lir .blm { margin-top: calc(6mm * var(--ar)); }
.s-lir h2 { display: flex; align-items: baseline; gap: 3mm; margin-bottom: calc(3mm * var(--ar)); font: italic 500 14pt 'Playfair Display', serif; color: var(--v); }
.s-lir h2::after { content: ""; flex: 1; height: .5pt; background: var(--c); transform: translateY(-1mm); }
.s-lir .ozet { font-size: 1.05em; color: var(--m2); }
.s-lir .ana .kalem { display: grid; grid-template-columns: 34mm 1fr; column-gap: 6mm; margin-top: calc(3.8mm * var(--ar)); }
.s-lir .ana .kalem:first-of-type { margin-top: 0; }
.s-lir .tar { font-size: .8em; font-weight: 600; letter-spacing: .05em; white-space: nowrap; text-transform: uppercase; color: var(--m3); padding-top: .9mm; }
.s-lir .tar:empty { display: block; }
.s-lir h3 { font: 600 11pt/1.3 'Playfair Display', serif; }
.s-lir .fir { font-size: .9em; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--v); margin-top: .4mm; }
.s-lir .fir .yer { color: var(--m3); }
.s-lir .izgara { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 8mm; }
.s-lir .izgara h2 { font-size: 12pt; }
.s-lir .izgara h2::after { display: none; }
.s-lir .bec, .s-lir .dl, .s-lir .kis, .s-lir .ser, .s-lir .ref { display: grid; gap: calc(1.8mm * var(--ar)); }
.s-lir .bec li { display: flex; justify-content: space-between; align-items: center; gap: 2mm; padding-bottom: 1.4mm; border-bottom: .5pt dotted var(--c); }
.s-lir .sev { gap: .8mm; }
.s-lir .sev b { width: 1.4mm; height: 1.4mm; }
.s-lir .dl li { display: flex; justify-content: space-between; gap: 2mm; }
.s-lir .dl em { font-style: italic; color: var(--m2); font-family: 'Playfair Display', serif; }
.s-lir .dl .sev { display: none; }
.s-lir .kis li { display: grid; }
.s-lir .kis .ik { display: none; }
.s-lir .kis .et { font-size: .8em; letter-spacing: .1em; text-transform: uppercase; color: var(--m3); }
.s-lir .kis em { font-style: normal; }
.s-lir .ser li, .s-lir .ref li { display: grid; }
.s-lir .ser small, .s-lir .ser em, .s-lir .ref span, .s-lir .ref small { color: var(--m2); font-size: .92em; font-style: normal; }
.s-lir .hob { color: var(--m2); display: grid; gap: 1mm; }


/* =====================================================================
   5. PUSULA — zaman çizelgesi, sağ panel kartları
   ===================================================================== */
.s-pusula { padding: 14mm 14mm 12mm; font-family: 'DM Sans', sans-serif; font-size: calc(8.9pt * var(--yo)); }
.s-pusula .bas { display: flex; align-items: center; gap: 7mm; padding-bottom: calc(6mm * var(--ar)); }
.s-pusula .foto { width: 31mm; height: 31mm; border-radius: 50%; box-shadow: 0 0 0 1.2mm #fff, 0 0 0 1.6mm var(--v); }
.s-pusula .foto.mono { font-size: 18pt; }
.s-pusula h1 { font-size: 26pt; font-weight: 700; letter-spacing: -.02em; line-height: 1.05; }
.s-pusula .unvan { margin-top: 1.4mm; font-size: 11pt; font-weight: 500; color: var(--v); }
.s-pusula .ilet { display: flex; flex-wrap: wrap; gap: 1.2mm 5mm; margin-top: 3.2mm; color: var(--m2); }
.s-pusula .ilet li { display: flex; align-items: center; gap: 1.4mm; }
.s-pusula .ilet .ik { color: var(--v); }
.s-pusula .govde { display: grid; grid-template-columns: 1fr 62mm; column-gap: 8mm; }
.s-pusula .ana .blm { margin-top: calc(5.5mm * var(--ar)); }
.s-pusula .ana .blm:first-child { margin-top: 0; }
.s-pusula h2 { display: flex; align-items: center; gap: 2mm; font-size: 10.6pt; font-weight: 700; color: var(--m); margin-bottom: calc(3.4mm * var(--ar)); }
.s-pusula h2 i { display: block; color: var(--v); }
.s-pusula h2 i .ik { width: 4.4mm; height: 4.4mm; display: block; }
.s-pusula .b-deneyim .kalem, .s-pusula .b-egitim .kalem, .s-pusula .b-proje .kalem { position: relative; padding-left: 7mm; padding-bottom: calc(4mm * var(--ar)); }
.s-pusula .b-deneyim .kalem::before, .s-pusula .b-egitim .kalem::before, .s-pusula .b-proje .kalem::before { content: ""; position: absolute; left: 1.55mm; top: 2.6mm; bottom: -1mm; width: .45mm; background: var(--v-b); }
.s-pusula .kalem:last-child::before { display: none; }
.s-pusula .kalem::after { content: ""; position: absolute; left: 0; top: .9mm; width: 3.6mm; height: 3.6mm; border-radius: 50%; background: #fff; border: .9mm solid var(--v); }
.s-pusula .kalem:last-child { padding-bottom: 0; }
.s-pusula .tar { font-size: .84em; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--v); }
.s-pusula h3 { font-size: 10.4pt; font-weight: 700; margin-top: .3mm; }
.s-pusula .fir { color: var(--m2); font-weight: 500; }
.s-pusula .fir .yer { color: var(--m3); }
.s-pusula .ozet { padding: 4mm 4.6mm; background: var(--v-a); border-radius: 2.5mm; color: var(--m2); }
.s-pusula .b-ozet h2 { display: none; }
.s-pusula .yan { display: grid; align-content: start; gap: calc(4mm * var(--ar)); }
.s-pusula .yan .blm { border: .5pt solid var(--c); border-radius: 2.5mm; padding: 4mm 4.4mm; break-inside: avoid; }
.s-pusula .yan h2 { font-size: 8pt; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 2.8mm; }
.s-pusula .yan h2 i .ik { width: 3.6mm; height: 3.6mm; }
.s-pusula .bec, .s-pusula .dl, .s-pusula .kis, .s-pusula .ser, .s-pusula .ref { display: grid; gap: calc(2mm * var(--ar)); }
.s-pusula .bec li, .s-pusula .dl li { display: grid; grid-template-columns: 1fr auto; align-items: center; }
.s-pusula .sev { gap: .9mm; }
.s-pusula .sev b { width: 1.8mm; height: 1.8mm; }
.s-pusula .dl em { grid-row: 2; font-style: normal; font-size: .86em; color: var(--m3); }
.s-pusula .dl .sev { grid-column: 2; grid-row: 1 / span 2; }
.s-pusula .kis li { display: grid; grid-template-columns: 1fr; }
.s-pusula .kis .ik { display: none; }
.s-pusula .kis .et { font-size: .82em; color: var(--m3); }
.s-pusula .kis em { font-style: normal; font-weight: 500; }
.s-pusula .ser li, .s-pusula .ref li { display: grid; }
.s-pusula .ser small, .s-pusula .ser em, .s-pusula .ref span, .s-pusula .ref small { font-style: normal; color: var(--m3); font-size: .9em; }
.s-pusula .ser .ad, .s-pusula .ref b { font-weight: 600; }
.s-pusula .hob { display: flex; flex-wrap: wrap; gap: 1.4mm; }
.s-pusula .hob li { background: var(--v-a); color: var(--v-k); border-radius: 3mm; padding: .5mm 2.4mm; font-size: .9em; }


/* =====================================================================
   6. MİMAR — İsviçre ızgarası, solda etiket sütunu
   ===================================================================== */
.s-mimar { padding: 18mm 18mm 14mm; font-size: calc(8.8pt * var(--yo)); }
.s-mimar .serit { position: absolute; left: 18mm; top: 0; width: 34mm; height: 4mm; background: var(--v); }
.s-mimar .bas { display: flex; justify-content: space-between; align-items: flex-end; gap: 8mm; }
.s-mimar h1 { font-size: 30pt; font-weight: 600; letter-spacing: -.035em; line-height: 1; }
.s-mimar .unvan { margin-top: 2.6mm; font-size: 11.5pt; font-weight: 300; color: var(--m2); letter-spacing: -.005em; }
.s-mimar .foto { width: 28mm; height: 35mm; }
.s-mimar .foto.mono { font-size: 18pt; background: var(--v-a); }
.s-mimar > .ilet { display: grid; grid-template-columns: repeat(3, auto); justify-content: start; gap: 1.6mm 9mm; margin-top: 7mm; padding: 3.4mm 0; border-top: 1.2pt solid var(--m); border-bottom: .5pt solid var(--c); color: var(--m2); }
.s-mimar > .ilet li { display: flex; align-items: center; gap: 1.6mm; }
.s-mimar > .ilet .ik { color: var(--v); width: .95em; height: .95em; }
.s-mimar .blm { display: grid; grid-template-columns: 40mm 1fr; column-gap: 6mm; padding: calc(4.4mm * var(--ar)) 0; border-bottom: .5pt solid var(--c); }
.s-mimar .blm:last-child { border-bottom: 0; }
.s-mimar h2 { font-size: 7.4pt; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--v); padding-top: .6mm; }
.s-mimar .blm > :not(h2) { grid-column: 2; }
.s-mimar .kalem { display: grid; grid-template-columns: 1fr auto; column-gap: 4mm; margin-top: calc(3.2mm * var(--ar)); }
.s-mimar h2 + .kalem { margin-top: 0; }
.s-mimar .gov { grid-column: 1; grid-row: 1; }
.s-mimar .tar { grid-column: 2; grid-row: 1; font-size: .9em; color: var(--m3); font-variant-numeric: tabular-nums; white-space: nowrap; }
.s-mimar h3 { font-size: 10pt; font-weight: 600; letter-spacing: -.01em; }
.s-mimar .fir { color: var(--m2); }
.s-mimar .fir .yer { color: var(--m3); }
.s-mimar .bec { display: grid; grid-template-columns: 1fr 1fr; gap: 2mm 8mm; }
.s-mimar .bec li { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 3mm; }
.s-mimar .sev { gap: .6mm; }
.s-mimar .sev b { width: 3.4mm; height: .9mm; border-radius: 0; }
.s-mimar .dl, .s-mimar .kis { display: grid; grid-template-columns: 1fr 1fr; gap: 2mm 8mm; }
.s-mimar .dl li, .s-mimar .kis li { display: flex; justify-content: space-between; gap: 3mm; }
.s-mimar .dl em, .s-mimar .kis em { font-style: normal; color: var(--m2); text-align: right; }
.s-mimar .dl .sev, .s-mimar .kis .ik { display: none; }
.s-mimar .kis .et { color: var(--m3); }
.s-mimar .ser { display: grid; gap: 1.8mm; }
.s-mimar .ser li { display: grid; grid-template-columns: 1fr auto; column-gap: 4mm; }
.s-mimar .ser small { color: var(--m3); grid-row: 2; }
.s-mimar .ser em { grid-column: 2; grid-row: 1; font-style: normal; color: var(--m3); }
.s-mimar .ref { display: grid; grid-template-columns: 1fr 1fr; gap: 3mm 8mm; }
.s-mimar .ref li { display: grid; }
.s-mimar .ref span, .s-mimar .ref small { color: var(--m2); font-size: .94em; }
.s-mimar .hob { display: flex; flex-wrap: wrap; gap: 0 5mm; color: var(--m2); }


/* =====================================================================
   7. SAFİR — vurgu renginde dolu sol panel
   ===================================================================== */
.s-safir { display: grid; grid-template-columns: 70mm 1fr; font-family: 'Manrope', sans-serif; font-size: calc(8.9pt * var(--yo)); }
.s-safir .yan { background: var(--v); color: rgba(255, 255, 255, .9); padding: 14mm 8.5mm 12mm; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.s-safir .foto { width: 42mm; height: 42mm; border-radius: 50%; margin: 0 auto 9mm; box-shadow: 0 0 0 1mm var(--v), 0 0 0 1.4mm rgba(255, 255, 255, .5); }
.s-safir .foto.mono { background: rgba(255, 255, 255, .14); color: #fff; font: 600 22pt 'Lora', serif; }
.s-safir .yan .blm { margin-top: calc(6.5mm * var(--ar)); }
.s-safir .yan h2 { font-size: 7.6pt; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: #fff; padding-bottom: 2mm; margin-bottom: 3mm; border-bottom: .5pt solid rgba(255, 255, 255, .3); }
.s-safir .ilet, .s-safir .kis, .s-safir .bec, .s-safir .dl { display: grid; gap: calc(2.3mm * var(--ar)); }
.s-safir .ilet li { display: flex; gap: 2.4mm; align-items: flex-start; word-break: break-word; }
.s-safir .ilet .ik { margin-top: .2mm; opacity: .8; }
.s-safir .kis li { display: grid; }
.s-safir .kis .ik { display: none; }
.s-safir .kis .et { font-size: .8em; letter-spacing: .1em; text-transform: uppercase; opacity: .65; }
.s-safir .kis em { font-style: normal; font-weight: 600; color: #fff; }
.s-safir .bec li, .s-safir .dl li { display: grid; grid-template-columns: 1fr auto; }
.s-safir .yan .ad { color: #fff; font-weight: 600; }
.s-safir .dl em { font-style: normal; font-size: .84em; opacity: .7; }
.s-safir .yan .sev { grid-column: 1 / -1; display: block; position: relative; height: 1.1mm; border-radius: 1mm; background: rgba(255, 255, 255, .22); margin-top: 1.3mm; overflow: hidden; }
.s-safir .yan .sev b { display: none; }
.s-safir .yan .sev::after { content: ""; position: absolute; inset: 0 auto 0 0; width: calc(var(--s) * 100%); background: #fff; border-radius: 1mm; }
.s-safir .hob { display: flex; flex-wrap: wrap; gap: 1.5mm; }
.s-safir .hob li { border: .5pt solid rgba(255, 255, 255, .45); border-radius: 4mm; padding: .5mm 2.6mm; font-size: .92em; }
.s-safir .ana { padding: 17mm 13mm 12mm 12mm; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.s-safir .bas { padding-bottom: calc(6mm * var(--ar)); margin-bottom: calc(6mm * var(--ar)); border-bottom: .5pt solid var(--c); }
.s-safir h1 { font: 600 28pt/1.05 'Lora', Georgia, serif; color: var(--v-k); letter-spacing: -.01em; }
.s-safir .unvan { margin-top: 2.4mm; font-size: 9pt; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--m2); }
.s-safir .ana .blm { margin-top: calc(6mm * var(--ar)); }
.s-safir .ana > .blm:first-of-type { margin-top: 0; }
.s-safir .ana h2 { font: 600 13pt 'Lora', serif; color: var(--v); margin-bottom: calc(3mm * var(--ar)); }
.s-safir .ana .kalem { position: relative; padding-left: 4.6mm; margin-top: calc(3.6mm * var(--ar)); }
.s-safir .ana .kalem::before { content: ""; position: absolute; left: 0; top: 1mm; bottom: .6mm; width: .6mm; background: var(--v-b); border-radius: 1mm; }
.s-safir .ana .kalem:first-of-type { margin-top: 0; }
.s-safir .ana .kalem { display: grid; grid-template-columns: 1fr auto; column-gap: 3mm; }
.s-safir .gov { grid-column: 1; grid-row: 1; }
.s-safir .tar { grid-column: 2; grid-row: 1; font-size: .86em; font-weight: 600; color: var(--m3); white-space: nowrap; }
.s-safir h3 { font-size: 10.2pt; font-weight: 700; color: var(--m); }
.s-safir .fir { color: var(--v); font-weight: 600; }
.s-safir .fir .yer { color: var(--m3); font-weight: 500; }
.s-safir .ana .ser { display: grid; gap: 2mm; }
.s-safir .ana .ser li { display: grid; grid-template-columns: 1fr auto; }
.s-safir .ana .ser small { color: var(--m3); }
.s-safir .ana .ser em { grid-column: 2; grid-row: 1; font-style: normal; color: var(--m3); }
.s-safir .ana .ser .ad { font-weight: 600; }
.s-safir .ana .ref { display: grid; grid-template-columns: 1fr 1fr; gap: 3mm; }
.s-safir .ana .ref li { display: grid; }
.s-safir .ana .ref span, .s-safir .ana .ref small { color: var(--m2); font-size: .93em; }


/* =====================================================================
   8. KRİSTAL — yumuşak zemin üstünde beyaz kutular
   ===================================================================== */
.s-kristal { background: #f4f3ef; padding: 10mm; font-family: 'Manrope', sans-serif; font-size: calc(8.8pt * var(--yo)); }
.s-kristal .bas { display: flex; align-items: center; gap: 7mm; background: #fff; border-radius: 4mm; padding: 7mm; position: relative; overflow: hidden; }
.s-kristal .bas::before { content: ""; position: absolute; right: -16mm; top: -26mm; width: 64mm; height: 64mm; border-radius: 50%; border: 9mm solid var(--v-a); }
.s-kristal .bas::after { content: ""; position: absolute; right: 30mm; bottom: -6mm; width: 16mm; height: 16mm; border-radius: 50%; background: var(--v-a); }
.s-kristal .bas > * { position: relative; }
.s-kristal .foto { width: 34mm; height: 40mm; border-radius: 3.5mm; }
.s-kristal .foto.mono { font: 600 22pt 'Fraunces', serif; }
.s-kristal h1 { font: 600 26pt/1.05 'Fraunces', Georgia, serif; letter-spacing: -.015em; }
.s-kristal .unvan { margin-top: 1.6mm; font-size: 10.5pt; font-weight: 700; color: var(--v); }
.s-kristal .ilet { display: flex; flex-wrap: wrap; gap: 1.6mm; margin-top: 4mm; }
.s-kristal .ilet li { display: flex; align-items: center; gap: 1.4mm; background: #f4f3ef; border-radius: 4mm; padding: .9mm 2.8mm .9mm 2.2mm; font-size: .9em; color: var(--m2); }
.s-kristal .ilet .ik { color: var(--v); }
.s-kristal .govde { display: grid; grid-template-columns: 1fr 62mm; gap: 4mm; margin-top: 4mm; align-items: start; }
.s-kristal .ana, .s-kristal .yan { display: grid; gap: 4mm; }
.s-kristal .blm { background: #fff; border-radius: 4mm; padding: calc(5.4mm * var(--ar)) 5.6mm; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.s-kristal h2 { display: flex; align-items: center; gap: 2.2mm; font-size: 10pt; font-weight: 800; margin-bottom: calc(3mm * var(--ar)); }
.s-kristal h2 i { display: grid; place-items: center; width: 6mm; height: 6mm; border-radius: 1.8mm; background: var(--v); color: #fff; }
.s-kristal h2 i .ik { width: 3.4mm; height: 3.4mm; }
.s-kristal .kalem { display: grid; grid-template-columns: 1fr auto; column-gap: 3mm; margin-top: calc(3.6mm * var(--ar)); padding-top: calc(3.6mm * var(--ar)); border-top: .5pt dashed var(--c); }
.s-kristal .kalem:first-of-type { margin-top: 0; padding-top: 0; border-top: 0; }
.s-kristal .gov { grid-column: 1; grid-row: 1; }
.s-kristal .tar { grid-column: 2; grid-row: 1; align-self: start; font-size: .82em; font-weight: 700; color: var(--v-k); white-space: nowrap; }
.s-kristal h3 { font-size: 10.2pt; font-weight: 700; }
.s-kristal .fir { color: var(--m2); font-weight: 600; }
.s-kristal .fir .yer { color: var(--m3); font-weight: 500; }
.s-kristal .bec { display: flex; flex-wrap: wrap; gap: 1.6mm; }
.s-kristal .bec li { display: flex; align-items: center; gap: 1.6mm; background: var(--v-a); color: var(--v-k); border-radius: 2mm; padding: 1mm 2.4mm; font-weight: 600; font-size: .92em; }
.s-kristal .bec .sev { gap: .5mm; }
.s-kristal .bec .sev b { width: 1.2mm; height: 1.2mm; background: var(--v-o); }
.s-kristal .bec .sev b.d { background: var(--v); }
.s-kristal .dl, .s-kristal .kis, .s-kristal .ser, .s-kristal .ref { display: grid; gap: calc(2.2mm * var(--ar)); }
.s-kristal .dl li { display: grid; grid-template-columns: 1fr auto; align-items: center; }
.s-kristal .dl em { grid-row: 2; font-style: normal; font-size: .84em; color: var(--m3); }
.s-kristal .dl .sev { grid-column: 2; grid-row: 1 / span 2; }
.s-kristal .ad { font-weight: 600; }
.s-kristal .kis li { display: grid; grid-template-columns: auto 1fr; column-gap: 2.2mm; align-items: center; }
.s-kristal .kis .ik { grid-row: span 2; color: var(--v); }
.s-kristal .kis .et { font-size: .8em; color: var(--m3); }
.s-kristal .kis em { font-style: normal; font-weight: 600; }
.s-kristal .ser li, .s-kristal .ref li { display: grid; }
.s-kristal .ser small, .s-kristal .ser em, .s-kristal .ref span, .s-kristal .ref small { color: var(--m3); font-size: .9em; font-style: normal; }
.s-kristal .ref b { font-weight: 700; }
.s-kristal .hob { display: flex; flex-wrap: wrap; gap: 1.4mm; }
.s-kristal .hob li { border: .5pt solid var(--c); border-radius: 3mm; padding: .5mm 2.4mm; font-size: .9em; color: var(--m2); }


/* =====================================================================
   9. ZARİF — lüks serif, ortalı, ince çift çizgi
   ===================================================================== */
.s-zarif { background: #fdfbf7; padding: 16mm 20mm 14mm; font-size: calc(8.7pt * var(--yo)); color: #2a2622; --m2: #5a544c; --m3: #938b80; --c: #e8e2d8; }
.s-zarif .bas { text-align: center; }
.s-zarif .foto { width: 28mm; height: 28mm; border-radius: 50%; margin: 0 auto 5mm; box-shadow: 0 0 0 1.4mm #fdfbf7, 0 0 0 1.65mm var(--v); }
.s-zarif .foto.mono { background: none; border: .5pt solid var(--v); font: 500 18pt 'Cormorant Garamond', serif; letter-spacing: .08em; }
.s-zarif h1 { font: 500 31pt/1.05 'Cormorant Garamond', Georgia, serif; letter-spacing: .14em; text-transform: uppercase; }
.s-zarif .unvan { margin-top: 1.4mm; font: italic 500 14pt 'Cormorant Garamond', serif; color: var(--v); letter-spacing: .02em; }
.s-zarif .cift { width: 100%; height: 1.4mm; margin: 5.5mm 0 3.4mm; border-top: .5pt solid var(--v); border-bottom: .5pt solid var(--v); }
.s-zarif .ilet { display: flex; flex-wrap: wrap; justify-content: center; gap: 1mm 0; font-size: .92em; letter-spacing: .04em; color: var(--m2); }
.s-zarif .ilet li { display: flex; align-items: center; }
.s-zarif .ilet li:not(:last-child)::after { content: ""; width: .5pt; height: 3mm; background: var(--v-o); margin: 0 4mm; }
.s-zarif .ilet .ik { display: none; }
.s-zarif .blm { margin-top: calc(6.5mm * var(--ar)); }
.s-zarif h2 { display: flex; align-items: center; gap: 4mm; justify-content: center; margin-bottom: calc(3.6mm * var(--ar)); font: 600 11pt 'Cormorant Garamond', serif; letter-spacing: .3em; text-transform: uppercase; color: var(--v); }
.s-zarif h2::before, .s-zarif h2::after { content: ""; width: 14mm; height: .5pt; background: var(--v-o); }
.s-zarif .ozet { text-align: center; font: italic 400 11.5pt/1.5 'Cormorant Garamond', serif; color: var(--m2); max-width: 150mm; margin: 0 auto; }
.s-zarif .kalem { display: grid; grid-template-columns: 1fr auto; column-gap: 5mm; margin-top: calc(4mm * var(--ar)); }
.s-zarif .kalem:first-of-type { margin-top: 0; }
.s-zarif .gov { grid-column: 1; grid-row: 1; }
.s-zarif .tar { grid-column: 2; grid-row: 1; font: italic 500 10.5pt 'Cormorant Garamond', serif; color: var(--m3); white-space: nowrap; }
.s-zarif h3 { font: 600 12.5pt/1.25 'Cormorant Garamond', serif; letter-spacing: .02em; }
.s-zarif .fir { font-size: .86em; letter-spacing: .16em; text-transform: uppercase; color: var(--v); margin-top: .3mm; }
.s-zarif .fir .yer { color: var(--m3); }
.s-zarif .mad li::before { width: 1.4mm; height: .5pt; border-radius: 0; top: .72em; background: var(--v); }
.s-zarif .izgara { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 8mm; }
.s-zarif .izgara h2 { font-size: 9.6pt; letter-spacing: .16em; white-space: nowrap; gap: 2.5mm; }
.s-zarif .izgara h2::before, .s-zarif .izgara h2::after { width: 4mm; flex: none; }
.s-zarif .izgara .blm { text-align: center; }
.s-zarif .bec, .s-zarif .dl, .s-zarif .kis, .s-zarif .ser, .s-zarif .ref { display: grid; gap: calc(1.8mm * var(--ar)); }
.s-zarif .bec li { display: grid; justify-items: center; gap: .8mm; }
.s-zarif .sev { gap: 1.2mm; }
.s-zarif .sev b { width: 1.4mm; height: 1.4mm; background: none; border: .5pt solid var(--v); }
.s-zarif .sev b.d { background: var(--v); }
.s-zarif .dl li, .s-zarif .kis li, .s-zarif .ser li, .s-zarif .ref li { display: grid; }
.s-zarif .dl em, .s-zarif .kis .et { font: italic 500 10pt 'Cormorant Garamond', serif; color: var(--m3); }
.s-zarif .dl .sev, .s-zarif .kis .ik { display: none; }
.s-zarif .kis em { font-style: normal; order: 2; }
.s-zarif .ser small, .s-zarif .ser em, .s-zarif .ref span, .s-zarif .ref small { font-style: normal; color: var(--m3); font-size: .92em; }
.s-zarif .hob { display: grid; gap: 1mm; color: var(--m2); }


/* =====================================================================
   10. RESMÎ — kamu ve akademik başvuru, tablolu
   ===================================================================== */
.s-resmi { padding: 13mm 16mm 13mm; font-family: 'IBM Plex Sans', sans-serif; font-size: calc(8.8pt * var(--yo)); }
.s-resmi .ust { display: flex; align-items: center; gap: 4mm; margin-bottom: 6mm; font: 600 8pt 'Source Serif 4', serif; letter-spacing: .4em; text-transform: uppercase; color: var(--v); }
.s-resmi .ust::before, .s-resmi .ust::after { content: ""; flex: 1; height: .5pt; background: var(--v-o); }
.s-resmi .bas { display: grid; grid-template-columns: 1fr auto; gap: 8mm; align-items: start; }
.s-resmi h1 { font: 700 21pt/1.1 'Source Serif 4', Georgia, serif; color: var(--m); }
.s-resmi .unvan { margin-top: 1.2mm; font-size: 10.5pt; color: var(--v); font-weight: 500; }
.s-resmi .foto { width: 30mm; height: 40mm; border: .5pt solid var(--m3); padding: 1mm; background: #fff; }
.s-resmi .foto img { width: 100%; height: 100%; }
.s-resmi .foto.mono { background: var(--v-a); font: 700 18pt 'Source Serif 4', serif; }
.s-resmi .tbl { width: 100%; border-collapse: collapse; }
.s-resmi .tbl th, .s-resmi .tbl td { text-align: left; vertical-align: top; padding: calc(1.5mm * var(--ar)) 2.6mm; border-bottom: .5pt solid var(--c); }
.s-resmi .tbl th { font-weight: 500; color: var(--m2); }
.s-resmi .kim { margin-top: 4mm; border-top: .5pt solid var(--c); }
.s-resmi .kim th { width: 36mm; background: var(--v-a); font-size: .94em; }
.s-resmi .blm { margin-top: calc(5mm * var(--ar)); }
.s-resmi h2 { margin-bottom: 0; padding: 1.6mm 3mm; background: var(--v-a); border-left: 1.1mm solid var(--v); font: 700 8.6pt 'IBM Plex Sans', sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--v-k); }
.s-resmi .ozet { padding: 2.6mm 3mm 0; }
.s-resmi .liste th { width: 36mm; font-size: .92em; white-space: nowrap; }
.s-resmi .liste.ref th { white-space: normal; font-weight: 600; color: var(--m); }
.s-resmi .liste tr { break-inside: avoid; }
.s-resmi .liste b { font-weight: 600; }
.s-resmi .yer { color: var(--m3); }
.s-resmi .liste td > div { color: var(--m2); }
.s-resmi .dar th { width: 36mm; }
.s-resmi .bec { display: grid; grid-template-columns: 1fr 1fr; gap: 1.6mm 8mm; padding: 2.6mm 3mm 0; }
.s-resmi .bec li { display: flex; justify-content: space-between; align-items: center; gap: 3mm; border-bottom: .5pt dotted var(--c); padding-bottom: 1.2mm; }
.s-resmi .sev b { border-radius: .2mm; }

/* =====================================================================
   Baskı: çok sayfalı CV'de yan panel ve sayfa zemini her sayfada tam boy olsun.
   Chrome, position: fixed öğeleri her basılı sayfada tekrarlar.
   ===================================================================== */
@media print {
  .cv.s-meridyen, .cv.s-safir, .cv.s-kristal, .cv.s-zarif { background: transparent; }
  .s-meridyen::after, .s-safir::after, .s-kristal::after, .s-zarif::after { content: ""; position: fixed; top: 0; bottom: 0; left: 0; z-index: -1; }
  .s-meridyen::after { width: 68mm; background: var(--v-a); }
  .s-safir::after { width: 70mm; background: var(--v); }
  .s-kristal::after { right: 0; background: #f4f3ef; }
  .s-zarif::after { right: 0; background: #fdfbf7; }
}