/* Yazdırılabilir eğitim kartları (A4/A5/A6) */
:root { --ink: #111418; --mute: #5f6672; --line: #e2e4e8; --acc: #C93D0A; }
* { box-sizing: border-box; }
body { margin: 0; font: 15px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--ink); background: #eceef1; }
.bar { position: sticky; top: 0; display: flex; gap: 14px; align-items: center; padding: 12px 18px; background: #fff; border-bottom: 1px solid var(--line); }
.bar span { color: var(--mute); } .bar button { margin-left: auto; background: var(--acc); color: #fff; border: 0; border-radius: 8px; padding: 9px 18px; font: 600 15px system-ui; cursor: pointer; }
.sheet { background: #fff; margin: 20px auto; padding: 14mm 14mm 10mm; width: 210mm; min-height: 297mm; box-shadow: 0 4px 24px rgba(0,0,0,.08); display: flex; flex-direction: column; }
.card-kasiyer .sheet { width: 148mm; min-height: 210mm; padding: 10mm; }
.card-garson .sheet, .card-mutfak .sheet { width: 105mm; min-height: 148mm; padding: 8mm; font-size: 13px; }
header { display: flex; align-items: center; gap: 12px; border-bottom: 3px solid var(--acc); padding-bottom: 8px; margin-bottom: 10px; }
header h1 { margin: 0; font-size: 1.45em; }
.lead { color: var(--mute); margin: 0 0 10px; }
.body h2 { font-size: 1.05em; margin: 14px 0 6px; color: var(--acc); text-transform: uppercase; letter-spacing: .04em; }
.body ol, .body ul { margin: 0 0 6px; padding-left: 20px; } .body li { margin: 3px 0; }
.body table { border-collapse: collapse; width: 100%; } .body td, .body th { border-bottom: 1px solid var(--line); padding: 4px 6px; text-align: left; }
.body .tbl { margin: 6px 0; }
kbd { display: inline-block; min-width: 26px; padding: 1px 6px; border: 1px solid #c9cdd3; border-bottom-width: 2px; border-radius: 5px; font: 700 .9em ui-monospace, monospace; text-align: center; background: #f7f7f8; }
.callout { border-left: 4px solid var(--acc); background: #fdf1eb; padding: 6px 10px; margin: 8px 0; border-radius: 4px; }
footer { margin-top: auto; padding-top: 8px; border-top: 1px solid var(--line); color: var(--mute); font-size: .85em; }
/* küçük kartlar: sıkı yerleşim */
.card-kasiyer, .card-garson, .card-mutfak { font-size: 13px; }
.card-kasiyer .sheet { padding: 8mm 9mm; }
.card-kasiyer .body h2, .card-garson .body h2, .card-mutfak .body h2 { margin: 9px 0 4px; font-size: 1em; }
.card-kasiyer .body li, .card-garson .body li, .card-mutfak .body li { margin: 1px 0; }
.card-kasiyer .body p, .card-garson .body p, .card-mutfak .body p { margin: 3px 0; }
.card-kasiyer .body td, .card-kasiyer .body th { padding: 2px 6px; }
.card-garson .sheet, .card-mutfak .sheet { font-size: 12px; }
@page { margin: 0; }
@media print { body { background: #fff; } .no-print { display: none; } .sheet { margin: 0; box-shadow: none; } }

/* Tam kılavuz (patron kılavuzu PDF) */
.guide .sheet { min-height: auto; padding: 16mm 18mm; }
.guide .cover { min-height: 297mm; justify-content: flex-start; gap: 5mm; }
.guide .cover h1 { font-size: 34px; margin: 8mm 0 0; }
.guide .toc { padding-left: 20px; } .guide .toc li { margin: 3px 0; font-size: .95em; } .guide .toc a { color: var(--ink); font-weight: 650; text-decoration: none; } .guide .toc span { display: block; color: var(--mute); font-size: .92em; }
.guide .chapter { break-before: page; }
.guide .chapter header .num { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--acc); color: #fff; font-weight: 800; }
.guide .body h2 { text-transform: none; letter-spacing: 0; font-size: 1.2em; margin-top: 18px; }
.guide .body h3 { font-size: 1.05em; margin: 12px 0 4px; }
.guide .body p, .guide .body li { break-inside: avoid; }
.guide .shot { margin: 8px 0; break-inside: avoid; } .guide .shot img { width: 100%; border: 1px solid var(--line); border-radius: 6px; } .guide .shot figcaption { color: var(--mute); font-size: .85em; }
.guide .callout.tip { background: #eef7f1; border-color: #15803d; } .guide .callout.warn { background: #fff6e8; border-color: #d97706; }
.guide a { color: var(--acc); }
.guide .cover > img, .sheet > header img { align-self: flex-start; width: auto; flex: none; }