.comparison{padding:0 48px 160px;}
.comparison-head{max-width:640px;margin:0 auto;padding-bottom:48px;text-align:center;}
.comparison-head h2{font-family:Georgia,"Noto Serif","Times New Roman",serif;font-style:italic;font-weight:500;font-size:clamp(28px,4vw,42px);}
.comparison-table{max-width:900px;margin:0 auto;border:1px solid var(--line);}
.comparison-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;}
.comparison-row + .comparison-row{border-top:1px solid var(--line);}
.comparison-row.head .comparison-cell{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;padding-top:20px;padding-bottom:20px;}
.comparison-cell{padding:16px 18px;font-size:14px;line-height:1.5;display:flex;align-items:center;}
.comparison-cell.label{color:var(--taupe);font-size:13px;}
.comparison-cell.lunchbox{background:var(--accent-soft);color:var(--ink);font-weight:600;}
.comparison-row.head .comparison-cell.lunchbox{background:var(--accent);color:var(--accent-ink);}
.comparison-row.head .comparison-cell.canteen{color:var(--ink);}

@media (max-width:640px){
  .comparison{padding:0 20px 100px;}
  .comparison-row{grid-template-columns:1fr;}
  .comparison-cell{padding:10px 14px;}
  .comparison-cell.label{padding-top:16px;font-weight:600;color:var(--ink);}
  .comparison-row + .comparison-row{border-top:2px solid var(--line);}
}
