/* Larkpane services & prices menu (static HTML written by scripts/add_menu.py).
   Theme it per site with the --mn-* variables on .mn in the site's own CSS; defaults sit in :where() so the site wins. */
:where(.mn){--mn-ink:#1A1A1A;--mn-muted:#5E6470;--mn-line:#DDE1E7;--mn-accent:#1F4FB5;--mn-display:inherit;--mn-cols:2}
.mn{color:var(--mn-ink)}
.mn-groups{display:grid;grid-template-columns:repeat(var(--mn-cols),minmax(0,1fr));gap:clamp(28px,4vw,56px) clamp(28px,5vw,72px)}
.mn-group h3{font-family:var(--mn-display);font-size:clamp(22px,2vw,28px);line-height:1.15;margin:0 0 6px}
.mn-list{list-style:none;margin:0;padding:0}
.mn-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 16px;padding:12px 0;border-bottom:1px solid var(--mn-line)}
.mn-name{font-weight:500;overflow-wrap:anywhere}
.mn-time{grid-column:1;font-size:14px;color:var(--mn-muted)}
.mn-price{grid-column:2;grid-row:1;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.mn-price.blank{color:var(--mn-muted);font-weight:500;letter-spacing:.04em}
.mn-note{margin-top:22px;font-size:14px;color:var(--mn-muted)}
.mn-note a{color:var(--mn-accent)}
@media (max-width:760px){.mn-groups{grid-template-columns:1fr}}