/* okul-sertifika: boş katılım belgesi üzerine yerleşen alanlar. Görseldeki arma, mühür ve imza yeniden çizilmez. */

.ok-belge-frame{width:min(1000px,100%);margin:8px auto 4px}
.ok-belge{position:relative;container-type:inline-size;width:100%;color:#1a1a1a;background:#fff}
.ok-belge-bg{display:block;width:100%;height:auto}
.ok-belge-name{position:absolute;left:24.8%;top:43.7%;height:5.8%;margin:0;display:flex;align-items:center;max-width:52%;font-family:Georgia,"Times New Roman",Times,serif;font-weight:700;font-size:3.05cqi;line-height:1;letter-spacing:.01em;color:#161616;white-space:nowrap}
.ok-belge-name.is-long{font-size:2.05cqi}
.ok-belge-copy{position:absolute;left:18%;right:18%;top:52.5%;text-align:center;color:#1c2433}
.ok-belge-lead{margin:0;font-family:Georgia,"Times New Roman",Times,serif;font-size:1.62cqi;line-height:1.35}
.ok-belge-course{margin:.28em 0 0;font-family:Georgia,"Times New Roman",Times,serif;font-weight:700;font-size:2.45cqi;line-height:1.22;color:#152a4a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ok-belge-meta{margin:.42em 0 0;font-family:Georgia,"Times New Roman",Times,serif;font-size:1.32cqi;line-height:1.3;color:#3e4a5e}
.ok-belge-code{margin:.55em 0 0;font-family:Georgia,"Times New Roman",Times,serif;font-size:1.12cqi;line-height:1.3;letter-spacing:.04em;color:#5c6573}
.ok-belge-qr{position:absolute;left:45.5%;top:71.4%;width:12.8%;background:#fff;padding:1.5%;box-sizing:border-box;line-height:0}
.ok-belge-qr svg{display:block;width:100%;height:auto}
.ok-belge-note{max-width:1000px;margin:10px auto 0;font-size:.82rem;line-height:1.45}
.ok-belge-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}
.ok-belge-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 18px;margin:14px 0 0;padding:0}
.ok-belge-facts div{margin:0}
.ok-belge-facts dt{font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--yn-mute,#5c6573);margin:0 0 2px}
.ok-belge-facts dd{margin:0;font-weight:700}
.ok-belge-facts code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}
.ok-belge-form{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:16px 0 8px}
.ok-belge-form label{flex:1 0 100%;font-weight:700}
.ok-belge-form input{flex:1 1 220px;min-height:44px;padding:8px 12px;border-radius:12px;border:1.5px solid var(--yn-line,#d5dbe3);background:var(--yn-paper,#fff);color:inherit;font:inherit;letter-spacing:.06em;text-transform:uppercase}

html[data-theme="dark"] .ok-belge-name,
html[data-theme="dark"] .ok-belge-lead,
html[data-theme="dark"] .ok-belge-course,
html[data-theme="dark"] .ok-belge-meta,
html[data-theme="dark"] .ok-belge-code{color:#161616}
html[data-theme="dark"] .ok-belge-course{color:#152a4a}
html[data-theme="dark"] .ok-belge-meta{color:#3e4a5e}
html[data-theme="dark"] .ok-belge-code{color:#5c6573}

@media print{
  .ok-belge-print{width:auto}
  .ok-belge-frame{width:250mm;max-width:100%;margin:0 auto}
  .ok-belge{break-inside:avoid;page-break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .ok-belge-bg{width:100%;height:auto}
}