/* The printed-menu form ("military form"): black lettered section bars, Courier type, Cormorant Garamond header.
   Shared by the staff menu editor (sheet, printout, fit check) and the public Food page when it shows the
   published menu (FOOD_SOURCE=menu). Markup comes from /staff/menu/assets/menu-render.js. */
.atr{font:9.5pt/1.15 "Courier Prime","Courier New",Courier,monospace;color:#111}
.atr .topl{display:flex;justify-content:space-between;font-size:8pt;margin-bottom:10px}
.atr .mh{display:grid;grid-template-columns:1.25in minmax(0,1fr);gap:16px;align-items:center}
.atr .mh img{width:1.15in;height:auto}
.atr .mh .lines{font:700 15pt/1.25 "Cormorant Garamond",Garamond,serif;text-transform:uppercase}
.atr .fm{text-align:right;font:700 12pt/1 "Cormorant Garamond",Garamond,serif;text-transform:uppercase;margin:6px .7in 14px 0}
.atr .ttl{text-align:center;font:700 22pt/1.1 "Cormorant Garamond",Garamond,serif;text-transform:uppercase;margin:4px 0 2px}
.atr .head{text-align:center;font-weight:700;font-size:9pt;margin:0 0 12px}
.atr .bar{background:#111;color:#fff;font-weight:700;text-transform:uppercase;padding:1px 6px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.atr .bar .tt{flex:1 1 auto;min-width:0}
.atr .box{border:1.5px solid #111;border-top:0}
.atr .box > :first-child{border-top:0}
/* site.css has public .row, .note and .ck rules; the form resets them under .atr */
.atr .row{display:grid;grid-template-columns:minmax(0,1fr) .7in;gap:0;padding:0;border-bottom:0;border-top:1px solid #111}
.atr .row b,.atr .ck b{font-weight:700}
.atr .row > .tx{padding:1px 6px}
.atr .row .pr{border-left:1.5px solid #111;font-weight:700;text-align:center;padding:1px 4px}
.atr .it{display:grid;grid-template-columns:2.1em minmax(0,1fr)}
.atr .inl{padding:1px 6px;border-top:1px solid #111}
.atr .split{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #111}
.atr .split > .inl{border-top:0}
.atr .split > .inl + .inl{border-left:1.5px solid #111}
.atr .note{text-align:center;font:inherit;font-weight:700;padding:2px 6px;border:0;background:none;color:inherit}
.atr .empty-sec{min-height:1.2in;display:grid;place-content:center;font-weight:700;text-align:center;padding:6px}
.atr .steps{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 14px;padding:1px 6px}
.atr .steps .side{text-align:right;font-weight:700;text-decoration:underline}
.atr .grp u,.atr .nm,.atr .xp{font-weight:700}
.atr .fn{font-size:8.5pt;padding:8px 2px 0}
.atr .wl{columns:2;column-gap:.35in;padding:3px 6px}
.atr .wl .w{display:flex;gap:6px;break-inside:avoid}
.atr .wl .w .wn{flex:1 1 auto;min-width:0}
.atr .wl .w .wp{font-weight:700;white-space:nowrap}
.atr .ck{padding:5px 6px;border-top:1px solid #111}
.atr .ck .ckn{font-weight:700;text-transform:uppercase}
.atr .ck .ckd{display:flex;gap:10px}
.atr .ck .ckd > :first-child{flex:1 1 auto}
.atr.list .msec + .msec{margin-top:8px}


/* the public Food page: the form on a white card, readable on a phone */
.menu-paper{background:#fff;border:1px solid rgba(38,36,34,.25);padding:14px;margin-top:8px}
.atr.web{font-size:14px;line-height:1.4}
.atr.web .mh{grid-template-columns:72px minmax(0,1fr);gap:12px}
.atr.web .mh img{width:72px}
.atr.web .mh .lines{font-size:13px}
.atr.web .fm{margin-right:0}
@media (max-width:759px){
  .atr.web .row{grid-template-columns:minmax(0,1fr) 56px}
  .atr.web .steps{grid-template-columns:minmax(0,1fr)}
  .atr.web .steps .side{text-align:left;margin-top:8px}
  .atr.web .split{grid-template-columns:1fr}
  .atr.web .split > .inl + .inl{border-left:0;border-top:1px solid #111}
}