/* ICU-EXPEDITION-022 — Beer Knowledge Journey. Additive, Beer-scoped enhancement layer. */
.beu-exp022-journey{--beu-exp022-gap:clamp(.65rem,1.8vw,1rem);margin:0 auto clamp(1rem,3vw,1.6rem);max-width:1180px;padding:clamp(.85rem,2.2vw,1.2rem);border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:18px;background:color-mix(in srgb,#f6efe1 90%,transparent);color:#1f241f;box-shadow:0 10px 28px rgba(28,35,28,.08)}
.beu-exp022-journey *{box-sizing:border-box}.beu-exp022-journey a{color:inherit}.beu-exp022-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--beu-exp022-gap);align-items:start}.beu-exp022-eyebrow{margin:0 0 .25rem;font-size:.74rem;letter-spacing:.11em;text-transform:uppercase;font-weight:800;opacity:.72}.beu-exp022-title{margin:0;font:700 clamp(1rem,2.4vw,1.25rem)/1.25 ui-serif,Georgia,serif}.beu-exp022-status{margin:.2rem 0 0;font-size:.86rem;line-height:1.45;opacity:.78}.beu-exp022-progress{display:grid;justify-items:end;gap:.4rem;min-width:max-content}.beu-exp022-progress button,.beu-exp022-reset{border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;padding:.48rem .72rem;font:700 .78rem/1.1 inherit;cursor:pointer}.beu-exp022-progress button[aria-pressed="true"]{background:#1f241f;color:#fff}.beu-exp022-progress small{font-size:.72rem;opacity:.7}.beu-exp022-lenses{margin-top:.8rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.beu-exp022-lens{display:block;min-height:100%;padding:.68rem .72rem;border:1px solid rgba(31,36,31,.18);border-radius:12px;text-decoration:none;background:rgba(255,255,255,.5)}.beu-exp022-lens:hover,.beu-exp022-lens:focus-visible{outline:2px solid currentColor;outline-offset:2px}.beu-exp022-lens[aria-current="true"]{background:#1f241f;color:#fff;border-color:#1f241f}.beu-exp022-lens strong{display:block;font-size:.83rem;line-height:1.25}.beu-exp022-lens span{display:block;margin-top:.22rem;font-size:.72rem;line-height:1.35;opacity:.76}.beu-exp022-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:.7rem}.beu-exp022-chip{padding:.56rem .64rem;border-radius:10px;background:rgba(31,36,31,.065);font-size:.78rem;line-height:1.4}.beu-exp022-chip strong{display:block;font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;opacity:.66}.beu-exp022-note{margin:.7rem 0 0;padding:.65rem .72rem;border-left:3px solid currentColor;background:rgba(255,255,255,.44);font-size:.8rem;line-height:1.48}.beu-exp022-links{margin-top:.65rem}.beu-exp022-links summary{cursor:pointer;font-weight:750;font-size:.82rem}.beu-exp022-links ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .7rem;margin:.55rem 0 0;padding:0;list-style:none}.beu-exp022-links li{min-width:0}.beu-exp022-links a{display:flex;gap:.4rem;align-items:baseline;text-decoration-thickness:.08em;text-underline-offset:.15em;font-size:.78rem}.beu-exp022-kind{flex:0 0 auto;padding:.08rem .3rem;border-radius:999px;background:rgba(31,36,31,.1);font-size:.62rem;text-transform:uppercase;letter-spacing:.04em}.beu-exp022-companion{margin-top:.7rem;padding:.68rem .72rem;border-radius:12px;background:#1f241f;color:#fff}.beu-exp022-companion strong{display:block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.beu-exp022-companion p{margin:.28rem 0 0;font-size:.82rem;line-height:1.45}.beu-exp022-companion a{color:inherit}.beu-exp022-resume{margin-top:.6rem;font-size:.78rem}.beu-exp022-resume a{font-weight:750}.beu-exp022-actions{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin-top:.62rem}.beu-exp022-reset{padding:.38rem .6rem;font-size:.7rem;opacity:.75}.beu-exp022-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:820px){.beu-exp022-lenses{grid-template-columns:repeat(2,minmax(0,1fr))}.beu-exp022-context{grid-template-columns:1fr}.beu-exp022-links ul{grid-template-columns:1fr}}
@media(max-width:560px){.beu-exp022-journey{border-radius:14px}.beu-exp022-head{grid-template-columns:1fr}.beu-exp022-progress{justify-items:start}.beu-exp022-lenses{grid-template-columns:1fr}.beu-exp022-lens span{display:none}}
@media(prefers-reduced-motion:reduce){.beu-exp022-journey *{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.beu-exp022-journey,.beu-exp022-lens,.beu-exp022-chip,.beu-exp022-companion{forced-color-adjust:auto;border:1px solid CanvasText}}