/* shared/breadcrumbs.css (bc1, Oct 16 2026). Site-wide breadcrumb bar, UX spec SPEC-breadcrumbs-v1 + 6:10 PM follow-up.
   Server-rendered by tools/bc_apply.py (no JS, no CLS). Colours come ONLY from the page's own theme tokens (--muted / --ink),
   with neutral fallbacks; light/dark follow the page's own prefers-color-scheme tokens. All placement knobs are variables below. */
.eat-bc{
  --bc-link:var(--muted,#5f655f);--bc-cur:var(--ink,#262a28);--bc-sep:var(--muted,#5f655f);
  box-sizing:border-box;display:block;width:100%;max-width:var(--bc-max,var(--max,1180px));
  margin-block:var(--bc-above,12px) var(--bc-below,8px);margin-inline:auto;padding-block:0;padding-inline:var(--bc-gutter,16px);
  font-family:"Libre Franklin",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:500;font-size:14px;line-height:1.4;
  letter-spacing:normal;text-transform:none;font-style:normal;color:var(--bc-link);background:none;position:static;
  min-height:var(--bc-line,28px)}
.eat-bc ol{display:flex;flex-wrap:wrap;align-items:center;row-gap:2px;column-gap:0;margin:0;padding:0;list-style:none;min-width:0}
.eat-bc li{display:flex;align-items:center;flex:0 0 auto;min-width:0;margin:0;padding:0;white-space:nowrap;font:inherit;color:inherit}
.eat-bc li::marker{content:none}
.eat-bc li+li::before{content:"\203A";content:"\203A" / "";margin-inline:6px;color:var(--bc-sep);opacity:.7;speak:never}
.eat-bc a{color:var(--bc-link);text-decoration:none;padding-block:4px;display:inline-block;line-height:inherit;font:inherit;border-radius:2px}
.eat-bc a:hover,.eat-bc a:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;color:var(--bc-link)}
.eat-bc a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.eat-bc li:last-child{flex:1 1 8ch;overflow:hidden}
.eat-bc [aria-current="page"]{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-block:4px;color:var(--bc-cur);font-weight:600}
/* theme fallback (bc_apply writes data-bc-tone when the theme's --muted is under 4.5:1 on its own --paper) */
.eat-bc[data-bc-tone~="ink-light"]{--bc-link:var(--ink,#262a28)}
@media (prefers-color-scheme:dark){.eat-bc[data-bc-tone~="ink-light"]{--bc-link:var(--muted,#b4b8b0)}.eat-bc[data-bc-tone~="ink-dark"]{--bc-link:var(--ink,#ece7dc)}}
@media (min-width:768px){.eat-bc{margin-block:var(--bc-above-lg,16px) var(--bc-below-lg,12px);padding-inline:var(--bc-gutter-lg,28px)}}
/* alignment to each template's content column (left edge of its H1); bc_apply writes data-bc-fit. Adjust here only. */
.eat-bc[data-bc-fit="guide"]{--bc-gutter:24px;--bc-gutter-lg:24px;--bc-max:1180px}
.eat-bc[data-bc-fit="hero-inner"]{--bc-gutter:20px;--bc-gutter-lg:28px;--bc-max:1180px}
.eat-bc[data-bc-fit="tp"]{--bc-gutter:16px;--bc-gutter-lg:28px;--bc-max:1180px}
.eat-bc[data-bc-fit="trust"]{--bc-gutter:16px;--bc-gutter-lg:24px;--bc-max:1080px}
.eat-bc[data-bc-fit="collection"]{--bc-gutter:24px;--bc-gutter-lg:24px;--bc-max:760px}
.eat-bc[data-bc-fit="cl"]{--bc-gutter:18px;--bc-gutter-lg:24px;--bc-max:1080px}
.eat-bc[data-bc-fit="intake"]{--bc-gutter:18px;--bc-gutter-lg:18px;--bc-max:720px}
@media print{.eat-bc{display:none}}