@page { size: A4; margin: 12mm; }
* { box-sizing: border-box; }
body { margin: 0; font-family: 'Figtree', Arial, sans-serif; color: #111; background: #eee; font-size: 10.5pt; line-height: 1.35; }
.tyokalut { display: flex; justify-content: space-between; align-items: center; max-width: 210mm; margin: 1rem auto; padding: 0 .5rem; }
.tyokalut a { color: #111; }
.tyokalut button { font: inherit; font-weight: 600; background: #D41E0B; color: #fff; border: 0; border-radius: 999px; padding: .6rem 1.4rem; cursor: pointer; }
.arkki { background: #fff; max-width: 210mm; margin: 0 auto 2rem; padding: 12mm; box-shadow: 0 2px 12px rgba(0,0,0,.12); }
header { display: flex; align-items: center; gap: 8mm; border-bottom: 3px solid #D41E0B; padding-bottom: 4mm; margin-bottom: 5mm; }
header img { width: 48mm; height: auto; }
h1 { font-family: 'Bricolage Grotesque', Arial, sans-serif; font-size: 20pt; margin: 0; }
header p { margin: 1mm 0 0; }
.paivat { columns: 2; column-gap: 8mm; }
section { break-inside: avoid; margin-bottom: 5mm; }
h2 { font-family: 'Bricolage Grotesque', Arial, sans-serif; font-size: 12.5pt; margin: 0 0 1.5mm; color: #D41E0B; }
h3 { font-size: 9.5pt; margin: 2mm 0 .5mm; font-style: italic; font-weight: 600; }
.ruoat { list-style: none; margin: 0; padding: 0; }
.ruoat li { display: flex; justify-content: space-between; gap: 3mm; padding: .6mm 0; }
.alt { white-space: nowrap; font-size: 8pt; font-weight: 700; }
.al { text-decoration: none; margin-left: 1mm; }
footer { border-top: 1px solid #999; padding-top: 3mm; margin-top: 2mm; font-size: 9pt; }
footer p { margin: 1mm 0; }
.hinnat { display: flex; gap: 8mm; margin: 0 0 1mm; font-size: 11pt; }
.hinnat div { display: flex; gap: 2mm; }
.hinnat dd { margin: 0; font-weight: 700; }
.selite { display: flex; flex-wrap: wrap; gap: 1mm 4mm; }
@media print {
    body { background: #fff; }
    .tyokalut { display: none; }
    .arkki { box-shadow: none; margin: 0; padding: 0; max-width: none; }
}