/* Kâğıdın tek başına açıldığı sayfa: ön izleme (iframe), örnek ve yazdırma. */
html, body { margin: 0; padding: 0; }
body { background: #fff; }
body.mod-onizleme, body.mod-ornek { background: transparent; overflow: hidden; }
body.mod-yazdir { background: #e9e5de; font-family: 'Inter', system-ui, sans-serif; }
.mod-yazdir #kagit { padding: 24px 12px 48px; }
.mod-yazdir .cv { box-shadow: 0 1px 2px rgba(30, 25, 20, .08), 0 12px 40px rgba(30, 25, 20, .14); }

.arac { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; gap: 16px; padding: 12px 20px; background: #fffdf9; border-bottom: 1px solid #e6e0d6; font-size: 14px; color: #3b352e; }
.arac p { margin: 0; flex: 1; }
.arac span { color: #8a8278; margin-left: 6px; }
.arac .geri { color: #2B1E5A; text-decoration: none; font-weight: 600; white-space: nowrap; }
.arac button { border: 0; border-radius: 10px; background: #2B1E5A; color: #fff; font: 600 14px 'Inter', sans-serif; padding: 11px 18px; cursor: pointer; white-space: nowrap; }
.arac button:hover { background: #3a2a78; }

@media (max-width: 820px) {
  .arac { flex-wrap: wrap; }
  .arac p { order: 3; flex-basis: 100%; font-size: 13px; }
  .arac span { display: block; margin: 2px 0 0; }
  .mod-yazdir #kagit { padding: 12px 0 32px; overflow-x: auto; }
}

@media print {
  body, body.mod-yazdir { background: #fff; }
  .arac { display: none; }
  .mod-yazdir #kagit { padding: 0; }
  .mod-yazdir .cv { box-shadow: none; }
}