.eco{--eco-bg:var(--arnon-color-bg-surface-subtle,var(--color-surface-variant,var(--ok-surface-2)));--eco-line:var(--arnon-color-border-default,var(--color-line,var(--ok-border)));--eco-ink:var(--arnon-color-text-primary,var(--color-text-primary,var(--ok-text)));--eco-muted:var(--arnon-color-text-secondary,var(--color-text-secondary,var(--ok-text-2)));--eco-self:var(--arnon-color-self-500,var(--arnon-color-wholeness-500,var(--identity-wholeness)));--eco-knowledge:var(--arnon-color-knowledge-500,var(--arnon-color-wellness-500,var(--identity-wellness)));--eco-wisdom:var(--arnon-color-wisdom-500,var(--arnon-color-oneness-500,var(--identity-oneness)));box-sizing:content-box;--eco-size-home:17px;--eco-size-tab:18px;--eco-size-note:17px;display:flex;align-items:center;height:48px;padding:0 clamp(20px,3vw,40px);background:var(--eco-bg);border-bottom:1px solid var(--eco-line);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity}.eco::-webkit-scrollbar{display:none}.eco .eco-home,.eco .eco-tab{display:flex;flex:none;align-items:center;min-height:48px;text-decoration:none;font-weight:700;white-space:nowrap;scroll-snap-align:center}.eco .eco-home{padding:0 16px 0 0;margin-right:8px;border-right:1px solid var(--eco-line);font-size:var(--eco-size-home);letter-spacing:.14em;color:var(--eco-ink)}.eco .eco-tab{--eco-tone:var(--eco-wisdom);gap:8px;padding:0 16px;font-size:var(--eco-size-tab);color:var(--eco-muted)}.eco .eco-tab[data-eco-tab=self]{--eco-tone:var(--eco-self)}.eco .eco-tab[data-eco-tab=learn]{--eco-tone:var(--eco-knowledge)}.eco .eco-tab:hover,.eco .eco-tab[aria-current]{color:var(--eco-ink)}.eco .eco-tab[aria-current]{box-shadow:inset 0 -3px 0 var(--eco-tone)}.eco-dot{flex:none;box-sizing:border-box;width:9px;height:9px;border-radius:50%;background:var(--eco-tone)}.eco .eco-home:focus-visible,.eco .eco-tab:focus-visible{outline:3px solid var(--eco-tone,var(--eco-ink));outline-offset:-3px}.eco-note{display:none;flex:none;margin-left:auto;padding-left:16px;font-size:var(--eco-size-note);line-height:1.45;white-space:nowrap;color:var(--eco-muted)}@media (min-width:1200px){.eco-note{display:inline}}.eco .eco-social{align-items:center;gap:0}@media (min-width:1200px){.eco .eco-social{display:flex}}.eco .eco-social-link{display:flex;flex:none;align-items:center;justify-content:center;width:44px;min-height:48px;text-decoration:none;color:var(--eco-muted)}.eco .eco-social-link:hover{color:var(--eco-ink)}.eco .eco-social-link:focus-visible{outline:3px solid var(--eco-ink);outline-offset:-3px}@media (max-width:767px){.eco{--eco-size-tab:16px;height:44px;padding:0 12px}.eco .eco-home{display:none}.eco .eco-tab{min-height:44px;gap:5px;padding:0 5px}.eco-dot{width:7px;height:7px}}@media print{.eco{display:none}}