@layer legacy {
/* DEPLOY-635 — compact, build-time semantic relationships */
.kecb-semantic-related,.kecb-venue-craft-bridge{margin:22px 0 0;padding:16px 18px;border:1px solid rgba(84,64,42,.18);border-radius:var(--kecb-radius-card);background:color-mix(in srgb,#fff 96%,#efe7d8 4%);box-shadow:var(--kecb-shadow-card)}
.kecb-semantic-related h2,.kecb-venue-craft-bridge h2{margin:2px 0 11px;font-size:max(var(--kecb-type-meta), clamp(1.02rem,1.5vw,1.2rem));line-height:1.25}
.kecb-semantic-kicker{margin:0;color:#765b36;font-size:max(var(--kecb-type-meta), .72rem);font-weight:800;letter-spacing:.095em;text-transform:uppercase}
.kecb-semantic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}
.kecb-semantic-card,.kecb-semantic-grid>a{display:flex;flex-direction:column;gap:3px;min-height:54px;padding:10px 11px;border:1px solid rgba(84,64,42,.14);border-radius:var(--kecb-radius-card);background:rgba(255,255,255,.72);color:#17191c;text-decoration:none}
.kecb-semantic-card:hover,.kecb-semantic-grid>a:hover{border-color:rgba(119,72,34,.36);transform:translateY(-1px)}
.kecb-semantic-card strong,.kecb-semantic-grid>a strong{font-size:max(var(--kecb-type-meta), .9rem);line-height:1.22}
.kecb-semantic-card span,.kecb-semantic-grid>a span{color:#67615a;font-size:max(var(--kecb-type-meta), .76rem);line-height:1.3}
.kecb-semantic-taxonomy{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.kecb-semantic-taxonomy a{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border:1px solid rgba(84,64,42,.18);border-radius:var(--kecb-radius-pill);background:rgba(255,255,255,.56);color:#51432f;font-size:max(var(--kecb-type-meta), .73rem);font-weight:700;text-decoration:none}
.recipe-related-grid[data-semantic-related="bar-recipe"] span{display:block;margin-top:3px;color:inherit;opacity:.76;font-size:max(var(--kecb-type-meta), .78rem)}
@media(max-width:620px){.kecb-semantic-related,.kecb-venue-craft-bridge{margin-top:16px;padding:13px 14px}.kecb-semantic-grid{grid-template-columns:1fr}.kecb-semantic-card,.kecb-semantic-grid>a{min-height:0}}
@media(prefers-color-scheme:dark){
  .kecb-semantic-related,.kecb-venue-craft-bridge{background:color-mix(in srgb,#151a20 95%,#d8c7a5 5%);border-color:#343b43;color:#f4efe7;box-shadow:var(--kecb-shadow-none)}
  .kecb-semantic-kicker{color:#d8c7a5}
  .kecb-semantic-card,.kecb-semantic-grid>a{background:#1c2229;border-color:#343b43;color:#f4efe7}
  .kecb-semantic-card span,.kecb-semantic-grid>a span{color:#c6cbd0}
  .kecb-semantic-taxonomy a{background:#1c2229;border-color:#3a424a;color:#e2d5bd}
}
}