/* Printable A4 menu. English left, 中文 right, price far right. Works in black and white. */
:root{--accent:#7a5c00}
*{box-sizing:border-box}
html{font-size:100%}
body{margin:0;background:#f6f0dc;color:#111;font:10.5pt/1.35 system-ui,-apple-system,"Segoe UI",Roboto,"PingFang HK","Microsoft JhengHei","Noto Sans CJK TC",sans-serif}
h1,h2,h3,p{margin:0}
.tb{max-width:210mm;margin:0 auto;padding:10px 12px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:.95rem}
.tb button{min-height:44px;padding:0 1.2rem;border:2px solid #111;border-radius:10px;background:#111;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.tb a{color:#111;font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.tb span{color:#555;font-size:.85rem}
.page{width:210mm;max-width:100%;margin:0 auto 24px;background:#fff;padding:14mm}
.ph{text-align:center;border-bottom:2px solid #111;padding-bottom:5mm;margin-bottom:3mm}
h1,h2{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Songti TC","Noto Serif CJK TC","PMingLiU",serif}
h1{font-size:24pt;line-height:1.15}
.tg{margin-top:2mm;color:#444}
.pc{margin-top:5mm}
.pc h2{font-size:14pt;border-bottom:1px solid #111;padding-bottom:1mm;margin-bottom:1mm;break-after:avoid}
.pc h2 small{font:400 8.5pt system-ui,sans-serif;color:#444}
.pi{display:grid;grid-template-columns:1fr 1fr 30mm;gap:0 5mm;padding:1.6mm 0;border-bottom:.5pt dotted #888;break-inside:avoid}
.pi h3{font-size:11pt;line-height:1.25}
.pi .bd{font-weight:400;font-size:8.5pt;color:var(--accent)}
.pi .d{color:#333;font-size:9.5pt}
.pi .m{font-size:8.5pt;color:#444;margin-top:.5mm}
.pi .m:empty{display:none}
.pi .z h3{font-weight:600}
.pr{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:16mm}
.pr .vn{font-weight:400;font-size:9pt}
.pf{margin-top:7mm;border-top:2px solid #111;padding-top:3mm;display:flex;gap:6mm;align-items:flex-start;break-inside:avoid;font-size:8.5pt;color:#333}
.legend{flex:1}
.legend p{margin-bottom:1.6mm}
.lg{display:inline-block;margin-right:3mm}
.qr{text-align:center;flex:none;width:40mm;font-size:8pt}
.qr svg{display:block;margin:0 auto 1mm;width:30mm;height:30mm}
.su{font-size:8.5pt;overflow-wrap:anywhere}
.prules{margin-top:3mm;font-size:8.5pt;color:#333;break-inside:avoid}
.prule{display:block;font-weight:600;margin-top:.6mm}
.pledge{margin-top:3mm;text-align:center;font-weight:700;font-size:9.5pt}
@page{size:A4;margin:12mm 0}
@media print{
  body{background:#fff;font-size:10pt}
  .tb{display:none}
  .page{width:auto;margin:0;padding:0 14mm}
}
@media (max-width:600px){
  .page{padding:12px}
  .pi{grid-template-columns:1fr auto}
  .pi .z{grid-column:1;order:3}
}